@extends('dashboard.layouts.base')
@section('content')
<style>
  .card-header::after { content: none !important; }
  #admins-table th, #admins-table td {
    vertical-align: middle;
    text-align: center;
  }
</style>

<div class="col-12">
  <div class="card">
    <div class="card-header d-flex justify-content-between align-items-center w-100" style="direction: rtl;">
      <h3 class="card-title mb-0">المشرفين</h3>
      @if(Auth::guard('admin')->user()->can('create admins'))
      <a href="{{ route('dashboard.admin.create') }}" class="btn btn-success">إضافة مشرف</a>
      @endif
    </div>

    <div class="card-body">

      {{-- ✅ جدول المشرفين --}}
      <div class="table-responsive mt-3">
        <table id="admins-table" class="table table-bordered table-hover text-center align-middle" style="direction: rtl;">
          <thead>
            <tr>
              <th>#</th>
              <th>الاسم</th>
              <th>الإيميل</th>
              <th>الصورة</th>
              <th>العمليات</th>
            </tr>
          </thead>
          <tbody>
            @forelse ($admins as $index => $admin)
              <tr>
                <td>{{ $admins->firstItem() + $index }}</td>
                <td>{{ $admin->name }}</td>
                <td>{{ $admin->email }}</td>
                <td>
                  <img src="{{ $admin->image }}" alt="admin.jpg" style="width: 4rem; height: 4rem; object-fit: cover; border-radius: 50%;">
                </td>
                <td>
                  <a href="{{ route('dashboard.admin.show', $admin->id) }}" class="btn btn-primary btn-sm">عرض</a>
                  @if(Auth::guard('admin')->user()->can('update admins'))
                  <a href="{{ route('dashboard.admin.edit', $admin->id) }}" class="btn btn-info btn-sm">تعديل</a>
                  @endif
                  @if(Auth::guard('admin')->user()->can('delete admins'))
                    @if($admin->id != Auth::guard('admin')->user()->id)
                    <form action="{{ route('dashboard.admin.delete', $admin->id) }}" method="POST" class="d-inline" onsubmit="return confirm('هل أنت متأكد من حذف هذا المشرف؟');">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-danger btn-sm">حذف</button>
                    </form>
                    @endif
                  @endif
                </td>
              </tr>
            @empty
              <tr>
                <td colspan="5" class="text-muted">لا توجد نتائج</td>
              </tr>
            @endforelse
          </tbody>
        </table>

        <div class="row mt-4">
          <div class="col-12 overflow-auto">
            {{ $admins->links() }}
          </div>
        </div>
      </div>

    </div>
  </div>
</div>
@endsection