@section('page_content')
    <form id="frmBuildForm" method="POST" action="{{ route('tenant.lemarex.channels.widget.store') }}">
        @csrf
        <div class="row">
            <div class="col-sm-12 offset-sm-0 col-md-10 offset-md-1 col-lg-8 offset-lg-2">
                <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-md-6">
                                    <div class="form-group">
                                        <label for="formname">Widget Name <span class="required">*</span></label>
                                        <input id="formname" type="text" name="name" class="form-control" placeholder="Please enter widget name" />
                                        @if ($errors->has('name'))
                                            <span class="error">{{ $errors->first('name') }}</span>
                                        @endif
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="collection_id">Collection Name <span class="required">*</span></label>
                                        <select id="collection_id" name="collection_id" class="form-select">
                                            <option value="">Select Collection</option>
                                            @foreach ($collections as $collection)
                                                @if (isset($collection->id))
                                                    <option value="{{ $collection->id }}" {{ old('collection_id') == $collection->id ? 'selected' : '' }} data-name="{{ $collection->name }}">{{ $collection->name }}</option>
                                                @endif
                                            @endforeach
                                        </select>
                                        @if ($errors->has('collection_id'))
                                            <span class="error">{{ $errors->first('collection_id') }}</span>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="status">Status <span class="required">*</span></label>
                                        <select id="status" name="status" class="form-select">
                                            @foreach (config('env.status') as $k => $v)
                                                <option value="{{ $k }}" {{ old('status') == $k ? 'selected' : '' }}>{{ $v }}</option>
                                            @endforeach
                                        </select>
                                        @if ($errors->has('status'))
                                            <span class="error">{{ $errors->first('status') }}</span>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-md-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-md-6">
                                    <div class="form-group">
                                        <label for="formlayout">Form Layout <span class="required">*</span></label>
                                        <select id="formlayout" name="layout_id" class="form-select">
                                            <option value="">Select Layout</option>
                                            @foreach ($form_layouts as $k => $v)
                                                <option value="{{ $k }}" {{ old('layout_id') == $k ? 'selected' : '' }}>{{ $v['name'] }}</option>
                                            @endforeach
                                        </select>
                                        @if ($errors->has('layout_id'))
                                            <span class="error">{{ $errors->first('layout_id') }}</span>
                                        @endif
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group">
                                        <label for="formlayoutgrid">Layout Grid <span class="required">*</span></label>
                                        <select id="formlayoutgrid" name="grid" class="form-select">
                                            <option value="">Select Grid</option>
                                            @foreach ($grids as $option)
                                                <option value="{{ $option->option_key }}" {{ $option->option_key == '2' || old('grid') == $option->option_key ? 'selected' : '' }}>{{ $option->option_value }}</option>
                                            @endforeach
                                        </select>
                                        @if ($errors->has('grid'))
                                            <span class="error">{{ $errors->first('grid') }}</span>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card-footer">
                            <div class="row">
                                <div class="col-6">
                                    <a href="{{ route('tenant.lemarex.channels.widget.index') }}" title="Back to Web Forms" class="btn btn-light btn-block">Back</a>
                                </div>
                                <div class="col-6">
                                    <button type="submit" class="btn btn-primary btn-block">Next</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
@stop