@extends('layouts.auth')

@section('title', 'Reset Link Invalid')

@section('content')

    @php
        $messages = [
            'used'    => [
                'icon'    => 'bi-slash-circle',
                'color'   => 'danger',
                'heading' => 'Link Already Used',
                'body'    => 'This password reset link has already been used. Each link can only be used once.',
            ],
            'expired' => [
                'icon'    => 'bi-clock-history',
                'color'   => 'warning',
                'heading' => 'Link Expired',
                'body'    => 'This password reset link has expired. Reset links are valid for 60 minutes.',
            ],
            'invalid' => [
                'icon'    => 'bi-x-circle',
                'color'   => 'danger',
                'heading' => 'Invalid Link',
                'body'    => 'This password reset link is invalid or malformed.',
            ],
        ];
        $info = $messages[$reason] ?? $messages['invalid'];
    @endphp

    <div class="text-center mb-4">
        <div class="rounded-circle d-inline-flex align-items-center justify-content-center mb-3
                    bg-{{ $info['color'] }} bg-opacity-10 text-{{ $info['color'] }}"
             style="width:64px;height:64px;font-size:1.8rem">
            <i class="bi {{ $info['icon'] }}"></i>
        </div>
        <h5 class="fw-bold mb-1">{{ $info['heading'] }}</h5>
        <p class="text-muted small mb-0">{{ $info['body'] }}</p>
    </div>

    <a href="{{ route('password.request') }}"
       class="btn btn-lg w-100 fw-semibold text-white"
       style="background-color: #1a2a4a; border-color: #1a2a4a;">
        <i class="bi bi-arrow-repeat me-2"></i>Request New Reset Link
    </a>

    <div class="text-center mt-3">
        <a href="{{ route('login') }}" class="text-muted text-decoration-none small">
            <i class="bi bi-arrow-left me-1"></i>Back to sign in
        </a>
    </div>

@endsection