@extends(backpack_view('blank'))

@php
    $entityName = strtolower(class_basename($crud->getModel()));
    $tableId = $entityName . 'Table';
@endphp

@section('header')
    <section class="container-fluid d-flex flex-stack flex-wrap flex-sm-nowrap align-item-center pb-10">
        <h1 class="fs-2">
            Rechercher {!! $crud->getHeading() ?? $crud->entity_name !!}
        </h1>
        <div class="py-1">
            @if ($crud->buttons()->where('stack', 'top_search')->count())
                <div class="d-print-none {{ $crud->hasAccess('create') ? 'with-border' : '' }} btnstack_top_search">
                    @include('crud::inc.button_stack', ['stack' => 'top_search'])
                </div>
            @endif
        </div>
    </section>
@endsection

@section('content')
    <div class="d-flex flex-column flex-lg-row">
        <div class="flex-column flex-lg-row-auto w-lg-250px w-xl-325px mb-10">
            <div class="card mb-5 mb-xl-8">
                <div class="card-body">
                    <div class="d-flex align-items-center position-relative my-1 d-print-none">
                        <!--begin::Svg Icon | path: icons/duotune/general/gen021.svg-->
                        <span class="svg-icon svg-icon-3 position-absolute ms-3">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <rect opacity="0.5" x="17.0365" y="15.1223" width="8.15546" height="2" rx="1"
                                    transform="rotate(45 17.0365 15.1223)" fill="currentColor"></rect>
                                <path
                                    d="M11 19C6.55556 19 3 15.4444 3 11C3 6.55556 6.55556 3 11 3C15.4444 3 19 6.55556 19 11C19 15.4444 15.4444 19 11 19ZM11 5C7.53333 5 5 7.53333 5 11C5 14.4667 7.53333 17 11 17C14.4667 17 17 14.4667 17 11C17 7.53333 14.4667 5 11 5Z"
                                    fill="currentColor"></path>
                            </svg>
                        </span>
                        <!--end::Svg Icon-->
                        <div id="{{ $tableId }}_search_stack" class="mt-sm-0 mt-2 d-print-none searchlist"></div>
                    </div>

                    <div class="separator separator-dashed my-8"></div>
                    {{-- Backpack List Filters --}}
                    @if ($crud->filtersEnabled())
                        @include('crud::inc.filters_navbar')
                    @endif
                </div>
            </div>
        </div>
        {{-- Default box --}}
        <div class="flex-lg-row-fluid ms-lg-15">

            {{-- THE ACTUAL CONTENT --}}
            <div class="{{ $crud->getListContentClass() }}">

                <div id="results" class="d-flex flex-wrap flex-stack pb-7">
                    <!--begin::Title-->
                    <div class="d-flex flex-wrap align-items-center my-1 w-100">
                        <div class="h3 me-5 my-1">
                            <div id="datatable_info_stack">{!! $crud->getSubheading() ?? '' !!}</div>
                            <span class="text-gray-400 fs-6" id="info_sort">tri par nom ↓</span>
                        </div>
                        <div class="flex-grow-1"></div>
                        <div id="bulk_buttons_{{ $tableId }}" data-target-table="{{ $tableId }}"
                            class="bulk_buttons_container d-print-none text-sm-left">
                            @if ($crud->buttons()->where('stack', 'bottom')->count())
                                @include('crud::inc.button_stack', ['stack' => 'bottom'])

                                <div id="datatable_button_stack" class="float-right text-right hidden-xs"></div>
                            @endif
                        </div>
                    </div>
                </div>

                <div class="card card-flush">
                    <div class="card-body py-4">
                        @include('admin.crud.inc.datatable')
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('after_styles')
    {{-- CRUD LIST CONTENT - crud_list_styles stack --}}
    @stack('crud_list_styles')
@endsection

@section('after_scripts')
    @php
        $entityName = strtolower(class_basename($crud->getModel()));
        $tableId = $entityName . 'Table';
        $table = new \App\Models\DatatableSetting($tableId, [], '/' . $crud->route, url($crud->route));
        $table->setHeading('My Heading');
        $table->setDefaultPageLength(10);
        $table->setGetPageLengthMenu([10, 25, 50, 100]);
        $table->setShowEntryCount(true);
        $table->setIsPersistent(false);
        $table->setFixedHeader(true);
        $table->setHasBulkAction(true);

        if ($entityName === 'film') {
            $table->setInitialSort([]);
        }

        $datatables = [$table];
    @endphp
    @include('admin.crud.inc.datatables_logic')

    {{-- CRUD LIST CONTENT - crud_list_scripts stack --}}
    @stack('crud_list_scripts')
    <script>
        jQuery(document).ready(function($) {
            $("#new_search_button").click(function(e) {
                e.preventDefault();

                // behaviour for ajax table
                var new_url = '{{ url($crud->route . '/search') }}';
                var ajax_table = window.crud.tables["{{ $tableId }}"].dt;
                ajax_table.search('');

                // replace the datatables ajax url with new_url and reload it
                ajax_table.ajax.url(new_url).load();

                // clear all filters
                $(".navbar-filters div[filter-name]").trigger('filter:clear');

                // remove filters from URL
                window.crud.tables["{{ $tableId }}"].updateUrl(new_url);
            });
        });
    </script>
@endsection