@extends('layouts.app')

@section('meta-title')Étlap - Rub & Roll Barbecue @endsection

@section('meta-keywords') @endsection

@section('meta-description') @endsection

@section('content')

<section id="page-title" class="page-title bg-overlay {{--bg-parallax--}} bg-overlay-gradient">
    <div class="bg-section">
        @if($page->image)
        <img src="{{ url($page->getFirstMediaUrl('image', 'cover')) }}" alt="" />
        @else
        <img src="assets/images/page-title/4.jpg" alt="Background" />
        @endif
    </div>
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="col-xs-12 col-sm-12 col-md-12">
	                <div class="title title-8 text-center">
	                    <div class="title--content">
	                        <div class="title--subtitle">Rub & Roll</div>
	                        <div class="title--heading">
	                            <h1>{{ __('Étlap') }}</h1>
	                        </div>
	                    </div>
	                    <div class="clearfix"></div>
	                </div>
	            </div>
            </div>
        </div>
    </div>
</section>

<section>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                {!! $page->body !!}
            </div>
        </div>
    </div>
</section>

@foreach($carteCategories as $cat)

    <section id="divider{{ $cat->id}}" class="section-divider bg-overlay bg-parallax bg-overlay-dark4">
        <div class="bg-section">
            @if($cat->image)
            <img src="{{ url($cat->getFirstMediaUrl('image', 'cover')) }}" alt="" />
            @else
            <img src="{{ url('assets/images/background/6.jpg') }}" alt="" />
            @endif
        </div>
        <div class="container">
            {{--<div class="divider--shape-2up"></div>--}}
            <div class="row clearfix">
                <div class="col-xs-12 col-sm-12 col-md-8 col-md-offset-2">
                    <div class="heading heading-3 text--center">
                        {{--<p class="heading--subtitle"></p>--}}
                        <h2 class="heading--title mb-0 text-white">{{ $cat->name }}</h2>
                    </div>
                </div>
            </div>
            {{--<div class="divider--shape-2down"></div>--}}
        </div>
    </section>

    <section id="menu1" class="menu menu-classic pb-80 bg-white">
        <div class="container">
            <div class="row">
                @php $counter = 1; @endphp
                @foreach($cat->carteItems as $item)
                    <div class="col-xs-12 col-sm-6 col-md-6">
                        <div class="dish-panel">
                            <h3 class="dish--title">{{ $item->name }}</h3>
                            <span class="dish--price">
                                @if ($item->price1 > 0)
                                    {{ \App\Utils::priceForHumans($item->price1) }} @if($item->price2) // {{ \App\Utils::priceForHumans($item->price2) }} @endif @if($item->price3) // {{ \App\Utils::priceForHumans($item->price3) }} @endif
                                @endif
                            </span>
                            <p class="dish--desc">{{ $item->summary }}</p>
                            @if($item->body)
                            <br>
                            <p class="dish--desc"><small>{{ $item->body }}</small></p>
                            @endif
                        </div>
                    </div>
                    @if ($counter % 2 == 0)
                        <div class="clearfix"></div>
                    @endif
                    @php $counter++; @endphp
                @endforeach
            </div>
        </div>
    </section>
@endforeach

@endsection