@extends('layouts.app')
@section('content')
    <div class="content">
        <x-content.header title="{{__('title.templates')}}" />
        <table id="datatable" class="table-custom-striped w-full" style="width: 100%;">
            <thead>
                <tr>
                    <th scope="col" width="5">
                        <input class="table-header-checkbox" type="checkbox" name="select_all" id="select-all" value="1">
                    </th>
                    <th scope="col">{{trans("tables.name_title")}}</th>
                    <th scope="col">{{trans("tables.form_title")}}</th>
                    <th scope="col">{{trans("tables.action_title")}}</th>
                </tr>
            </thead>
        </table>
    </div>
@stop

@section("filters")
    <div>
        <button class="btn btn-icon text-primary"
            data-toggle="collapse"
            data-target="#filter-content">
            <i class="mdi mdi-filter-variant icon-sm"></i>
        </button>
        <div class="custom-popover collapse" id="filter-content">
            <div class="form-group">
                <lable class="col-form-label col-form-label-sm">{{trans('forms.lbl_year')}}</label>
                <select name="selected_form" id="selected_form" class="form-control form-control-sm">
                    <option value="">{{trans('forms.lbl_all')}}</option>
                    @foreach ($forms as $key => $form)
                        <option value="{{$form->id}}">{{$form->label}}</option>
                    @endforeach
                </select>
            </div>
        </div>
    </div>
@stop


@section('quick-links')
    <div class="dropdown">
        <button id="quick-links" class="btn btn-icon px-0 text-info" href="javascript:;" id="dropdown12" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <i class="mdi mdi-dots-horizontal-circle-outline icon-md"></i>
        </button>

        <div class="dropdown-menu dropdown-menu-right" aria-labelledby="quick-links">
            @if(request()->user()->can('access', App\Models\MailTemplate::class))
                @can('create templates')
                    <a href="{{route('settings.templates.create')}}" class="dropdown-item"><i class="mdi mdi-plus"></i>{{trans('forms.lbl_add_new')}}</a>
                @endcan
                @can('create templates')
                    <a href="javascript:;" data-uri="{{route('settings.templates.index')}}" class="btn-delete-all dropdown-item"><i class="mdi mdi-delete"></i>{{trans('forms.lbl_delete')}}</a>
                @endcan
            @endif
        </div>
    </div>
@stop

@section('footer-script')
    <script type="text/javascript">

        PDDataTable({
            url: "{{ route('settings.templates.index') }}",
            columns:[
                { data: 'checkboxgrid', name: 'checkboxgrid', orderable: false, searchable: false, className: "checkbox-column"},
                { data: 'subject', name: 'subject', className:"!text-custom-grey-900 !font-medium"},
                { data: 'form_id', name: 'form_id'},
                { data: 'action', name: 'action', orderable: false, searchable : false, className:"text-right"}
            ],
            order : [1, 'asc'],
            callbackFunc  : function(d) {
                d.year = $('#selected_form').val();
			}
        });

    </script>
@stop