@extends('layouts.app')

{{-- Customize layout sections --}}
@section('subtitle', 'Informe Técnico')
@section('content_header_title', 'Informe Técnico')
@section('content_header_subtitle', 'Informe Técnico')

{{-- Content body: main page content --}}
@section('content_body')

    <div class="card">
        <div class="carbody p-4">

            {{-- Mensaje de éxito --}}
            <div class="row justify-content-center">
                <div class="col-md-6 my-2"> <!-- Para que ocupe máximo el 50% del ancho -->
                    @if(session('success'))
                        <x-adminlte-alert theme="success" title="Éxito"  dismissable>
                            {{ session('success') }}
                        </x-adminlte-alert>
                    @endif
                </div>
            </div>

            <h1 class="p-4">Seleccionar Estudiante</h1>
            <form action="{{ route('admin.reports.report') }}" method="POST">
                @csrf
                <input type="hidden" name="program_a_id" value="{{ $programAId }}">
                <input type="hidden" name="university_b_id" value="{{ $universityBId }}">
                <input type="hidden" name="program_b_id" value="{{ $programBId }}">
                <div class="form-group" style="width: 50%">
                    <label for="student_id">Seleccione un Estudiante</label>
                    <select name="student_id" id="student_id" class="form-control" required>
                        <option value="">-- Seleccione un Estudiante --</option>
                        @foreach($students as $student)
                            <option value="{{ $student['id'] }},{{ $student['nombre'] }},{{ $student['email'] }}">{{ $student['nombre'] }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="d-flex justify-content-end" style="width: 50%">
                    <button type="submit" class="btn btn-info shadow">Siguiente</button>
                </div>
            </form>

        </div>
    </div>

@stop

{{-- Push extra CSS --}}

@push('css')

@endpush

{{-- Push extra scripts --}}

@push('js')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.3.0/js/bootstrap.bundle.min.js"></script>

@endpush