@extends('layouts.bistro')

@section('title', 'Neovlašteno - ' . config('app.name'))

@section('content')

<!-- Page Header -->
<section id="page_header" style="background-image: url('{{ asset('images/konoba/konoba-bar-kotaci-rustikalni.jpg') }}');">
    <div class="page_title">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h2 class="title">401</h2>
                    <p>Neovlašteno</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- 401 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;">
                        401
                    </div>
                    <h2 style="color: #333; margin-bottom: 20px;">Neovlašteno</h2>
                    <p style="font-size: 18px; color: #666; margin-bottom: 40px;">
                        Morate biti prijavljeni za pristup ovoj stranici.
                    </p>
                    
                    <div>
                        <a href="{{ route('login') }}" class="btn-common" style="display: inline-block; margin-right: 10px;">
                            <i class="fa fa-sign-in"></i> Prijavi se
                        </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