@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-6">
            <div class="card">
                <div class="card-header">Registrar Platillo - Ingrediente</div>
                <div class="card-body">
                    @if (isset($edit))
                        <form method="POST" action="{{ route('platillos_ingredientes.update', [$pla_ing->id]) }}" autocomplete="off">

                    @else
                        <form method="POST" action="{{ route('platillos_ingredientes.crear') }}" autocomplete="off">
                    @endif
                        @csrf

                        <div class="form-group row">
                            <label for="id_platillo" class="col-md-4 col-form-label text-md-right">Platillo</label>
                            <div class="col-md-6">
                                <select id="id_platillo" name="id_platillo" class="form-control">
                                    @foreach ($platillos as $item => $value)
                                        <option value="{{ $value->id }}">{{ $value->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>



                        <div class="form-group row">
                            <label for="id_ingredient" class="col-md-4 col-form-label text-md-right">Ingrediente</label>
                            <div class="col-md-6">
                                <select id="id_ingredient" name="id_ingredient" class="form-control">
                                    @foreach ($ingredientes as $item2 => $value2)
                                        <option value="{{ $value2->id }}">{{ $value2->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="form-group row">
                                <label for="marcado" class="col-md-4 col-form-label text-md-right">Tipo</label>
                                <div class="col-md-6">
                                    <select id="marcado" name="marcado" class="form-control">
                                        <option value="0">Desmarcado</option>
                                        <option value="1">Marcado</option>
                                    </select>
                                </div>
                            </div>
                        <div class="form-group row mb-0">
                            <button type="submit" class="btn btn-primary col-md-3 m-auto">
                                Guardar
                            </button>
                        </div>
                    </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection