@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <h1>Programas</h1>
            <form method="GET" action="{{ route('admin.programs.index') }}">
                <div class="form-group">
                    <label for="university_id">Universidad</label>
                    <select name="university_id" id="university_id" class="form-control">
                        <option value="">-- Seleccione una Universidad</option>
                        @foreach($universities as $university)
                            <option value="{{ $university->id }}" {{ $university->id == $universityId ? 'selected' : '' }}>
                                {{ $university->name }} - {{ $university->initial }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="d-flex justify-content-end my-4">
                    <button type="submit" class="btn btn-info shadow">Seleccionar Universidad</button>
                </div>
            </form>

            @if($universityId)
                <div class="d-flex justify-content-start mb-4 mx-2" id="university-agregar">
                    <a href="{{ route('admin.programs.create', ['university_id' => $universityId]) }}" class="btn btn-success btn-lg shadow">Agregar Programa</a>
                </div>

                @if($programs->isNotEmpty())
                    <table class="table table-striped table-bordered table-hover hover mt-2" id="programs-table" style="width:100%;">
                        <thead>
                            <tr class="table-info">
                                <th>Id</th>
                                <th>Nombre</th>
                                <th>Código</th>
                                <th>Opciones</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($programs as $program)
                                <tr data-university-id="{{ $program->university_id }}">
                                    <td>{{ $program->id }}</td>
                                    <td>{{ $program->name }} - {{$program->university->initial}}</td>
                                    <td>{{ $program->codigo }}</td>
                                    <td style="text-align: right;">
                                        <a href="{{ route('admin.programs.show', $program->id) }}" class="btn btn-sm btn-primary shadow mr-1">Ver</a>
                                        <a href="{{ route('admin.programs.edit', $program->id) }}" class="btn btn-sm btn-success shadow mr-1">Editar</a>
                                        <form action="{{ route('admin.programs.destroy', $program->id) }}" method="POST" style="display:inline;">
                                            @csrf
                                            @method('DELETE')
                                            <input type="submit" value="Eliminar" class="btn btn-sm btn-danger shadow" onclick="return confirm('¿Está seguro que desea eliminar el Programa?')">
                                        </form>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                @else
                    <p>No se encontraron programas para la universidad seleccionada.</p>
                @endif
            @endif
        </div>
    </div>
</div>
@endsection