@extends('layouts.app')

@section('title', 'Menus')

@section('content')
<h1 class="title">Menus aléatoires</h1>

@if ($menus)
    <div class="columns is-multiline is-mobile">
@foreach($menus as $menu)
        <div class="column is-half-mobile is-one-quarter-desktop is-one-quarter-tablet">
            <div class="card">
                <header class="card-header">
                    <p class="card-header-title">
                        {{ $menu->title }}
                    </p>
                </header>
{{--                <div class="card-content">--}}
{{--                    <p>Place content here.</p>--}}
{{--                </div>--}}
{{--                <footer class="card-footer">--}}
{{--                    <p class="card-footer-item">My footer</p>--}}
{{--                </footer>--}}
            </div>
        </div>

@endforeach
    </div>
@else
    <p>Aucun menu trouvé.</p>
@endif

  <p><a class="button is-primary is-link" href="{{ route('menus.create') }}">Ajouter un menu</a></p>
@endsection