@extends('layouts.master')

@section('body')
    <div class="flex justify-between">
        <h3 class="text-orange-400 text-base md:text-3xl font-medium">İstifadəçilər</h3>
        <div class="flex">
            @permission('edit_user')
                <a href="{{ route('users.edit', Auth::user()->id) }}"
                    class="flex mr-2 items-center justify-center text-xs md:text-base px-1 py-2 md:!px-4 md:!py-2 bg-orange-500 text-white rounded-lg">
                    Düzəliş et
                </a>
            @endpermission
            @permission('create_user')
                <a href="{{ route('users.create') }}"
                    class="flex items-center justify-center text-xs md:text-base px-1 py-2 md:!px-4 md:!py-2 bg-orange-500 text-white rounded-lg">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" width="10"
                        height="10">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M12 4v16m8-8H4" />
                    </svg>
                    Yenisini yarat
                </a>
            @endpermission
        </div>
    </div>
    <div class="flex flex-col mt-8">
        <div class="-my-2 py-2 overflow-x-auto sm:-mx-6 sm:px-6 lg:-mx-8 lg:px-8">
            <div class="align-middle inline-block min-w-full shadow overflow-hidden sm:rounded-lg border-b border-gray-200">
                <table class="min-w-full text-center">
                    <thead>
                        <tr>
                            <th
                                class="px-2 py-2 md:!px-6 md:!py-4 border-b border-gray-200 bg-gray-50 text-xs leading-4 font-normal md:font-medium text-gray-500 normal-case md:uppercase tracking-wider">
                                Adı
                            </th>
                            <th
                                class="px-2 py-2 md:!px-6 md:!py-4 border-b border-gray-200 bg-gray-50 text-xs leading-4 font-normal md:font-medium text-gray-500 normal-case md:uppercase tracking-wider">
                                Email
                            </th>
                            <th
                                class="px-2 py-2 md:!px-6 md:!py-4 border-b border-gray-200 bg-gray-50 text-xs leading-4 font-normal md:font-medium text-gray-500 normal-case md:uppercase tracking-wider">
                                Filial
                            </th>
                            <th
                                class="px-2 py-2 md:!px-6 md:!py-4 border-b border-gray-200 bg-gray-50 text-xs leading-4 font-normal md:font-medium text-gray-500 normal-case md:uppercase tracking-wider">
                                Role
                            </th>
                            <th
                                class="px-2 py-2 md:!px-6 md:!py-4 border-b border-gray-200 bg-gray-50 text-xs leading-4 font-normal md:font-medium text-gray-500 normal-case md:uppercase tracking-wider">
                                Status
                            </th>
                            <th
                                class="px-2 py-2 md:!px-6 md:!py-4 border-b border-gray-200 bg-gray-50 text-xs leading-4 font-normal md:font-medium text-gray-500 normal-case md:uppercase tracking-wider">
                                Yaranma tarixi
                            </th>
                            <th
                                class="px-2 py-2 md:!px-6 md:!py-4 border-b border-gray-200 bg-gray-50 text-xs leading-4 font-normal md:font-medium text-gray-500 normal-case md:uppercase tracking-wider">
                                Tənzimlə
                            </th>
                        </tr>
                    </thead>
    
                    <tbody class="bg-white">
                        @foreach ($users as $user)
                            <tr>
                                <td class="px-2 py-2 md:!px-6 md:!py-4 text-xs md:text-base whitespace-no-wrap border-b border-gray-200 leading-5 md:font-bold">
                                    {{$user->name}}
                                </td>
                                <td class="px-2 py-2 md:!px-6 md:!py-4 text-xs md:text-base whitespace-no-wrap border-b border-gray-200 leading-5 md:font-bold">
                                    {{$user->email}}
                                </td>
                                <td class="px-2 py-2 md:!px-6 md:!py-4 text-xs md:text-base whitespace-no-wrap border-b border-gray-200 leading-5 md:font-bold">
                                    {{ implode(', ', $user->branches->pluck('name')->toArray()) }}
                                </td>
                                <td class="px-2 py-2 md:!px-6 md:!py-4 text-xs md:text-base whitespace-no-wrap border-b border-gray-200 leading-5 md:font-bold">
                                    {{$user->role->name}}
                                </td>
                                <td class="px-2 py-2 md:!px-6 md:!py-4 text-xs md:text-base whitespace-no-wrap border-b border-gray-200 leading-5 md:font-bold">
                                    {{$user->is_active ? 'Aktiv' : 'Deaktiv'}}
                                </td>
                                <td class="px-2 py-2 md:!px-6 md:!py-4 text-xs md:text-base whitespace-no-wrap border-b border-gray-200 leading-5 md:font-bold">
                                    {{$user->created_at}}
                                </td>
                                <td class="px-2 py-2 md:!px-6 md:!py-4 text-xs md:text-base whitespace-no-wrap border-b border-gray-200 leading-5">
                                    @if ($user->is_active)
                                        @permission('deactivate_user')
                                            <form action="{{ route('users.deactivate', $user->id) }}" method="POST" class="inline-block">
                                                @csrf
                                                @method('PATCH')
                                                <button type="submit" onclick="return confirm('Deaktiv etmək istədiyinizdən əminsiniz?')" 
                                                        class="text-red-500 hover:text-red-700">
                                                    Deaktiv et
                                                </button>
                                            </form>
                                        @endpermission
                                    @else
                                        @permission('activate_user')
                                            <form action="{{ route('users.activate', $user->id) }}" method="POST" class="inline-block">
                                                @csrf
                                                @method('PATCH')
                                                <button type="submit" onclick="return confirm('Aktiv etmək istədiyinizdən əminsiniz?')" 
                                                        class="text-red-500 hover:text-red-700 text-xs md:text-base">
                                                    Aktiv et
                                                </button>
                                            </form>
                                        @endpermission
                                    @endif
                                    @permission('edit_all_users')
                                        <a href="{{ route('users.edit', $user->id) }}"
                                            class="text-blue-400 rounded-lg">
                                            / Düzəliş et
                                        </a>
                                    @endpermission
                                    @permission('delete_user')
                                        <form action="{{ route('users.destroy', $user->id) }}" method="POST" class="inline-block">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" onclick="return confirm('Silmək istədiyinizdən əminsiniz?')" 
                                                    class="text-red-500 hover:text-red-700">
                                                / Sil
                                            </button>
                                        </form>
                                    @endpermission
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
                <div class="flex items-center justify-center my-2">
                    @include('components.pagination', ['paginator' => $users])
                </div>
            </div>
        </div>
    </div>
    
@endsection

@if (session('success'))
    @section('script')
        <script>
            toastr.options = {
                "progressBar": true,
                "closeButton": true
            }
            toastr.success("{{session('success')}}", "Uğurlu!");
        </script>
    @endsection
@endif
@if (session('error'))
    @section('script')
        <script>
            toastr.options = {
                "progressBar": true,
                "closeButton": true
            }
            toastr.error("{{session('error')}}", "Xəta!");
        </script>
    @endsection
@endif