@extends('templates.header')
@section('content')

<!-- Breadcrumb Section Begin -->
<section class="breadcrumb-section set-bg" data-setbg="{{ asset('uploads/banniere_page/breadcrumb.jpg') }}">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center">
                <div class="breadcrumb__text">
                    <h2>{{ $menu->titre }}</h2>
                    <div class="breadcrumb__option">
                        <a href="{{ route('accueil') }}">Accueil</a>
                        <span>{{ $menu->titre }}</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Breadcrumb Section End -->

<!-- Product Details Section Begin -->
<section class="product-details spad">
    <div class="container">
        <div class="row">

            <div class="col-lg-3 col-md-3">


                <div class="blog__sidebar" style=" padding-top: 0px; position: sticky; top: 50px;">

                    <div class="blog__sidebar__item">
                        <h4>{{ $menu->titre }}</h4>
                        <ul>
                            @foreach($menus as $com)
                            <li><a id="yy"  href="{{ route('menus', ['menu' => Str::slug($com->slug)]) }}">{{ $com ->titre }}</a></li>
                            @endforeach
                        </ul>
                    </div>

                </div>




            </div>

            <div class="col-lg-9 col-md-9">
                <div class="product__details__text">
                    <div class="breadcrumb__text">
                        <h3>{{ $menu->titre }}</h3>
                    </div>

                    <img class="product__details__pic__item--large col-md-5" src="{{ asset('uploads/menus/' .$menu->apercu) }}" alt="{{ $menu->titre }}" style=" float: right;">
                  {!! $menu->description !!}


                </div>
            </div>



        </div>
    </div>
</section>
@endsection