@extends('layouts.error')

@section('title', 'Unauthorized')

@section('content')
<div class="error-card">
    <div class="error-code text-warning">
        <i class="fas fa-user-lock"></i>
    </div>
    <h1 class="error-title">You're Not Signed In</h1>
    <p class="error-description">
        Your session may have expired or you don't have access to this page. 
        Please sign in and try again.
    </p>
    
    <div class="error-actions">
        <a href="{{ route('login') }}" class="btn btn-primary">
            <i class="fas fa-sign-in-alt"></i>
            Sign In
        </a>
        <a href="{{ url('/') }}" class="btn btn-falcon-default">
            <i class="fas fa-home"></i>
            Go to Home
        </a>
    </div>
    
    <div class="error-tip">
        <i class="fas fa-info-circle text-info"></i>
        For security reasons, sessions expire after a period of inactivity.
    </div>
</div>
@endsection

@push('scripts')
<script>
// Store the current URL as intended URL before redirecting
(function() {
    const currentUrl = window.location.href;
    const isErrorPage = window.location.pathname.match(/\/(login|logout|register|password|419|401|403|404|500|unauthorized)/);
    
    if (!isErrorPage) {
        try {
            fetch('/auth/intended', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                    'X-Requested-With': 'XMLHttpRequest',
                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]')?.getAttribute('content') || ''
                },
                body: JSON.stringify({ intended: currentUrl }),
                credentials: 'same-origin'
            }).catch(() => {});
        } catch(e) {}
    }
})();
</script>
@endpush