@extends('layouts.bistro')

@section('content')

@php
    $config = file_exists(storage_path('app/tjedni-meni.json'))
        ? json_decode(file_get_contents(storage_path('app/tjedni-meni.json')), true)
        : ['enabled' => false, 'image' => '', 'title' => '', 'subtitle' => ''];
@endphp

<!-- Page Header -->
<section id="page_header" style="background-image: url('{{ asset('images/konoba/konoba-sala-bijeli-stolnjaci.jpg') }}');">
    <div class="page_title">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h2 class="title">Tjedni meni</h2>
                    <p>Naša ponuda za ovaj tjedan</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Tjedni meni Section -->
<section id="pricing" class="padding-top">
    <div class="container">
        @if(!empty($config['enabled']) && !empty($config['image']))
            <div class="row">
                <div class="col-md-12 text-center">
                    <h2 class="heading">{{ !empty($config['title']) ? $config['title'] : 'Tjedni meni' }}</h2>
                    @if(!empty($config['subtitle']))
                        <p class="detail">{{ $config['subtitle'] }}</p>
                    @endif
                    <hr class="heading_space">
                </div>
            </div>

            <div class="row">
                <div class="col-md-12 text-center">
                    <img
                        src="{{ asset('storage/images/tjedni-meni/' . $config['image']) }}"
                        alt="{{ $config['title'] ?? 'Tjedni meni' }}"
                        class="img-responsive"
                        style="border-radius: 4px; box-shadow: 0 4px 20px rgba(0,0,0,0.15); display: block; max-width: 560px; width: 100%; margin: 0 auto;"
                    >
                </div>
            </div>

            <div class="row">
                <div class="col-md-12 text-center">
                    <div class="feature_wrap padding-half">
                        <div class="row">
                            <div class="col-md-4 col-sm-4 feature text-center">
                                <i class="icon-food"></i>
                                <h3>Svježe pripravljeno</h3>
                                <p>Sva jela pripremamo svaki dan od svježih sastojaka</p>
                            </div>
                            <div class="col-md-4 col-sm-4 feature text-center">
                                <i class="icon-glass"></i>
                                <h3>Naručite odmah</h3>
                                <p>Nazovite nas na <a href="tel:+385919576395"><strong>091 9576 395</strong></a></p>
                            </div>
                            <div class="col-md-4 col-sm-4 feature text-center">
                                <i class="icon-smile"></i>
                                <h3>Kuhano s ljubavlju</h3>
                                <p>Tradicionalni recepti i autentični okusi Slavonije</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @else
            <div class="row">
                <div class="col-md-12 text-center">
                    <div class="feature_wrap padding">
                        <i class="icon-food" style="font-size: 72px; color: #c33; display: block; margin-bottom: 30px;"></i>
                        <h2 class="heading_space">Tjedni meni je u pripremi</h2>
                        <p class="heading_space detail">Pozovite nas za informacije o tjednoj ponudi</p>
                        <p style="font-size: 28px; margin: 30px 0; color: #c33;">
                            <a href="tel:+385919576395" style="color: #c33;"><strong>091 9576 395</strong></a>
                        </p>
                    </div>
                </div>
            </div>
        @endif
    </div>
</section>

<!-- CTA Section -->
<section class="info_section paralax" style="background: url('{{ asset('images/konoba/konoba-sala-klasicna.jpg') }}') center/cover;">
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-center">
                <h2 class="heading_space">Rezervirajte stol</h2>
                <p class="heading_space detail">Osigurajte svoje mjesto i doživite autentične okuse Slavonije</p>
                <a href="{{ route('reservations') }}" class="btn-common-white">Rezerviraj stol</a>
                &nbsp;
                <a href="{{ route('menu') }}" class="btn-common-white">Pogledaj jelovnik</a>
            </div>
        </div>
    </div>
</section>

@endsection