@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')
    <div class="container-fluid pt-4">
        @if(session('success'))
            <span style="color: green">{{session('success')}}</span>
        @endif

        <!-- Filter + Search -->
        <div class="row">
            <div class="col-xl-12">
                <div class="card custom-card">
                    <div class="card-body p-3">
                        <form method="GET" action="{{route('admin.admins.index')}}">
                            <div class="d-flex align-items-center justify-content-between flex-wrap gap-3">

                                <!-- Left: Add Admin + Sort -->
                                <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="">مرتب‌سازی بر اساس</option>
                                        <option
                                            value="name_asc" @selected(request()->missing('sort') || request()->input('sort') == 'name_asc') >
                                            نام (الف - ی)
                                        </option>
                                        <option
                                            value="name_desc" @selected( request()->input('sort') == 'name_desc') >
                                            نام (ی - الف)
                                        </option>
                                        <option value="email" @selected( request()->input('sort') == 'email') >
                                            ایمیل
                                        </option>
                                        <option value="newest" @selected( request()->input('sort') == 'newest') >
                                            جدیدترین
                                        </option>
                                    </select>
                                </div>

                                <!-- Right: Search -->
                                <div class="d-flex align-items-center gap-2" role="search">
                                    <a href="{{ route('admin.admins.trash.index') }}" class="btn btn-danger-light d-flex align-items-center">
                                        <i class="ri-delete-bin-3-line me-1 fw-medium align-middle"></i>
                                        سطل زباله
                                    </a>
                                    <a href="{{route('admin.admins.create')}}" class="btn btn-primary me-2">
                                        <i class="ri-add-line me-1 fw-medium align-middle"></i>ایجاد مدیر
                                    </a>
                                </div>

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

        <!-- 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>تصویر</th>
                                <th>نام</th>
                                <th>نام خانوادگی</th>
                                <th>نام کاربری</th>
                                <th>ایمیل</th>
                                <th>وضعیت</th>
                                <th>نقش</th>
                                <th>آخرین ورود</th>
                                <th>تاریخ ایجاد</th>
                                <th>اقدامات</th>
                            </tr>
                            </thead>
                            <tbody>
                            @forelse($admins as $admin)
                                <tr>
                                    <td>
                                            <span class="avatar avatar-md avatar-square bg-light">
                                                 @if($admin->avatar && $admin->avatar->file)
                                                    <img src="{{ getFileUrl($admin->avatar->file_id) }}"  class="w-100 h-100"  alt="{{ $admin->username }}"
                                                @else
                                                    <img src="{{asset('assets/admin/images/faces/DefaultAvatar.jpg')}}"
                                                         class="w-100 h-100" alt="{{$admin->username}}">
                                                @endif
                                            </span>
                                    </td>
                                    <td>{{$admin->first_name}}</td>
                                    <td>{{$admin->last_name}}</td>
                                    <td>{{$admin->username}}</td>
                                    <td>{{$admin->email ?: '-'}}</td>
                                    <td>
                                        @if($admin->status == \App\Enums\Admin\AdminStatus::ACTIVE)
                                            <span
                                                class="badge bg-primary-transparent">
                                                فعال
                                            </span>
                                        @else
                                            <span
                                                class="badge bg-danger-transparent">
                                                غیر فعال
                                            </span>
                                        @endif
                                    </td>
                                    <td>
                                        @if($admin->role == \App\Enums\Admin\AdminRole::SUPERADMIN)
                                            <span
                                                class="badge bg-success-transparent">
                                                سوپر ادمین
                                            </span>
                                        @else
                                            <span
                                                class="badge bg-info-transparent">
                                                ادمین عادی
                                            </span>

                                        @endif
                                    </td>
                                    <td>{{$admin->last_login_at?->toJalali()->format('d F Y - H:i') ?: '-'}}</td>
                                    <td>{{$admin->created_at->toJalali()->format('d F Y - H:i')}}</td>
                                    <td>
                                        <div class="hstack gap-2 fs-15">
                                            <a href="{{route('admin.admins.edit' , $admin->id)}}"
                                               class="btn btn-secondary-light btn-icon btn-sm" title="ویرایش">
                                                <i class="ti ti-pencil"></i>
                                            </a>
                                            @auth('admin')
                                                @if(auth('admin')->user()->role == \App\Enums\Admin\AdminRole::SUPERADMIN && auth('admin')->id() !== $admin->id)
                                                    <form
                                                        action="{{ route('admin.admins.destroy', $admin->id) }}"
                                                        method="POST"
                                                        class="d-inline"
                                                        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
                                            @endauth
                                        </div>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="11" class="text-center text-muted py-4">
                                        هیچ مدیری یافت نشد.
                                    </td>
                                </tr>
                            @endforelse

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <!-- Pagination -->
        <div class="d-flex justify-content-end mt-3">
            {{ $admins->links() }}
        </div>

    </div>
@endsection