@extends('layouts.app')

@section('content')
    <div class="mb-5 pb-5">
        <div class="row">

            {{--  list side bar start--}}
            <div class="col-xl-3">
                <div class="item-list mb-3">
                    <div class="row">
                        <div class="col-8">
                            <h1>
                                @yield('list-title')
                            </h1>
                        </div>
                        <div class="col-4 pt-3 text-end">
                            @if(hasRoute('trashed'))
                                <a class="btn btn-outline-danger me-3"
                                   data-bs-toggle="tooltip"
                                   data-bs-placement="top"
                                   data-bs-custom-class="custom-tooltip"
                                   data-bs-title="{{__("Trashed items")}}"
                                   href="{{getRoute('trashed')}}"
                                >
                                    <i class="ri-delete-bin-6-line"></i>
                                </a>
                            @endif
                        </div>
                    </div>
                    <form action="" class="p-3">
                        <div class="input-group mb-3">
                            <span class="btn btn-outline-secondary" type="button" id="button-addon2">
                                <i class="ri-search-2-line"></i>
                            </span>
                            <input type="text" name="q" class="form-control" placeholder="{{__("Search")}}..."
                                   aria-label="{{__("Search")}}..." aria-describedby="button-addon2"
                                   value="{{request()->input('q','')}}">
                        </div>
                        @yield('filter')
                        <button class="btn btn-primary w-100">
                            {{__("Search & Filter")}}
                        </button>
                    </form>
                </div>


                <div class="item-list mb-3 py-3">
                    <div class="grid-equal text-center p-1">
                        <span>
                             {{__("Totol")}}
                        </span>
                        <span>
                            ({{$items->total()}})
                        </span>
                    </div>
                    <hr>
                    <div class="grid-equal text-center p-1">
                        <span>
                             {{__("From - To")}}
                        </span>
                        <span>
                             @paginated($items)
                        </span>
                    </div>
                </div>

                @if(hasRoute('bulk'))

                    <div class="item-list mb-3">
                        <h3 class="p-3">
                            <i class="ri-check-double-line"></i>
                            {{__("Bulk actions:")}}
                        </h3>
                        <form action="{{getRoute('bulk',[])}}" id="bulk-from" method="post">

                            <div class="p-3">

                                @csrf
                                <select class="form-control mb-3" name="action" required>
                                    <option value=""></option>
                                    @if(strpos(request()->url(),'trashed') != false)
                                    <option value="restore"> {{__("Batch restore")}} </option>
                                    @else
                                    <option value="delete"> {{__("Batch delete")}} </option>
                                    @endif
                                    @yield('bulk')
                                </select>

                                <button class="btn btn-primary w-100">
                                    {{__("Do it")}}
                                </button>
                                <div id="bulk-idz"></div>
                            </div>
                        </form>
                    </div>
                @endif

                @include('components.err')
            </div>
            {{--  list side bar end--}}


            {{--   list content start--}}
            <div class="col-xl-9 ps-xl-0">
                <form class="item-list" id="main-form">
                    <table class="table-list">

                        <thead>
                        <tr>
                            <th>
                                <div
                                    data-bs-toggle="tooltip"
                                    data-bs-placement="top"
                                    data-bs-custom-class="custom-tooltip"
                                    data-bs-title="{{__("Check all")}}"
                                    class="form-check form-switch mt-1 mx-2">
                                    <input class="form-check-input chkall"
                                           type="checkbox" role="switch">
                                </div>
                            </th>
                            @foreach($cols as $col)
                                <th>
                                    <a href="?sort={{$col}}{{sortSuffix($col)}}&{{queryBuilder('sort')}}">
                                        {{__($col)}}
                                    </a>
                                </th>
                            @endforeach
                            @yield('table-head')
                            <th>

                            </th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($items as $item)
                            <tr>
                                <td>
                                    <input type="checkbox" id="chk-{{$item->id}}" class="chkbox"
                                           name="id[{{$item->id}}]" value="{{$item->id}}">
                                    <label for="chk-{{$item->id}}">
                                        {{$item->id}}
                                    </label>
                                </td>
                                @foreach($cols as $k => $col)
                                    @if($k == 0 && hasRoute('edit'))
                                        <td>
                                            <a href="{{getRoute('edit',$item->{$item->getRouteKeyName()})}}">
                                                <b>
                                                    {{$item->name}}
                                                </b>
                                            </a>
                                        </td>
                                    @else
                                        <td>
                                            {{$item->$col}}
                                        </td>
                                    @endif
                                @endforeach
                                @yield('table-body')
                                <td>

                                    @if(strpos(request()->url(),'trashed') != false && hasRoute('restore'))
                                        <a href="{{getRoute('restore',$item->{$item->getRouteKeyName()})}}"
                                           class="btn btn-success btn-sm mx-1 d-xl-none d-xxl-none"
                                           data-bs-toggle="tooltip"
                                           data-bs-placement="top"
                                           data-bs-custom-class="custom-tooltip"
                                           data-bs-title="{{__("Restore")}}">
                                            <i class="ri-recycle-line"></i>
                                        </a>
                                    @else

                                    <div class="dropdown d-xl-none d-xxl-none">
                                        <a class="btn btn-outline-secondary dropdown-toggle" href="#" role="button"
                                           data-bs-toggle="dropdown" aria-expanded="false">
                                        </a>
                                        <ul class="dropdown-menu">
                                            @foreach($buttons as $btn => $btnData)
                                                <li>
                                                    <a class="dropdown-item {{$btnData['class']}}"
                                                       href="{{getRoute($btn,$item->id)}}">
                                                        <i class="{{$btnData['icon']}}"></i>
                                                        &nbsp;
                                                        {{__($btnData['title'])}}
                                                    </a>
                                                </li>
                                            @endforeach
                                        </ul>
                                    </div>
                                    @endif
                                    <div class="d-none d-xl-block  d-xxl-block">
                                        @foreach($buttons as $btn => $btnData)

                                            @if(strpos($btnData['class'],'delete') == false )
                                                @if(strpos(request()->url(),'trashed') == false)

                                                <a href="{{getRoute($btn,$item->{$item->getRouteKeyName()})}}"
                                                   class="btn {{$btnData['class']}} btn-sm mx-1"
                                                   data-bs-toggle="tooltip"
                                                   data-bs-placement="top"
                                                   data-bs-custom-class="custom-tooltip"
                                                   data-bs-title="{{__($btnData['title'])}}">
                                                    <i class="{{$btnData['icon']}}"></i>
                                                </a>
                                                @endif
                                            @else
                                                @if( hasRoute('restore') && $item->trashed())
                                                    <a href="{{getRoute('restore',$item->{$item->getRouteKeyName()})}}"
                                                       class="btn btn-success btn-sm mx-1"
                                                       data-bs-toggle="tooltip"
                                                       data-bs-placement="top"
                                                       data-bs-custom-class="custom-tooltip"
                                                       data-bs-title="{{__("Restore")}}">
                                                        <i class="ri-recycle-line"></i>
                                                    </a>
                                                @else
                                                    <a href="{{getRoute($btn,$item->{$item->getRouteKeyName()})}}"
                                                       class="btn {{$btnData['class']}} btn-sm mx-1"
                                                       data-bs-toggle="tooltip"
                                                       data-bs-placement="top"
                                                       data-bs-custom-class="custom-tooltip"
                                                       data-bs-title="{{__($btnData['title'])}}">
                                                        <i class="{{$btnData['icon']}}"></i>
                                                    </a>
                                                @endif
                                            @endif
                                        @endforeach
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>


                        {{-- pagination and toggle button start --}}
                        <tfoot>
                        <tr>
                            <th colspan="100%">
                                <div class="row">
                                    <div class="col-md-3 text-start">
                                        <div
                                            id="toggle-select"
                                            class="btn btn-outline-light mx-2"
                                            data-bs-toggle="tooltip"
                                            data-bs-placement="top"
                                            data-bs-custom-class="custom-tooltip"
                                            data-bs-title="{{__("Toggle selection")}}">
                                            <i class="ri-toggle-line"></i>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        {{$items->withQueryString()->links()}}
                                    </div>
                                    <div class="col-md-3 text-center">
                                    </div>
                                </div>
                            </th>
                        </tr>
                        </tfoot>
                        {{-- pagination and toggle button end --}}
                    </table>
            </div>
        </div>
        {{--   list content end--}}
    </div>

    @if(hasRoute('create'))
        <a class="action-btn circle-btn"
           data-bs-toggle="tooltip"
           data-bs-placement="top"
           data-bs-custom-class="custom-tooltip"
           data-bs-title="{{__("Add another one")}}"
           href="{{getRoute('create')}}"
        >
            <i class="ri-add-line"></i>
        </a>
    @endif
@endsection