@extends('layouts.layout')
@section('title', 'Notre Carte')

@section('banner')
     <!-- banner -->
     <section>
        <div class="header-img banner-size">
  
        </div>
        @include('partials.telecharger')
      </section>

@endsection

@section('main')
   <!-- Main -->
   <section id="menu">
    <div class="container text-center my-5">
        <div class="row">
          <div class="col-md-12">
            <h2 class="titre text-uppercase">Un petit creux ou une grande faim ?</h2>
            <h3 class="sous-titre text-uppercase">Pomme de Pain vous régale à toute heure</h3>
          </div>
          @foreach ($menus as $item)
             <div class="col-md-6 col-lg-3 col-sm-6 matin   @if($item->id !== 1) shadow-menu @endif  " style="color: {{$item->color}};">
            <strong class=""  style="color: {{$item->color}};" >{{$item->titre}} <span>&#8226;</span></strong>
            <ul >
             @foreach ($item->categories as $category)
                  <li><a href="{{route('cart.produit',[$item->slug,$category->slug])}}">{{$category->titre}}</a></li>
              @endforeach
                
            </ul>
          </div>
          @endforeach
          

          
        </div>
    </div>
@endsection

@section('first-block')
  @include('partials.first-block')
@endsection