@extends('layouts.bistro')

@section('title', 'Zabranjen pristup - ' . 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">403</h2>
                    <p>Zabranjen pristup</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- 403 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;">
                        403
                    </div>
                    <h2 style="color: #333; margin-bottom: 20px;">Zabranjen pristup</h2>
                    <p style="font-size: 18px; color: #666; margin-bottom: 40px;">
                        {{ $exception->getMessage() ?: 'Nemate dozvolu za pristup ovoj stranici.' }}
                    </p>
                    
                    <div>
                        <a href="{{ url('/') }}" class="btn-common" style="display: inline-block;">
                            <i class="fa fa-home"></i> Povratak na početnu stranicu
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection