@extends('layouts.bistro')

@section('title', 'Sesija je istekla - ' . config('app.name'))

@section('content')

<!-- Page Header -->
<section id="page_header" style="background-image: url('{{ asset('images/konoba/konoba-ulaz-nocna-hero.jpg') }}');">
    <div class="page_title">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h2 class="title">419</h2>
                    <p>Sesija je istekla</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- 419 Section -->
<section class="padding">
    <div class="container">
        <div class="row">
            <div class="col-md-8 col-lg-6 text-center mx-auto">
                <div style="padding: 60px 40px; background: #f8f9fa; border-radius: 8px;">
                    <div style="font-size: 120px; font-weight: bold; color: #c33; line-height: 1; margin-bottom: 20px;">
                        419
                    </div>
                    <h2 style="color: #333; margin-bottom: 20px;">Sesija je istekla</h2>
                    <p style="font-size: 18px; color: #666; margin-bottom: 40px;">
                        Vaša sesija je istekla zbog neaktivnosti.<br>
                        Molimo osvježite stranicu i pokušajte ponovno.
                    </p>
                    
                    <div>
                        <a href="javascript:window.location.reload();" class="btn-common" style="display: inline-block; margin-right: 10px;">
                            <i class="fa fa-refresh"></i> Osvježi stranicu
                        </a>
                        <a href="{{ url('/') }}" class="btn-default" style="display: inline-block; padding: 10px 25px;">
                            <i class="fa fa-home"></i> Početna
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection