@extends('layouts.admin')

@section('content')
@push('css')
    {{-- <!-- DataTables -->
    <link href="{{ asset('') }}/assets/libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
    <link href="{{ asset('') }}/assets/libs/datatables.net-buttons-bs4/css/buttons.bootstrap4.min.css" rel="stylesheet" type="text/css" />

    <!-- Responsive datatable examples -->
    <link href="{{ asset('') }}/assets/libs/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css" rel="stylesheet" type="text/css" /> --}}
@endpush
<div class="container-fluid">
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header">
                    <div class="row">
                        <div class="col-md-6">
                            <h5>Admin Lists</h5>
                        </div>
                        <div class="col-md-6 text-right">
                            <a href="{{ route('admins.create') }}" class="btn btn-secondary btn-sm">Admin Create</a>
                        </div>
                    </div>

                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table id="datatable-buttons-alllist" class="table table-striped table-bordered w-100">
                            <thead>
                            <tr>
                                <th class="text-center">Sl.</th>
                                <th>Picture</th>
                                <th>Name</th>
                                <th>User ID</th>
                                <th>Phone</th>
                                <th>Email</th>
                                <th>Role</th>
                                <th>Designation</th>
                                <th>Team</th>
                                <th>Status</th>
                                <th>Address</th>
                                <th class="text-center">Action</th>
                            </tr>
                            </thead>
                            <tbody>
                            @if(count($departments)>0)
                                @foreach($departments as $department)
                                @php
                                    $admins = model('User')::where('user_type', 'Admin')->where('department_id', $department->department_id)->orderBy('name', 'ASC')->get();
                                @endphp
                                <tr>
                                    <th colspan="12" style="text-align: center">
                                        <h6>{{ @$department->department->name }}</h6>
                                    </th>
                                </tr>
                                    @foreach($admins as $key => $admin)
                                    <tr>
                                        <td class="text-center">{{ ++$key }}</td>
                                        <td><img style="height:35px;border-radius: 50%;" src="{{ $admin->picture ? asset('uploads/users/'.$admin->picture) : default_image()}}"></td>
                                        <td>{{ $admin->name }}</td>
                                        <td>
                                            <a href="{{route('admins.view',$admin->id)}}">{{ $admin->user_id }}</a>
                                            &nbsp;&nbsp;

                                            <a href="javascript:void(0)" class="open_phone_modal_page" data-url="{{route('admins.edit_user_id',$admin->id)}}" data-title="Update User ID" style="cursor: pointer"><i class="fa fa-edit"></i></a>

                                        </td>
                                        <td>{{ $admin->phone_number }}</td>
                                        <td>{{ $admin->email }}</td>
                                        <td>{{ cn($admin,'role.name','--') }}</td>
                                        <td>{{ cn($admin,'designation.name','--') }}</td>
                                        <td>@if($admin->team_id=='00') All Access @else{{ cn($admin,'team.name','--') }}@endif</td>
                                        <td>{{ $admin->status == 1 ? 'Active' : 'Inactive' }}</td>
                                        <td>{{ $admin->parmanent_address }}</td>

                                        <td class="text-center">
                                            <form action="{{ route('admins.delete', $admin->id) }}" method="post">
                                            {{ csrf_field() }}
                                            <div class="button-list">

                                              <a href="{{ route('admins.view',$admin->id) }}" class="btn btn-success">
                                                    <i class="fas fa-eye"></i>
                                                </a>
                                                <a href="{{ route('admins.edit',$admin->id) }}" class="btn btn-purple">
                                                    <i class="fas fa-pencil-alt"></i>
                                                </a>
                                                <!-- <button type="submit" class="btn btn-danger btn-remove ml-1">
                                                    <i class="far fa-trash-alt"></i>
                                                </button>  -->
                                            </div>
                                            </form>
                                        </td>
                                    </tr>
                                    @endforeach
                             @endforeach
                            @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

    </div><!--end row-->

</div> <!-- container-fluid -->
@push('alljs')
          {{-- <!-- Required datatable js -->
    <script src="{{ asset('') }}/assets/libs/datatables.net/js/jquery.dataTables.min.js"></script>
    <script src="{{ asset('') }}/assets/libs/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
    <!-- Buttons examples -->
    <script src="{{ asset('') }}/assets/libs/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
    <script src="{{ asset('') }}/assets/libs/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js"></script>
    <script src="{{ asset('') }}/assets/libs/jszip/jszip.min.js"></script>
    <script src="{{ asset('') }}/assets/libs/pdfmake/build/pdfmake.min.js"></script>
    <script src="{{ asset('') }}/assets/libs/pdfmake/build/vfs_fonts.js"></script>
    <script src="{{ asset('') }}/assets/libs/datatables.net-buttons/js/buttons.html5.min.js"></script>
    <script src="{{ asset('') }}/assets/libs/datatables.net-buttons/js/buttons.print.min.js"></script>
    <script src="{{ asset('') }}/assets/libs/datatables.net-buttons/js/buttons.colVis.min.js"></script>
    <!-- Responsive examples -->
    <script src="{{ asset('') }}/assets/libs/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
    <script src="{{ asset('') }}/assets/libs/datatables.net-responsive-bs4/js/responsive.bootstrap4.min.js"></script>

    <!-- Datatable init js -->
    <script src="{{ asset('') }}/assets/js/pages/datatables.init.js"></script>

    <script src="{{ asset('') }}/assets/libs/select2/js/select2.min.js"></script>
    <script src="{{ asset('') }}/assets/js/pages/form-advanced.init.js"></script>

    @if ($message = Session::get('error'))
    <script type="text/javascript">
        var msg = '{{$message}} ';
        show_toast('error',msg);
    </script>
    @endif
    @if ($message = Session::get('success'))
    <script type="text/javascript">
        var msg = '{{$message}} ';
        show_toast('success',msg);
    </script>
    @endif --}}
@endpush
@endsection