@section('page_content')
<form id="frmAddNewField" method="POST" action="{{ route('tenant.leads.store', $leads->id) }}">
@csrf
<div class="row">
    <div class="col-xl-8 col-xxl-8 col-sm-12">
        @foreach($webform_cards as $card)
            <div class="card-forms">
                <div class="card text-center mb-3">
                    <div class="card-header">
                        <h5 class="card-title">{{ $card->name }}</h5>
                    </div>
                    <div class="card-body text-left">
                        @foreach($webform_rows[$card->id] as $row)
                        <div class="row columnselector">
                            @foreach($webform_columns[$row->id] as $column)
                                @livewire('leads.sources.form.field-type', [
                                    'layout_id'     => $webform->layout_id,
                                    'lead_field_id' => $webform_fields[$column->id]->lead_field_id,
                                    'columns'       => count($webform_columns[$row->id]),
                                    'name'          => $webform_fields[$column->id]->name,
                                    'label'         => $webform_fields[$column->id]->label,
                                    'required'      => $webform_fields[$column->id]->required,
                                    'placeholder'   => $webform_fields[$column->id]->placeholder,
                                    'fieldtype_id'  => $webform_fields[$column->id]->fieldtype_id,
                                    'fieldlist_id'  => $webform_fields[$column->id]->fieldlist_id
                                ], $column->id)
                            @endforeach
                        </div>
                        @endforeach
                    </div>
                </div>
            </div>
        @endforeach
    </div>
    <div class="col-xl-4 col-xxl-4 col-sm-12">
        <div class="card-forms">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title">Lead Details</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-12">
                            <div class="form-group">
                                <label class="form-label">Lead Name</label>
                                <input type="text" class="form-control" value="{{ $leads->name }}" disabled />
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="form-group">
                                <label class="form-label">Leads Agent</label>
                                <input type="text" class="form-control" value="{{ $agent->given_names }} {{ $agent->surname }}" disabled />
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="form-group">
                                <label class="form-label">Description</label>
                                <textarea disabled class="form-control">{{ $leads->description }}</textarea>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-footer">
                    <div class="col-12">                            
                        <a href="{{ route('tenant.leads.index', ['lead_id' => $leads->id]) }}" title="Back to Leads Page" class="btn btn-info mr-2">Back</a>
                        <button type="submit" class="btn btn-primary">Create Lead</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</form>
@stop