@extends('admin.layouts.app')

@section('breadcrumb')
    <div>
        <h1 class="page-title fw-medium fs-18 mb-2">
            لیست کاربران
        </h1>

        <nav>
            <ol class="breadcrumb mb-0">
                <li class="breadcrumb-item">
                    <a href="{{ route('admin.users.index') }}">
                        مدیریت کاربران
                    </a>
                </li>

                <li class="breadcrumb-item active" aria-current="page">
                    لیست کاربران
                </li>
            </ol>
        </nav>
    </div>
@endsection

@section('content')

    @php
        $permission = auth('admin')->user()->permission;
    @endphp

    <div class="container-fluid pt-4">

        @if(session('success'))
            <div class="alert alert-success">
                {{ session('success') }}
            </div>
        @endif

        @if(session('error'))
            <div class="alert alert-danger">
                {{ session('error') }}
            </div>
        @endif
        <div class="row">
            <div class="col-xl-12">

                <div class="card custom-card">

                    <div class="card-body p-3">

                        <form
                            action="{{ route('admin.users.index') }}"
                            method="GET"
                        >
                            <div class="d-flex align-items-center justify-content-between flex-wrap gap-3">

                                <div class="d-flex flex-wrap gap-2 align-items-center">

                                    <div class="d-flex me-2">

                                        <input
                                            class="form-control me-2"
                                            type="search"
                                            name="search"
                                            placeholder="جستجو (نام، ایمیل، موبایل)"
                                            value="{{ request('search') }}"
                                        >

                                        <button
                                            class="btn btn-light"
                                            type="submit"
                                        >
                                            جستجو
                                        </button>

                                    </div>

                                    <input
                                        class="form-control"
                                        type="text"
                                        name="mobile"
                                        placeholder="موبایل"
                                        value="{{ request('mobile') }}"
                                    >
                                    <input
                                        class="form-control"
                                        type="text"
                                        name="email"
                                        placeholder="ایمیل"
                                        value="{{ request('email') }}"
                                    >
                                    <link rel="stylesheet"
                                          href="https://unpkg.com/persian-datepicker@latest/dist/css/persian-datepicker.min.css">

                                    <input
                                        class="form-control"
                                        type="text"
                                        name="from_date"
                                        id="from_date"
                                        placeholder="از تاریخ"
                                        value="{{ request('from_date') }}"
                                        autocomplete="off"
                                    >
                                    <input
                                        class="form-control"
                                        type="text"
                                        name="to_date"
                                        id="to_date"
                                        placeholder="تا تاریخ"
                                        value="{{ request('to_date') }}"
                                        autocomplete="off"
                                    >

                                    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
                                    <script
                                        src="https://unpkg.com/persian-date@latest/dist/persian-date.min.js"></script>
                                    <script
                                        src="https://unpkg.com/persian-datepicker@latest/dist/js/persian-datepicker.min.js"></script>

                                    <script>
                                        $('#from_date, #to_date').persianDatepicker({
                                            format: 'YYYY/MM/DD',
                                            autoClose: true,
                                            observer: true
                                        });
                                    </script>

                                    <select
                                        class="form-control"
                                        name="sort"
                                    >

                                        <option value="">
                                            مرتب‌سازی بر اساس
                                        </option>

                                        <option
                                            value="newest"
                                            @selected(request('sort', 'newest') == 'newest')
                                        >
                                            جدیدترین
                                        </option>

                                        <option
                                            value="oldest"
                                            @selected(request('sort') == 'oldest')
                                        >
                                            قدیمی‌ترین
                                        </option>

                                        <option
                                            value="name_asc"
                                            @selected(request('sort') == 'name_asc')
                                        >
                                            الفبا (الف - ی)
                                        </option>

                                        <option
                                            value="name_desc"
                                            @selected(request('sort') == 'name_desc')
                                        >
                                            الفبا (ی - الف)
                                        </option>

                                    </select>


                                    <button
                                        class="btn btn-primary"
                                        type="submit"
                                    >
                                        اعمال فیلتر
                                    </button>


                                    {{-- حذف فیلتر --}}
                                    @if(request()->anyFilled([
                                        'search',
                                        'mobile',
                                        'email',
                                        'from_date',
                                        'to_date',
                                        'sort'
                                    ]))

                                        <a
                                            href="{{ route('admin.users.index') }}"
                                            class="btn btn-light"
                                        >
                                            حذف فیلتر
                                        </a>

                                    @endif

                                </div>

                            </div>

                        </form>

                    </div>

                </div>

            </div>
        </div>


        {{-- جدول کاربران --}}
        <div class="row">

            <div class="col-xl-12">

                <div class="card custom-card">

                    <div class="table-responsive">

                        <table class="table text-nowrap">

                            <thead>

                            <tr>
                                <th>نام و نام خانوادگی</th>
                                <th>ایمیل</th>
                                <th>شماره موبایل</th>
                                <th>تاریخ ثبتنام</th>
                                <th>عملیات</th>
                            </tr>

                            </thead>


                            <tbody>

                            @forelse($users as $user)

                                <tr>
                                    <td>
                                        {{ getUserFullName($user) }}
                                    </td>

                                    <td>
                                        {{ $user->email }}
                                    </td>

                                    <td>
                                        {{ $user->mobile }}
                                    </td>


                                    <td>
                                        {{ verta($user->created_at)->format('Y/m/d H:i') }}
                                    </td>
                                    <td>

                                        <div class="btn-list">

                                            @if($permission?->user_edit)

                                                <a
                                                    href="{{ route('admin.users.edit', $user) }}"
                                                    class="btn btn-secondary-light btn-icon btn-sm"
                                                    data-bs-toggle="tooltip"
                                                    title="ویرایش"
                                                >
                                                    <i class="ri-edit-line"></i>
                                                </a>

                                            @endif
                                            @if($permission?->user_delete)

                                                <form
                                                    action="{{ route('admin.users.destroy', $user) }}"
                                                    method="POST"
                                                    class="d-inline"
                                                    onsubmit="return confirm('آیا از حذف این کاربر مطمئن هستید؟')"
                                                >

                                                    @csrf
                                                    @method('DELETE')

                                                    <button
                                                        type="submit"
                                                        class="btn btn-pink-light btn-icon btn-sm"
                                                        data-bs-toggle="tooltip"
                                                        title="حذف"
                                                    >
                                                        <i class="ri-delete-bin-line"></i>
                                                    </button>

                                                </form>

                                            @endif

                                        </div>

                                    </td>

                                </tr>

                            @empty

                                <tr>
                                    <td
                                        colspan="5"
                                        class="text-center py-4"
                                    >
                                        کاربری پیدا نشد.
                                    </td>
                                </tr>

                            @endforelse
                            </tbody>
                        </table>

                    </div>

                </div>

            </div>

        </div>
        <div class="d-flex justify-content-end mt-3">

            {{ $users->links() }}

        </div>

    </div>

@endsection