@extends('admin.layouts.app')

@section('breadcrumb')
    <div>
        <h1 class="page-title fw-medium fs-18 mb-2">لیست کاربران</h1>
        <div>
            <nav>
                <ol class="breadcrumb mb-0">
                    <li class="breadcrumb-item">
                        <a href="javascript:void(0)">مدیریت کاربران</a>
                    </li>
                    <li class="breadcrumb-item active" aria-current="page">
                        لیست کاربران
                    </li>
                </ol>
            </nav>
        </div>
    </div>
@endsection

@section('content')

    @error('general')
    <span class="alert alert-danger">{{ $message }}</span>
    @enderror

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

        <div class="row">
            <div class="col-xl-12">
                <div class="card custom-card">
                    <div class="card-body p-3">

                        <form method="GET">
                            <div class="d-flex align-items-center justify-content-between flex-wrap gap-3">

                                <div class="d-flex flex-wrap gap-1 project-list-main align-items-center">

                                    <div class="d-flex me-2">
                                        <input
                                            class="form-control me-2"
                                            type="search"
                                            name="search"
                                            placeholder="جستجوی کاربر"
                                            value="{{ request()->input('search') }}"
                                            aria-label="جستجوی کاربر"
                                        >

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

                                    <select
                                        id="choices-single-default"
                                        class="form-control"
                                        name="sort"
                                    >
                                        <option value="" selected>
                                            مرتب‌سازی بر اساس
                                        </option>

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

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

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

                                </div>

                            </div>
                        </form>

                    </div>
                </div>
            </div>
        </div>


        <!-- Users Table -->
        <div class="row">
            <div class="col-xl-12">

                <div class="card custom-card">

                    <div class="table-responsive">

                        <table class="table text-nowrap table-bordered">

                            <thead>
                            <tr>
                                <th scope="col">عکس</th>
                                <th scope="col">نام و نام خانوادگی</th>
                                <th scope="col">وضعیت تأهل</th>
                                <th scope="col">نام و نام خانوادگی همسر</th>
                                <th scope="col">ایمیل</th>
                                <th scope="col">استان</th>
                                <th scope="col">شهر</th>
                                <th scope="col">شماره موبایل</th>
                                <th scope="col">تاریخ ثبت نام</th>
                                <th scope="col">عملیات</th>
                            </tr>
                            </thead>

                            <tbody>

                            @foreach($users as $user)

                                <tr>
                                    <td>
                                            <span class="avatar avatar-md avatar-square bg-light">

                                                 @if($user->file?->id)
                                                    <img src="{{ getFileUrl($user->file?->id) }}"
                                                         class="w-100 h-100"
                                                         alt="{{ getUserFullName($user) }}">
                                                @else
                                                    <img
                                                        src="{{ asset('assets/admin/images/faces/DefaultAvatar.jpg') }}"
                                                        class="w-100 h-100"
                                                        alt="{{ getUserFullName($user) }}"
                                                    >
                                                @endif



                                            </span>
                                    </td>

                                    <td>
                                        <div class="d-flex align-items-center">

                                            <div class="flex-fill">

                                                    <span class="fw-medium fs-14 d-block">
                                                        {{ getUserFullName($user) }}
                                                    </span>

                                            </div>

                                        </div>
                                    </td>


                                    <td>

                                        @if($user->marital_status == \App\Enums\UserMaritalStatus::SINGLE)
                                            <span class="badge bg-primary-transparent">
                                                    مجرد
                                                </span>

                                        @elseif($user->marital_status == \App\Enums\UserMaritalStatus::MARRIED)
                                            <span class="badge bg-success-transparent">
                                                    متأهل
                                                </span>

                                        @elseif($user->marital_status == \App\Enums\UserMaritalStatus::SEPARATED)
                                            <span class="badge bg-warning-transparent">
                                                    جداشده
                                                </span>

                                        @else
                                            -
                                        @endif

                                    </td>
                                    <td>
                                        @if($user->spouse_name)
                                            {{ $user->spouse_name }}
                                        @else
                                            -
                                        @endif
                                    </td>
                                    <td>
                                        {{ $user->email }}
                                    </td>
                                    <td>
                                        {{$user->province}}
                                    </td>
                                    <td>
                                        {{$user->city}}
                                    </td>
                                    <td>
                                        {{ $user->mobile }}
                                    </td>
                                    <td>
                                        {{ $user->created_at->toJalali()->format('H:i Y-m-d') }}
                                    </td>
                                    <td>
                                        <div class="hstack gap-2 fs-15">

                                            @if(auth('admin')->user()->permission?->user_edit)
                                                <a href="{{ route('admin.users.edit', $user->id) }}"
                                                   class="btn btn-secondary-light btn-icon btn-sm"
                                                   title="ویرایش">
                                                    <i class="ti ti-pencil"></i>
                                                </a>
                                            @endif

                                            @if(auth('admin')->user()->permission?->user_delete)
                                                <form action="{{ route('admin.users.destroy', $user->id) }}"
                                                      method="POST"
                                                      onsubmit="return confirm('آیا از حذف این کاربر مطمئن هستید؟')">
                                                    @csrf
                                                    @method('DELETE')

                                                    <button type="submit"
                                                            class="btn btn-icon btn-sm btn-danger-light">
                                                        <i class="ri-delete-bin-line"></i>
                                                    </button>
                                                </form>
                                            @endif

                                        </div>
                                    </td>

                                </tr>

                            @endforeach

                            </tbody>

                        </table>

                    </div>

                </div>

                {{ $users->links() }}

            </div>
        </div>

    </div>
@endsection