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

        @if(session('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                {{ session('success') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @endif

        @if(session('error'))
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                {{ session('error') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @endif

        {{-- عنوان و دکمه ایجاد --}}
        <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">
                                    + ایجاد مدیر جدید
                                </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-hover table-bordered mb-0">
                            <thead>
                            <tr>
                                <th>#</th>
                                <th>مدیر</th>
                                <th>نام کاربری</th>
                                <th>اطلاعات تماس</th>
                                <th>دسترسی‌ها</th>
                                <th>وضعیت</th>
                                <th>تاریخ ایجاد</th>
                                <th class="text-center">عملیات</th>
                            </tr>
                            </thead>

                            <tbody>
                            @forelse($admins as $admin)
                                <tr>
                                    <td>{{ $admin->id }}</td>

                                    {{-- نام مدیر --}}
                                    <td>
                                        <div class="d-flex align-items-center">
                                            <div class="avatar avatar-sm bg-primary-transparent me-2">
                                                مدیر
                                            </div>
                                            <div>
                                                <div class="fw-semibold">{{ $admin->full_name }}</div>
                                                <small class="text-muted">مدیر پنل</small>
                                            </div>
                                        </div>
                                    </td>

                                    {{-- نام کاربری --}}
                                    <td>{{ $admin->username }}</td>

                                    {{-- اطلاعات تماس --}}
                                    <td>
                                        <div>{{ $admin->email }}</div>
                                        <div class="mt-1 text-muted">{{ $admin->mobile }}</div>
                                    </td>

                                    {{-- دسترسی‌ها --}}
                                    <td>

                                        @if($admin->permissions->count())

                                            <div class="d-flex flex-wrap gap-1">

                                                @foreach($admin->permissions as $permission)

                                                    <span class="badge bg-light text-dark border">
                    {{ $permission->name }}
                </span>

                                                @endforeach

                                            </div>

                                        @else

                                            <span class="text-muted">
                                                بدون دسترسی
                                            </span>

                                        @endif

                                    </td>

                                    {{-- وضعیت --}}
                                    <td>
                                        @if((int) $admin->status === 1)
                                            <span class="badge bg-success-subtle text-success">فعال</span>
                                        @else
                                            <span class="badge bg-danger-subtle text-danger">غیرفعال</span>
                                        @endif
                                    </td>

                                    {{-- تاریخ ایجاد --}}
                                    <td>
                                        @if($admin->created_at)
                                            {{ $admin->created_at->toJalali()->format('Y/m/d H:i') }}
                                        @else
                                            -
                                        @endif
                                    </td>

                                    {{-- عملیات: ویرایش و حذف --}}
                                    <td class="text-center">
                                        <div class="d-flex justify-content-center gap-2">

                                            {{-- ویرایش --}}
                                            <a href="{{ route('admin.admins.edit', $admin) }}"
                                               class="btn btn-sm btn-secondary fw-semibold">
                                                ویرایش
                                            </a>

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

                                                @csrf
                                                @method('DELETE')

                                                <button type="submit"
                                                        class="btn btn-sm btn-danger fw-semibold">
                                                    حذف
                                                </button>

                                            </form>

                                        </div>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="8" class="text-center py-5 text-muted">
                                        مدیری برای نمایش وجود ندارد.
                                    </td>
                                </tr>
                            @endforelse
                            </tbody>
                        </table>
                    </div>

                    {{-- صفحه‌بندی --}}
                    @if($admins->hasPages())
                        <div class="card-footer">
                            {{ $admins->links() }}
                        </div>
                    @endif
                </div>
            </div>
        </div>

    </div>
@endsection