@section('page_content')
<form id="frmBuildForm" method="POST" action="{{ route('tenant.leads.source.form.store') }}">
    @csrf
    <div class="row">
        <div class="col-sm-8 offset-sm-2 col-md-6 offset-md-3 col-lg-4 offset-lg-4">

            @if(count($leads) == 0)
                <div class="alert alert-danger solid "><strong>Error!</strong> There are no leads to select from. Please <a href="{{ route('tenant.leads.collection.create') }}" title="Add One">add one</a> now.</div>
            @endif
            <div class="card-right">
                <div class="card">
                    <div class="card-header">
                        <h5 class="card-title">Fill in Form Details</h5>
                    </div>
                    <div class="card-body">

                        @if ($errors->any())
                            <div class="alert alert-danger">
                                <ul>
                                    @foreach ($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif
                        
                        <div class="row">
                            <div class="col-12">
                                <div class="form-group">
                                    <label for="formname">Name</label>
                                    <input id="formname" type="text" name="name" class="form-control" placeholder="Please enter Webform name" required />
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="form-group">
                                    <label for="leads_field">Leads Name</label>                            
                                    <select id="sel_leads_field" name="lead_id" class="form-control" required>
                                        <option value="">Select Leads</option>
                                        @foreach($leads as $lead)
                                            @if(isset($lead->id))
                                            <option value="{{ $lead->id }}" data-name="{{ $lead->name }}">{{ $lead->name }}</option>
                                            @endif
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="form-group">
                                    <label for="formdescription">Description</label>
                                    <textarea id="formdescription" name="description" class="form-control" placeholder="Enter some description for this webform"></textarea>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="form-group">
                                    <label for="formlayout">Layout</label>
                                    <select id="formlayout" name="layout_id" class="form-control" required>
                                        @foreach($form_layouts as $layout)
                                            <option value="{{ $layout->id }}">{{ $layout->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-12 text-center">                            
                                <a href="{{ route('tenant.leads.source.form.index') }}" title="Back to Web Forms" class="btn btn-light mr-2">Back</a>
                                @if(count($leads) > 0)
                                    <button type="submit" class="btn btn-primary">Next</button>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div> 
    </form>
@stop