@extends('adminlte::page')

@section('title', 'Detalles Plato - Insertbog')

@section('content_header')
<h1>Detalles del Plato</h1>
@stop

@section('content')
    <div class="card">
        <div class="card-body">
            <div class="row">
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="nombre" class="form-label">Nombre del Plato: </label> {{$menus->nombre}}
                    </div>
                    <div class="mb-3">
                        <label for="descripcion" class="form-label">Descripción: </label> {{$menus->descripcion}}
                    </div>
                    <div class="mb-3">
                        <label for="ingredientes" class="form-label">Ingredientes: </label>
                        <textarea class="form-control" id="ingredientes" rows="3" name="ingredientes" disabled>{{$menus->ingredientes}}</textarea>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="estado" class="form-label">Estado: </label> {{$menus->estado}}
                    </div>
                    <div class="mb-3">
                        <label for="precio" class="form-label">Precio: </label> $ {{$menus->precio}}
                    </div>
                    <!-- <div class="mb-3">
                        <label for="img" class="form-label">Imagen</label>
                        <input type="file" class="form-control" id="img" name="img">
                    </div> -->
                    <div class="mb-3">
                        <label for="categoria" class="form-label">Categoria: </label> {{$menus->categoria}}
                    </div>
                </div>
                <div class="col-md-12">
                    <a href="{{ route('menus.index' ) }}" class="btn btn-secondary">Cancelar</a>
                </div>
            </div>
        </div>
    </div>
@stop

@section('css')
<link rel="stylesheet" href="/css/admin_custom.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
@stop

@section('js')
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js" integrity="sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V" crossorigin="anonymous"></script>
@stop