@extends('layout/totem')
@section('titulo', 'Home')
@section('content')
<meta name="csrf-token" content="{{ csrf_token() }}">
@if (count($menus))

<div class="az-content-label mg-b-5">Seleci&oacute;n de Menu</div>
    <p class="mg-b-20">Toque sobre la imagen para seleccionar el menu deseado</p>
    <input type="hidden" name="_token" id="_token" value="{{ csrf_token() }}" />
    <div class="row row-sm">
        @foreach ($menus as $menu)
        <div class="col-md-6 col-lg-4">
            <div class="card bd-0" onclick="selecionMenu({{$menu->id_persona}}, {{$menu->id_menu}}, '{{$menu->menu}}')">
                <img src="/images/app/{{$menu->imagen}}" alt="{{$menu->menu}}" height="250 px" >
                <div class="card-body bd bd-t-0">
                    <p class="card-text"><b>{{$menu->menu}} </b></p>
                </div>
            </div><!-- card -->
        </div><!-- col-4 -->
        @endforeach
    </div><!-- row -->
</div>
  
@else
    <div class="az-content-label mg-b-5">Atencion</div>
    <p class="mg-b-20">No existe menu creado para la empresa</p>
    <a href="{{route('casino.totemIngresoPersona')}}" class="btn btn-primary">Volver a la pantalla de inicio</a>
@endif
@endsection
@section('scripts')
    <script src="/assets/js/casino/casino.js"></script>   
@endsection