@section('page_content')
<form id="frmBuildForm" method="POST" action="{{ route('lms.webform.update', $webform->id) }}">
@csrf
<div class="row">
    <div class="col-sm-12 col-md-4 col-lg-4">
        <div class="card-left">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title">Webform Details</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-12">
                            <div class="form-group">
                                <label for="formname">Webform Name</label>
                                <input id="formname" type="text" name="formname" class="form-control" value="{{ $webform->name }}" placeholder="Please enter Webform name" required />
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <div class="form-group">
                                <label for="leadsname">Leads Name</label>
                                <input id="leadsname" type="text" name="leadsname" class="form-control" placeholder="Please enter Leads name" required />
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <div class="form-group">
                                <label for="formdescription">Description</label>
                                <textarea id="formdescription" name="formdescription" class="form-control" value="{{ $webform->description }}" placeholder="Enter some description for this webform"></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <div class="form-group">
                                <label for="formlayout">Layout</label>
                                <select id="formlayout" name="formlayout" class="form-control">
                                    <option value="standard">Standard</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <div class="form-group text-center">
                                <a href="" class="btn btn-default">Reset</a>
                                <a href="{{ route('lms.webform.index') }}" class="btn btn-danger">Cancel</a>
                                <button type="submit" name="btnSubmit" class="btn btn-primary" value="Submit">Update Form</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-sm-12 col-md-8 col-md-8">
        <div class="card-right">
            <div class="form-content">
                @foreach($webform_cards as $card)
                    <input type="hidden" name="cards[]" value="{{ $card->id }}" />
                    <div class="card">
                        <div class="card-header">
                            <h5 class="card-title text-center">{{ $card->name }}</h5>
                            <input type="hidden" name="card{{ $card->id }}_name" value="{{ $card->name }}" />
                        </div>
                        <div class="card-body"> 
                            @foreach($webform_rows[$card->id] as $row)
                                <input type="hidden" name="rows[$card->id]" value="{{ $row->id }}" />
                                <div class="row mb-3 form-row">
                                    @foreach($webform_columns[$row->id] as $column)
                                            @livewire('form-builder.form-field-type-editor', [
                                                'field_id'          => $webform_fields[$column->id]->id,
                                                'columnkey'         => $column->id,
                                                'row_val'           => $webform_columns[$row->id],
                                                'label'             => $webform_fields[$column->id]->label,
                                                'option'            => $webform_fields[$column->id]->required,
                                                'placeholder'       => $webform_fields[$column->id]->placeholder
                                            ], $column->id)
                                    @endforeach
                                </div>
                            @endforeach
                        </div>
                    </div>
                    
                @endforeach
            </div>
            <div class="row">
                <div class="col-12 text-center">
                    <a href="{{ route('lms.webform.preview', $webform->id) }}" target="_blank" class="btn btn-info">Preview Form</a>
                </div>
            </div>
        </div>
    </div>
</div> 
</form>
@stop