@extends('layouts.app-layout')

@section('title', 'Mis Postulaciones')

@section('content')
    <div class="container py-4">

        <h3 class="mb-4">Mis Postulaciones</h3>

        @if($postulaciones->count() > 0)

            <div class="card shadow-sm">
                <div class="table-responsive">
                    <table class="table table-hover align-middle mb-0">
                        <thead class="table-light">
                        <tr>
                            <th>#</th>
                            <th>Programa</th>
                            <th>Estado</th>
                            <th>Fecha</th>
                            <th class="text-end">Acciones</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($postulaciones as $postulacion)
                            <tr>
                                <td>{{ $postulacion->id }}</td>

                                <td>
                                    <strong>{{ $postulacion->programa?->nombre ?? 'No disponible' }}</strong>
                                </td>

                                <td>
                                    <span class="badge
                                        @if($postulacion->estado->value === 'Aprobada') bg-success
                                        @elseif($postulacion->estado->value === 'No aprobada') bg-danger
                                        @else bg-warning text-dark
                                        @endif">
                                        {{ $postulacion->estado->label() }}
                                    </span>
                                </td>

                                <td>
                                    {{ $postulacion->created_at?->format('d/m/Y H:i') ?? 'No disponible' }}
                                </td>

                                <td class="text-end">
                                    <a href="{{ route('postulaciones.show', $postulacion) }}"
                                       class="btn btn-sm btn-outline-primary">
                                        Ver detalle
                                    </a>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="mt-3">
                {{ $postulaciones->links() }}
            </div>

        @else

            <div class="alert alert-info">
                Aún no has realizado ninguna postulación.
            </div>

            <a href="{{ route('programas.index') }}" class="btn btn-primary">
                Ver Programas Disponibles
            </a>

        @endif

    </div>
@endsection