@extends('layouts.admin')

@section('title', 'Administrateurs - MentoraMind Admin')
@section('description', 'Gestion des administrateurs de la plateforme')

@section('content')
<div class="page-header">
    <div>
        <h1>{{ __('admin.administrators.title') }}</h1>
        <p>{{ __('admin.administrators.subtitle') }}</p>
    </div>
    <a href="{{ route('admin.administrators.create') }}" class="btn btn-primary">
        <i class="bi bi-shield-plus me-2"></i>{{ __('admin.administrators.new_admin') }}
    </a>
</div>

@if(session('success'))
<div class="alert alert-success alert-dismissible fade show" role="alert">
    <i class="bi bi-check-circle me-2"></i>{{ session('success') }}
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif

@if(session('error'))
<div class="alert alert-danger alert-dismissible fade show" role="alert">
    <i class="bi bi-exclamation-triangle me-2"></i>{{ session('error') }}
    <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
@endif

@livewire('admin.administrators.administrators-management')
@endsection

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function() {
    // Delete administrator with confirmation (event delegation for Livewire)
    document.body.addEventListener('click', function(e) {
        if (e.target.closest('.confirm-delete-admin')) {
            e.preventDefault();
            e.stopPropagation();

            const button = e.target.closest('.confirm-delete-admin');
            const adminId = button.dataset.adminId;
            const adminName = button.dataset.adminName;

            Swal.fire({
                title: 'Confirmer la suppression',
                text: `Voulez-vous vraiment supprimer ${adminName} ?`,
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#dc3545',
                cancelButtonColor: '#6c757d',
                confirmButtonText: 'Oui, supprimer',
                cancelButtonText: 'Annuler'
            }).then((result) => {
                if (result.isConfirmed) {
                    // Create form and submit
                    const form = document.createElement('form');
                    form.method = 'POST';
                    form.action = `/admin/administrators/${adminId}`;

                    const csrfToken = document.createElement('input');
                    csrfToken.type = 'hidden';
                    csrfToken.name = '_token';
                    csrfToken.value = '{{ csrf_token() }}';
                    form.appendChild(csrfToken);

                    const methodField = document.createElement('input');
                    methodField.type = 'hidden';
                    methodField.name = '_method';
                    methodField.value = 'DELETE';
                    form.appendChild(methodField);

                    document.body.appendChild(form);
                    form.submit();
                }
            });
        }
    });
});
</script>
@endpush