@section('page_content')
<form id="frmAddNewField" method="POST" action="{{ route('tenant.lms.leads.field.store') }}">
@csrf
<div class="row">
    <div class="col-xxl-9 col-xl-7 col-lg-6 col-md-12">
        <div class="card_custom">
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title">Fill in the details.</h5>
                </div>
                <div class="card-body minH-400">
                    @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-6">
                            <div class="form-group">
                                <label class="form-label">Leads Field Name</label>
                                <input type="text" name="name" class="form-control" value="{{ old('name') }}" required />
                            </div>
                        </div> 
                        <div class="col-6">
                            <div class="form-group">
                                <label class="form-label">Form Type</label>
                                <select id="field_type" name="type" class="form-control" required>
                                    <option value="">Select Type</option>
                                    @foreach(config('env.form_types') as $k => $v)
                                        <option value="{{ $k }}" {{ $k == old('type') ? 'selected':'' }}>{{ $v }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div> 
                        <div class="col-12">
                            <div class="form-group">
                                <label for="description" class="form-label">Field Description</label>
                                <textarea name="description" class="form-control" rows="5"></textarea>
                            </div>
                        </div>                  
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-xxl-3 col-xl-5 col-lg-6 col-md-12">
        <div class="card_custom">
            <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-6">
                            <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 class="col-6">
                            <div class="form-group">
                                <label class="form-label">Mandatory</label>
                                <select name="mandatory" class="form-control" required>
                                    <option value="1">No</option>    
                                    <option value="2">Yes</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <label>Select Category</label>
                            <div class="form-group">
                                <ul class="category-list pl-3">
                                    @foreach($categories as $category)
                                        <li>
                                            <input type="checkbox" name="categories[]" class="form-check-input" id="check-{{ $category->id }}" {{ $category->id == old('category') ? 'checked':'' }} value="{{ $category->id }}" />
                                            <label class="form-check-label" for="check-{{ $category->id }}">{{ $category->name }}</label>
                                        </li>
                                    @endforeach
                                </ul>                                        
                            </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.lms.leads.field.index') }}" title="Back to All Fields" 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