@extends('layouts.bistro')

@section('title', 'Greška na poslužitelju - ' . 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">500</h2>
                    <p>Greška na poslužitelju</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- 500 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;">
                        500
                    </div>
                    <h2 style="color: #333; margin-bottom: 20px;">Greška na poslužitelju</h2>
                    <p style="font-size: 18px; color: #666; margin-bottom: 40px;">
                        Nažalost, došlo je do greške na našem poslužitelju.<br>
                        Radimo na rješavanju problema. Molimo pokušajte ponovno za nekoliko trenutaka.
                    </p>
                    
                    <div>
                        <a href="{{ url('/') }}" class="btn-common" style="display: inline-block; margin-right: 10px;">
                            <i class="fa fa-home"></i> Povratak na početnu stranicu
                        </a>
                        <a href="{{ route('contact') }}" class="btn-default" style="display: inline-block; padding: 10px 25px;">
                            <i class="fa fa-envelope"></i> Kontaktirajte nas
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection