@extends('admin.layout.master')

@section('css')
    <link rel="stylesheet" type="text/css" href="{{asset('admin/app-assets/vendors/css/tables/datatable/datatables.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('admin/app-assets/vendors/css/tables/datatable/extensions/dataTables.checkboxes.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('admin/app-assets/css-rtl/pages/data-list-view.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('admin/app-assets/css-rtl/core/colors/palette-gradient.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('admin/app-assets/vendors/css/extensions/sweetalert2.min.css')}}">
@endsection

@section('content')

    @php
        $filter = true;
        $deleteButton = route('admin.categories.deleteAll');
        $addButton = $slug == null ? null : route('admin.categories.create', ['id' => $id, 'slug' => $slug]);
    @endphp

    <x-admin.table :filter="$filter" :deletebutton="$deleteButton" :addbutton="$addButton">
        
                <x-slot name="tableHead">
                <th>
                    <label class="container-checkbox">
                        <input type="checkbox" value="value1" name="name1" id="checkedAll">
                        <span class="checkmark"></span>
                    </label>
                </th>
                <th>{{awtTrans('التاريخ')}}</th>
                <th>{{awtTrans('الصوره')}}</th>
                <th>{{awtTrans('الاسم')}}</th>
                <th>{{awtTrans('حالة القسم')}}</th>
                <th>{{awtTrans('slug')}}</th>
                <th>{{awtTrans('الاقسام الفرعية')}}</th>
                <th>{{awtTrans('التحكم')}}</th>
            </x-slot>
            <x-slot name="tableBody">
                @foreach($rows as $row)
                    <tr class="delete_row">
                        <td class="text-center">
                            <label class="container-checkbox">
                                <input type="checkbox" class="checkSingle" id="{{$row->id}}">
                                <span class="checkmark"></span>
                            </label>
                        </td>
                        <td>{{\Carbon\Carbon::parse($row->created_at)->format('d/m/Y')}}</td>
                        <td><img src="{{$row->image_path}}" width="50px" height="50px" alt=""></td>
                        <td>{{$row->name}}</td>
                        <td>
                            @if ($row->status == 'false')
                              <span class="btn btn-sm btn-outline-danger">
                                {{ awtTrans('غير مفعل') }}
                                <i class="la la-close font-medium-2"></i>
                              </span>
                            @else
                              <span class="btn btn-sm btn-outline-success">
                                {{ awtTrans('مفعل') }}
                                <i class="la la-check font-medium-2"></i>
                              </span>
                            @endif
                        </td>
                        <td>{{$row->slug}}</td>
                        @if($row->type == 'logistic' || ( $row->type == null && $row->slug == 'sub_category'))
                            <td class="text-center"> - </td>
                        @else
                            <td class="text-center"><a href="{{route('admin.categories.index' , ['id' => $row->id,'slug'=>$row->slug])}}"><i class="feather icon-eye"></i></a></td>
                        @endif
                        <td class="product-action">
                            <span class="text-primary"><a href="{{route('admin.categories.show' , ['id' => $row->id])}}"><i class="feather icon-eye"></i></a></span>
                            <span class="action-edit text-primary"><a href="{{route('admin.categories.edit' , ['id' => $row->id])}}"><i class="feather icon-edit"></i></a></span>
                            @if($row->slug != 'ads' && $row->slug != 'logistics_services')
                                <span class="delete-row text-danger" data-url="{{url('admin/categories/'.$row->id)}}"><i class="feather icon-trash"></i></span>
                            @endif
                        </td>
                    </tr>
                @endforeach
            </x-slot>
        </x-admin.table >

    {{-- #table --}}
@endsection

@section('js')
    <script>
        var Export = 'Categories';
    </script>
    <script src="{{asset('admin/app-assets/vendors/js/tables/datatable/datatables.min.js')}}"></script>
    <script src="{{asset('admin/app-assets/vendors/js/tables/datatable/datatables.buttons.min.js')}}"></script>
    <script src="{{asset('admin/app-assets/vendors/js/tables/datatable/pdfmake.min.js')}}"></script>
    <script src="{{asset('admin/app-assets/vendors/js/tables/datatable/buttons.html5.min.js')}}"></script>
    <script src="{{asset('admin/app-assets/vendors/js/tables/datatable/buttons.print.min.js')}}"></script>
    <script src="{{asset('admin/app-assets/vendors/js/tables/datatable/buttons.bootstrap.min.js')}}"></script>
    <script src="{{asset('admin/app-assets/vendors/js/tables/datatable/datatables.bootstrap4.min.js')}}"></script>
    <script src="{{asset('admin/datatable_custom.js')}}"></script>
    <script src="{{asset('admin/search.js')}}"></script>
    <script src="{{asset('admin/app-assets/vendors/js/extensions/sweetalert2.all.min.js')}}"></script>
    <script src="{{asset('admin/app-assets/js/scripts/extensions/sweet-alerts.js')}}"></script>

    {{-- delete all script --}}
        @include('admin.shared.deleteAll')
    {{-- delete all script --}}

    {{-- delete one user script --}}
        @include('admin.shared.deleteOne')
    {{-- delete one user script --}}
@endsection