@extends('web.layouts.master')

@section('title', 'Single product page')

@section('content')
    <div class="hero-wrapper menu-hero-wrapper" style='background-image: url({{ asset('images/web/bg/menu.jpg') }})'>
        <div class="overlay">
            <div class="container">
                <div class="overlay-txt">
                    <p class="animated fadeInDown delay-1s">{{ __('translation.explore-menu') }}</p>
                </div>
            </div>
        </div>
    </div>
    <section>
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="bread-crumb-wrapper">
                        <ul class="bread-crumb-list">
                            <li><a href="{{ route('menu.index') }}">Meni</a></li>
                            <li><a href="{{ route('menu.list', ['categorySlug' => $product->category->slug_sr]) }}">{{ $product->category->{'name_' . getLang()} }}</a></li>
                            <li><a href="#">{{ $product->{'name_' . getLang()} }}</a></li>
                        </ul>
                    </div>
                </div>

                <div class="col-lg-6 col-xs-12">
                    <img class="single-product-image" src="{{ asset($product->image_path) }}" alt="{{ $product->{'slug_' . getLang()} }}">
                </div>

                <div class="col-lg-6 col-xs-12 single-product-info">
                    <h2 class="single-product-title">{{ $product->{'name_' . getLang()} }}</h2>
                    <!-- <ul class="single-product-ingredients">
                        <li>3 jajeta</li>
                        <li>kisela pavlaka</li>
                        <li>paradajz</li>
                        <li>pečenica/suvi vrat/slanina</li>
                    </ul> -->
                    <p>{{ $product->{'description_' . getLang()} }}</p>
                    <div class="single-product-price-holder">
                        <p class="single-product-price">{{ $product->price }} RSD</p>
{{--                        <button class="single-product-button">U korpu</button>--}}
                    </div>
                </div>
            </div> <!-- rpw -->
        </div> <!-- container -->
    </section>
@endsection