@include('documentcreator::templates.fields.settings.common', [
    'required' => 0
])

<hr/ >

@include('documentcreator::templates.fields.settings.placeholder')

<hr/ >

<div class="form_group w-full lg:w-[60%] flex flex-col lg:flex-row gap-2 lg:gap-0 justify-between items-start">
    <label for="pd-dropdown-fields" class="form-label text-sm-semibold w-full lg:w-1/2">{{trans("forms.lbl_select_fields")}}</label>
    <div class="w-full lg:w-1/2">
        @php
            $columns = collect(($settings->columns ? $settings->columns : []));
            $fields = sortCollectionByValuesCollection($fields, $columns);
        @endphp
        <select required name="columns[]" data-placeholder="Select a fields"
            multiple="true" id="pd-dropdown-fields" class="pd-dropdown w-100">
            @if(!$fields->isEmpty())
                @foreach($fields as $fd)
                    <option {{($columns->contains($fd->id) ? "selected" : '')}} value="{{$fd->id}}">
                        {{$fd->label}}
                    </option>
                @endforeach
            @endif
        </select>
    </div>
</div>

<hr/ >

<div class="form_group w-full lg:w-[60%] flex flex-col lg:flex-row gap-2 lg:gap-0 justify-between items-start">
    <label for="dc-template" class="form-label text-sm-semibold w-full lg:w-1/2">{{trans("forms.lbl_select_layout")}}</label>
    <div class="w-full lg:w-1/2">
        <select name="template" data-placeholder="Select a layout"
            id="dc-template"
            class="pd-dropdown w-100">
            <option {{(($settings->template == "list") ? "selected" : '')}} value="list">
                {{trans("forms.lbl_list_view")}}
            </option>

            <option {{(($settings->template == "grid") ? "selected" : '')}} value="grid">
                {{trans("forms.lbl_grid_view")}}
            </option>

            <option {{(($settings->template == "table") ? "selected" : '')}} value="table">
                {{trans("forms.lbl_table_view")}}
            </option>

            @if($field->name == "employee-employee")
                <option {{(($settings->template == "details") ? "selected" : '')}} value="details">
                    {{trans("forms.lbl_details_view")}}
                </option>
            @endif

        </select>
    </div>
</div>