@extends('layouts.app')

@section('title', 'Sub Admins')

@section('content')
    <div class="d-md-flex d-block align-items-center justify-content-between my-4 page-header-breadcrumb">
        <div>
            <h4 class="mb-0">সাব-অ্যাডমিন</h4>
            <p class="mb-0 text-muted">সীমিত access সহ অতিরিক্ত অ্যাডমিন তৈরি ও পরিচালনা করুন।</p>
        </div>
        <div>
            <a href="{{ route('admin.admins.create') }}" class="btn btn-primary"><i class="bi bi-plus-lg me-1"></i> নতুন সাব-অ্যাডমিন</a>
        </div>
    </div>

    @include('partials.alerts')

    <div class="card custom-card">
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table text-nowrap table-hover align-middle">
                    <thead>
                        <tr><th>নাম</th><th>ইমেইল</th><th>Access</th><th>স্ট্যাটাস</th><th class="text-end">অ্যাকশন</th></tr>
                    </thead>
                    <tbody>
                        @foreach ($admins as $a)
                            @php $isMain = empty($a->permissions); @endphp
                            <tr>
                                <td class="fw-semibold">
                                    {{ $a->name }}
                                    @if ($isMain)<span class="badge bg-primary-transparent ms-1"><i class="bi bi-shield-lock me-1"></i>প্রধান</span>@endif
                                    @if ($a->id === auth()->id())<span class="badge bg-secondary-transparent ms-1">আপনি</span>@endif
                                </td>
                                <td class="text-muted">{{ $a->email }}</td>
                                <td style="white-space:normal;max-width:340px;">
                                    @if ($isMain)
                                        <span class="text-muted">সব সেকশন (full access)</span>
                                    @elseif (empty($a->permissions))
                                        <span class="text-muted">—</span>
                                    @else
                                        @foreach ($a->permissions as $sec)
                                            <span class="badge bg-info-transparent mb-1">{{ $sections[$sec] ?? $sec }}</span>
                                        @endforeach
                                    @endif
                                </td>
                                <td>
                                    @if ($a->status)<span class="badge bg-success-transparent">সক্রিয়</span>
                                    @else<span class="badge bg-danger-transparent">নিষ্ক্রিয়</span>@endif
                                </td>
                                <td class="text-end">
                                    @if ($isMain || $a->id === auth()->id())
                                        <span class="text-muted small">—</span>
                                    @else
                                        <a href="{{ route('admin.admins.edit', $a) }}" class="btn btn-sm btn-primary-light" title="এডিট"><i class="bi bi-pencil"></i></a>
                                        <form action="{{ route('admin.admins.toggle', $a) }}" method="POST" class="d-inline">@csrf
                                            <button class="btn btn-sm {{ $a->status ? 'btn-warning-light' : 'btn-success-light' }}" title="{{ $a->status ? 'নিষ্ক্রিয়' : 'সক্রিয়' }}">
                                                <i class="bi {{ $a->status ? 'bi-pause' : 'bi-play' }}"></i>
                                            </button>
                                        </form>
                                        <form action="{{ route('admin.admins.destroy', $a) }}" method="POST" class="d-inline" onsubmit="return confirm('মুছে ফেলবেন?');">@csrf @method('DELETE')
                                            <button class="btn btn-sm btn-danger-light" title="মুছুন"><i class="bi bi-trash"></i></button>
                                        </form>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection