@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')
    <x-admin.table filter="true"   deletebutton="{{route('admin.categories.deleteAll')}}">
            <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('رقم الهاتف') }}</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="{{ asset('assets/uploads/users/'.$row->avatar) }}" width="50px" height="50px" alt=""></td>

                <td>{{ $row->name }}</td>
                <td>{{ $row->email }}</td>
                <td>{{ $row->phone }}</td>
               
                <td class="product-action">
                    {{-- <span class="text-primary"><a
                         href="{{ route('admin.delegates.show', ['id' => $row->id]) }}"><i
                           class="feather icon-eye"></i></a></span> --}}
                    <span class="action-edit text-primary"><a
                                href="{{ route('admin.delegates.edit', ['id' => $row->id]) }}"><i
                                    class="feather icon-edit"></i></a></span>
                    <span data-toggle="modal" data-target="#notify" class="text-info notify"
                          data-id="{{ $row->id }}"
                          data-url="{{ url('admins/delegates/notify') }}"><i
                                class="feather icon-bell"></i></span>
                    <span data-toggle="modal" data-target="#mail" class="text-info mail"
                          data-id="{{ $row->id }}"
                          data-url="{{ url('admins/delegates/notify') }}"><i
                                class="feather icon-mail"></i></span>
                    <span class="delete-row text-danger"
                          data-url="{{ url('admin/delegates/' . $row->id) }}"><i
                                class="feather icon-trash"></i></span>
                </td>
            </tr>
                @endforeach
            </x-slot>
        </x-admin.table >
    {{-- #table --}}
@endsection

@section('js')
    <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