@extends('backend.admin_backend.admin_dashboard')

@section('admin')

<div class="container-fluid">

    {{-- ==========================================================
        PAGE HEADER
    =========================================================== --}}

    <div class="card shadow">

        <div class="card-header bg-success text-white">

            <h4 class="mb-0">

                <i class="fas fa-chalkboard-teacher"></i>

                Assign Class Teacher

            </h4>

        </div>


        <div class="card-body">

            {{-- ==================================================
                SUCCESS / ERROR MESSAGES
            =================================================== --}}

            @if(session('message'))

                <div class="alert alert-success">

                    {{ session('message') }}

                </div>

            @endif


            @if(session('error'))

                <div class="alert alert-danger">

                    {{ session('error') }}

                </div>

            @endif


            {{-- ==================================================
                VALIDATION ERRORS
            =================================================== --}}

            @if($errors->any())

                <div class="alert alert-danger">

                    <strong>Please fix the following:</strong>

                    <ul class="mb-0">

                        @foreach($errors->all() as $error)

                            <li>{{ $error }}</li>

                        @endforeach

                    </ul>

                </div>

            @endif


            {{-- ==================================================
                ASSIGN FORM
            =================================================== --}}

            <form
                method="POST"
                action="{{ route('admin.class.teacher.store') }}"
            >

                @csrf


                <div class="row">


                    {{-- CLASS --}}

                    <div class="col-md-6 mb-3">

                        <label class="form-label">

                            <strong>Class</strong>

                        </label>

                        <select
                            name="student_classes_id"
                            class="form-control"
                            required
                        >

                            <option value="">

                                Select Class

                            </option>


                            @foreach($classes as $class)

                                <option
                                    value="{{ $class->id }}"
                                    {{ old('student_classes_id') == $class->id ? 'selected' : '' }}
                                >

                                    {{ $class->class_name }}

                                </option>

                            @endforeach

                        </select>

                    </div>


                    {{-- TEACHER --}}

                    <div class="col-md-6 mb-3">

                        <label class="form-label">

                            <strong>Teacher</strong>

                        </label>

                        <select
                            name="teacher_id"
                            class="form-control"
                            required
                        >

                            <option value="">

                                Select Teacher

                            </option>


                            @foreach($teachers as $teacher)

                                <option
                                    value="{{ $teacher->id }}"
                                    {{ old('teacher_id') == $teacher->id ? 'selected' : '' }}
                                >

                                    {{ $teacher->user->name ?? $teacher->name }}

                                </option>

                            @endforeach

                        </select>

                    </div>


                    {{-- TERM --}}

                    <div class="col-md-6 mb-3">

                        <label class="form-label">

                            <strong>Term</strong>

                        </label>

                        <select
                            name="term"
                            class="form-control"
                            required
                        >

                            <option value="">

                                Select Term

                            </option>


                            @foreach($terms as $term)

                                <option
                                    value="{{ $term->name }}"
                                    {{ old('term', $currentTerm?->name) == $term->name ? 'selected' : '' }}
                                >

                                    {{ $term->name }}

                                </option>

                            @endforeach

                        </select>

                    </div>


                    {{-- SESSION --}}

                    <div class="col-md-6 mb-3">

                        <label class="form-label">

                            <strong>Academic Session</strong>

                        </label>

                        <select
                            name="session"
                            class="form-control"
                            required
                        >

                            <option value="">

                                Select Session

                            </option>


                            @foreach($sessions as $session)

                                <option
                                    value="{{ $session->name }}"
                                    {{ old('session', $currentSession?->name) == $session->name ? 'selected' : '' }}
                                >

                                    {{ $session->name }}

                                </option>

                            @endforeach

                        </select>

                    </div>

                </div>


                <button
                    type="submit"
                    class="btn btn-success"
                >

                    <i class="fas fa-user-plus"></i>

                    Assign Class Teacher

                </button>

            </form>

        </div>

    </div>


    {{-- ==========================================================
        EXISTING CLASS TEACHERS
    =========================================================== --}}

    <div class="card shadow mt-4">

        <div class="card-header bg-primary text-white">

            <h5 class="mb-0">

                <i class="fas fa-users"></i>

                Assigned Class Teachers

            </h5>

        </div>


        <div class="card-body">

            <div class="table-responsive">

                <table class="table table-bordered table-striped">

                    <thead class="table-primary">

                        <tr>

                            <th>S/N</th>

                            <th>Class</th>

                            <th>Teacher</th>

                            <th>Term</th>

                            <th>Session</th>

                            <th width="180">Action</th>

                        </tr>

                    </thead>


                    <tbody>

                        @forelse($assignments as $assignment)

                            <tr>

                                <td>

                                    {{ $loop->iteration }}

                                </td>


                                <td>

                                    {{ $assignment->studentClass->class_name ?? 'N/A' }}

                                </td>


                                <td>

                                    {{ $assignment->teacher->user->name
                                        ?? $assignment->teacher->name
                                        ?? 'N/A' }}

                                </td>


                                <td>

                                    {{ $assignment->term }}

                                </td>


                                <td>

                                    {{ $assignment->session }}

                                </td>


                                <td>

                                    {{-- EDIT --}}

                                    <a
                                        href="{{ route(
                                            'admin.class.teacher.edit',
                                            $assignment->id
                                        ) }}"
                                        class="btn btn-primary btn-sm"
                                    >

                                        <i class="fas fa-edit"></i>

                                        Edit

                                    </a>


                                    {{-- REMOVE --}}

                                    <form
                                        method="POST"
                                        action="{{ route(
                                            'admin.class.teacher.remove',
                                            $assignment->id
                                        ) }}"
                                        style="display:inline;"
                                        class="d-inline delete-form"
  
                                    >

                                        @csrf

                                        @method('DELETE')


                                        <button
                                            type="submit"
                                            class="btn btn-danger btn-sm"
                                        >

                                            <i class="fas fa-trash"></i>

                                            Remove

                                        </button>

                                    </form>

                                </td>

                            </tr>

                        @empty

                            <tr>

                                <td
                                    colspan="6"
                                    class="text-center text-muted"
                                >

                                    No class teacher has been assigned yet.

                                </td>

                            </tr>

                        @endforelse

                    </tbody>

                </table>

            </div>

        </div>

    </div>

</div>


<script>
        // JS (SweetAlert only submits form)
    $(document).on('submit', '.delete-form', function(e){
    e.preventDefault();
    let form = this;

    Swal.fire({
        title: 'Are you sure?',
        text: "This action cannot be undone!",
        icon: 'warning',
        showCancelButton: true,
        cancelButtonColor: '#d33',
        confirmButtonText: 'Yes, delete it!'
    }).then((result) => {
        if (result.isConfirmed) {
            form.submit();
        }
    });
});

</script>
@endsection