@section('page_content')
<form id="frmBuildForm" method="POST" action="{{ route('tenant.leads.source.form.build', $webform->id) }}">
    @csrf
    <div class="row page-titles mx-0">
        <div class="col-sm-6 p-md-0">
            <div class="welcome-text">
                <h4>{{ $page_title }}</h4>
                <p class="mb-0">{{ $webform->name }} - {{ $leads->name }} Leads</p>
            </div>
        </div>
        <div class="col-sm-6 p-md-0 justify-content-sm-end mt-2 mt-sm-0 d-flex">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="javascript:void(0)">Webforms</a></li>
                <li class="breadcrumb-item active"><a href="javascript:void(0)">Form Builder</a></li>
            </ol>
        </div>
    </div>
    
    <div class="row hidden">
        <div class="col-12">
            <div class="form-group">
                <label for="formname">Name</label>
                <input id="formname" type="text" class="form-control" value="{{ $webform->name }}" disabled />
            </div>
        </div>
        <div class="col-12">
            <div class="form-group">
                <label for="leads_field">Leads Name</label>
                <input id="formname" type="text" class="form-control" value="{{ $leads->name }}" disabled />
            </div>
        </div>
    </div>

    @if ($errors->any())
    <div class="row">
        <div class="col-12">
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        </div>
    </div>
    @endif

    <div class="row">
        <div class="col-12">
            @livewire('leads.sources.web-form', ['lead_id' => $leads->id, 'field_selector' => $field_selector])
        </div>
    </div> 

</form>
@stop