@extends('layouts.bistro')

@section('title', 'Usluga nije dostupna - ' . 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">503</h2>
                    <p>Usluga nije dostupna</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- 503 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;">
                        503
                    </div>
                    <h2 style="color: #333; margin-bottom: 20px;">Usluga nije dostupna</h2>
                    <p style="font-size: 18px; color: #666; margin-bottom: 40px;">
                        Naša web stranica je trenutno u održavanju.<br>
                        Vratite se uskoro. Hvala na strpljenju!
                    </p>
                    
                    <div>
                        <a href="{{ url('/') }}" class="btn-common" style="display: inline-block;">
                            <i class="fa fa-refresh"></i> Pokušaj ponovno
                        </a>
                    </div>
                </div>
                
                <div style="margin-top: 40px;">
                    <p style="color: #666;">
                        <i class="fa fa-phone"></i> Za hitne rezervacije pozovite: <strong>091 9576 395</strong>
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection