@extends('layouts.auth')

@section('content')
<div class="card card-login bg-white mx-auto p-4 p-md-5">
    <div class="text-center mb-4">
        <!-- Logo institucional (Opcional) -->
        <i class="bi bi-calendar-check-fill text-primary display-4 mb-2"></i>
        <h3 class="fw-bold text-dark mb-1">Calendario FACSO</h3>
        <p class="text-muted small">Universidad de Chile</p>
    </div>

    <!-- Mensaje de error si la sesión falla -->
    @if(session('error') || request()->has('error'))
        <div class="alert alert-danger alert-dismissible fade show small" role="alert">
            {{ session('error') ?? request()->get('error') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif

    <div class="d-grid gap-3 mb-4">
        <a href="{{ route('auth.uchile.redirect') }}" class="btn btn-primary btn-uchile shadow-sm">
            <i class="bi bi-shield-lock me-2"></i> Ingresar con Pasaporte UChile
        </a>
    </div>

    <div class="text-center position-relative mb-4">
        {{-- <hr class="text-muted"> --}}
        {{-- <span class="position-absolute top-50 start-50 translate-middle bg-white px-3 text-muted style-tiny" style="font-size: 0.75rem;">
            O INGRESO LOCAL
        </span> --}}
    </div>

    {{-- <div class="text-center">
        <p class="text-muted small mb-0">Para Estudiantes, Profesores, Coordinadores y Jefatura.</p>
    </div> --}}
</div>
@endsection