@extends('backoffice.layout.master')
@section('setSectionTitle', __('Docenti'))
@section('setSectionDescription', __('Gestisci i docenti della tua organizzazione'))

@section('setContent')
    <div class="container-fluid">
        <div class="row">
            <div class="col">
                <div class="card">
                    <div class="card-header">
                        <div class="row">
                            <div class="col-12 col-md-6">
                                <h5 class="mb-0">{{ __('I tuoi docenti') }}</h5>
                            </div>
                            <div class="col-12 col-md-6 text-md-end mt-3 mt-md-0">
                                @if($allowsActions)
                                    <button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#createTeacherModal">
                                        {{ __('Nuovo Docente') }}
                                    </button>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="card-body">

                        @if(!$allowsActions)
                            <div class="alert alert-danger text-center mt-2 mb-0" role="alert">
                                {{ __('Per poter gestire i docenti, completa prima le informazioni obbligatorie.') }}
                                <a href="{{ route('backoffice.dashboard') }}" class="alert-link">
                                    {{ __('Correggi gli errori ora') }}
                                </a>.
                            </div>
                        @endif

                        @if($teachers->count() > 0)
                            <div class="row">
                                @foreach($teachers as $teacher)
                                    <div class="col-md-4 col-lg-3 mb-4">
                                        <div class="card h-100">
                                            <div class="card-body">
                                                <div class="text-center mb-3">
                                                    <div class="avatar-circle bg-primary text-white mx-auto" style="width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2rem;">
                                                        {{ strtoupper(substr($teacher->first_name, 0, 1) . substr($teacher->last_name, 0, 1)) }}
                                                    </div>
                                                </div>
                                                <h5 class="card-title text-center mb-3">
                                                    {{ $teacher->first_name }} {{ $teacher->last_name }}
                                                </h5>
                                                @if($teacher->email)
                                                    <p class="card-text text-center mb-2">
                                                        <small><a href="mailto:{{ $teacher->email }}">{{ $teacher->email }}</a></small>
                                                    </p>
                                                @endif
                                                @if($teacher->refJobCategory)
                                                    <p class="card-text text-center mb-3">
                                                        <span class="badge bg-info">
                                                            {{ $teacher->refJobCategory->name }}
                                                        </span>
                                                    </p>
                                                @endif
                                                <div class="d-grid gap-2">
                                                    <button type="button" class="btn btn-sm btn-warning" onclick="editTeacher({{ $teacher->id }}, '{{ addslashes($teacher->first_name) }}', '{{ addslashes($teacher->last_name ?? '') }}', '{{ addslashes($teacher->email ?? '') }}', {{ $teacher->job_category_id ?? 'null' }})">
                                                        {{ __('Modifica') }}
                                                    </button>
                                                    <button type="button" class="btn btn-sm btn-danger" onclick="deleteTeacher({{ $teacher->id }}, '{{ addslashes($teacher->first_name) }} {{ addslashes($teacher->last_name ?? '') }}')">
                                                        {{ __('Elimina') }}
                                                    </button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        @else
                            <div class="text-center py-5">
                                <h5 class="text-muted">{{ __('Nessun docente trovato') }}</h5>
                                <p class="text-muted">{{ __('Inizia aggiungendo il tuo primo docente.') }}</p>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Modal Creazione Docente -->
    <div class="modal fade" id="createTeacherModal" tabindex="-1" aria-labelledby="createTeacherModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <form method="POST" action="{{ route('organization.teachers.store') }}">
                    @csrf
                    <div class="modal-header">
                        <h5 class="modal-title" id="createTeacherModalLabel">{{ __('Nuovo Docente') }}</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <div class="mb-3">
                            <label for="first_name" class="form-label">{{ __('Nome') }} <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="first_name" name="first_name" required>
                        </div>
                        <div class="mb-3">
                            <label for="last_name" class="form-label">{{ __('Cognome') }}</label>
                            <input type="text" class="form-control" id="last_name" name="last_name">
                        </div>
                        <div class="mb-3">
                            <label for="email" class="form-label">{{ __('Email') }}</label>
                            <input type="email" class="form-control" id="email" name="email">
                        </div>
                        <div class="mb-3">
                            <label for="job_category_id" class="form-label">{{ __('Categoria Professionale') }}</label>
                            <select class="form-select" id="job_category_id" name="job_category_id">
                                <option value="">{{ __('Seleziona...') }}</option>
                                @foreach($jobCategories as $category)
                                    <option value="{{ $category->id }}">{{ $category->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('Annulla') }}</button>
                        <button type="submit" class="btn btn-success">
                            {{ __('Crea Docente') }}
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- Modal Modifica Docente -->
    <div class="modal fade" id="editTeacherModal" tabindex="-1" aria-labelledby="editTeacherModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <form method="POST" id="editTeacherForm">
                    @csrf
                    @method('PUT')
                    <div class="modal-header">
                        <h5 class="modal-title" id="editTeacherModalLabel">{{ __('Modifica Docente') }}</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <div class="mb-3">
                            <label for="edit_first_name" class="form-label">{{ __('Nome') }} <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" id="edit_first_name" name="first_name" required>
                        </div>
                        <div class="mb-3">
                            <label for="edit_last_name" class="form-label">{{ __('Cognome') }}</label>
                            <input type="text" class="form-control" id="edit_last_name" name="last_name">
                        </div>
                        <div class="mb-3">
                            <label for="edit_email" class="form-label">{{ __('Email') }}</label>
                            <input type="email" class="form-control" id="edit_email" name="email">
                        </div>
                        <div class="mb-3">
                            <label for="edit_job_category_id" class="form-label">{{ __('Categoria Professionale') }}</label>
                            <select class="form-select" id="edit_job_category_id" name="job_category_id">
                                <option value="">{{ __('Seleziona...') }}</option>
                                @foreach($jobCategories as $category)
                                    <option value="{{ $category->id }}">{{ $category->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{ __('Annulla') }}</button>
                        <button type="submit" class="btn btn-warning">
                            {{ __('Aggiorna Docente') }}
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- Form nascosto per l'eliminazione -->
    <form id="deleteForm" method="POST" style="display: none;">
        @csrf
        @method('DELETE')
    </form>

@endsection

@section('setBodyEnd')
<script>
function editTeacher(id, firstName, lastName, email, categoryId) {
    document.getElementById('edit_first_name').value = firstName;
    document.getElementById('edit_last_name').value = lastName;
    document.getElementById('edit_email').value = email;
    document.getElementById('edit_job_category_id').value = categoryId || '';
    const form = document.getElementById('editTeacherForm');
    form.action = '{{ route("organization.teachers.update", ":id") }}'.replace(':id', id);
    new bootstrap.Modal(document.getElementById('editTeacherModal')).show();
}

function deleteTeacher(id, name) {
    Swal.fire({
        title: 'Conferma eliminazione',
        html: 'Sei sicuro di voler eliminare il docente <strong>"' + name + '"</strong>?<br><br>Il docente sarà rimosso anche da tutti i corsi a cui è assegnato.<br><br>Questa azione non può essere annullata.',
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#fc0000',
        cancelButtonColor: '#6c757d',
        confirmButtonText: 'Si, Elimina',
        cancelButtonText: 'No, Annulla',
        reverseButtons: true,
        focusCancel: true
    }).then((result) => {
        if (result.isConfirmed) {
            const form = document.getElementById('deleteForm');
            form.action = '{{ route("organization.teachers.delete", ":id") }}'.replace(':id', id);
            form.submit();
        }
    });
}
</script>
@endsection