@extends('admin.layouts.app')

@section('title', 'مدیریت مدیران')

@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.dashboard.index') }}">
                        داشبورد
                    </a>

                </li>

                <li class="breadcrumb-item active">
                    مدیریت مدیران
                </li>

            </ol>

        </nav>

    </div>

@endsection


@section('content')

    <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">

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

                            <div>

                                <h5 class="mb-1">
                                    لیست مدیران
                                </h5>

                                <p class="text-muted mb-0 fs-12">
                                    مدیریت مدیران پنل آژانس هواپیمایی
                                </p>

                            </div>

                            <div>

                                <a href="{{ route('admin.admins.create') }}"
                                   class="btn btn-primary">

                                    <i class="ri-add-line me-1"></i>

                                    ایجاد مدیر جدید

                                </a>

                            </div>

                        </div>

                    </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 table-bordered">

                            <thead>

                            <tr>

                                <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>
                                        {{ $admin->id }}
                                    </td>


                                    <td>

                                        <span class="fw-semibold">
                                            {{ $admin->full_name }}
                                        </span>

                                    </td>


                                    <td>

                                        <span class="text-muted">
                                            {{ $admin->username }}
                                        </span>

                                    </td>


                                    <td>

                                        {{ $admin->email }}

                                    </td>


                                    <td>

                                        {{ $admin->mobile }}

                                    </td>


                                    <td>

                                        @if((int) $admin->status === 1)

                                            <span class="badge bg-success-transparent">
                                                فعال
                                            </span>

                                        @else

                                            <span class="badge bg-danger-transparent">
                                                غیرفعال
                                            </span>

                                        @endif

                                    </td>


                                    <td>

                                        {{ optional($admin->created_at)->format('Y/m/d') }}

                                    </td>


                                    <td>

                                        <div class="hstack gap-2 fs-15">

                                            <a href="{{ route('admin.admins.edit', $admin) }}"
                                               class="btn btn-secondary-light btn-icon btn-sm">

                                                <i class="ti ti-pencil"></i>

                                            </a>


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

                                                @csrf

                                                @method('DELETE')

                                                <button type="submit"
                                                        class="btn btn-danger-light btn-icon btn-sm">

                                                    <i class="ri-delete-bin-line"></i>

                                                </button>

                                            </form>

                                        </div>

                                    </td>

                                </tr>

                            @empty

                                <tr>

                                    <td colspan="8" class="text-center py-4">

                                        <div class="text-muted">

                                            مدیری برای نمایش وجود ندارد.

                                        </div>

                                    </td>

                                </tr>

                            @endforelse

                            </tbody>

                        </table>

                    </div>


                    <div class="card-footer">

                        {{ $admins->links() }}

                    </div>

                </div>

            </div>

        </div>

    </div>

@endsection