@section('page_content')
<form id="frmAddNewFieldList" method="POST" action="{{ route('tenant.leads.source.form.list.store') }}">
@csrf
<div class="row">
    <div class="col-xxl-9 col-xl-7 col-lg-6 col-md-12">
        <div class="card-left">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title">Fill in the 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-lg-6 col-md-6 col-sm-12">
                            <div class="form-group">
                                <label for="list_name" class="form-label">List Name</label>
                                <input id="list_name" type="text" name="name" class="form-control" value="{{ old('name') }}" required />
                            </div>
                        </div>                               
                        <div class="col-12">
                            <div class="form-group">
                                <label class="form-label">List Description</label>
                                <textarea name="description" class="form-control" rows="4">{{ old('description') }}</textarea>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="card custom_list_row">
                <div class="card-header">
                    <h5 class="card-title">Custom List Option</h5>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped verticle-middle table-responsive-sm sorted_table">
                            <thead>
                                <tr>
                                    <th width="50">&nbsp;</th>
                                    <th>Option Key</th>
                                    <th>Option Value</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody id="field_options_wrapper">
                                @include('tenant.leads.sources.webform.list.inc._addedit_listitem')
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xxl-3 col-xl-5 col-lg-6 col-md-12">
        <div class="card-right">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title">General Details</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-12">
                            <div class="form-group">
                                <label class="form-label">Status</label>
                                <select name="status" class="form-control" required>
                                    @foreach($statuses as $k => $v)
                                        <option value="{{ $k }}">{{ $v }}</option>
                                    @endforeach
                                    <option value="2">Publish - Keep Editting</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-footer">
                    <div class="row">
                        <div class="col-xl-6 col-lg-12 col-md-12 mt-2">                      
                            <a href="{{ route('tenant.leads.source.form.list.index') }}" title="Back to Form List" class="btn btn-info btn-block mr-2">Back</a>
                        </div>
                        <div class="col-xl-6 col-lg-12 col-md-12 mt-2">                         
                            <button type="submit" class="btn btn-primary btn-block">Create</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</form>
@stop