@extends('app')

@section('content')
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>

<div class="container-fluid">
     <div class="row">
         <div class="col-md-8 col-md-offset-2">
             <div class="panel panel-default">
                <div class="panel-heading"><center>Asignar Insumo a Producto (Crear Receta)</center></div>
                <div class="panel-body">
                    {!! Form::open(['route' => 'insumos.storeReceta', 'method' => 'POST', 'class' => 'form-horizontal','id' => 'recetaForm']) !!}
                        
                        <div class="form-group">
                            {!! Form::label('productoId', 'Producto Final', ['class' => 'col-md-4 control-label']) !!}
                            <div class="col-md-6">
                                {!! Form::select('productoId', ['' => 'Seleccione un producto...'] + $productos->all(), old('productoId'), ['class' => 'form-control', 'required']) !!}
                            </div>
                        </div>

                        <div class="form-group">
                             {!! Form::label('insumoId', 'Insumo a Utilizar', ['class' => 'col-md-4 control-label']) !!}
                            <div class="col-md-6">
                                {!! Form::select('insumoId', ['' => 'Seleccione un insumo...'] + $insumos->all(), old('insumoId'), ['class' => 'form-control', 'required']) !!}
                            </div>
                        </div>

                        <div class="form-group">
                            {!! Form::label('cantidad', 'Cantidad a Descontar', ['class' => 'col-md-4 control-label']) !!}
                            <div class="col-md-6">
                                {!! Form::number('cantidad', old('cantidad'), ['class' => 'form-control', 'required', 'step' => '0.01', 'placeholder' => 'Ej: 200 (para ml) o 80 (para gr)']) !!}
                            </div>
                        </div>
                        
                        <div class="form-group">
                            {!! Form::label('volumenId', 'Unidad de Medida', ['class' => 'col-md-4 control-label']) !!}
                            <div class="col-md-6">
                                {!! Form::select('volumenId', ['' => 'Seleccione una unidad...'] + $unidades->all(), old('volumenId'), ['class' => 'form-control', 'required']) !!}
                            </div>
                        </div>
                        
                        <div class="form-group">
                            <div class="col-md-6 col-md-offset-4">
                                <button type="submit" class="btn btn-primary">
                                     Guardar en Receta
                                </button>
                                <a href="{{ route('insumos.indexReceta') }}" class="btn btn-default">Cancelar</a>
                            </div>
                        </div>
                    {!! Form::close()!!}
                 </div>
             </div>
         </div>
     </div>
 </div>

<script>
    $(document).ready(function () {
        @if (count($errors) > 0)
            let errorHtml = '<ul class="list-group text-left">';
            @foreach ($errors->all() as $error)
                errorHtml += '<li class="list-group-item list-group-item-danger">{{ $error }}</li>';
            @endforeach
            errorHtml += '</ul>';

            Swal.fire({
                icon: 'error',
                title: '¡Ups! Por favor, corrige los errores',
                html: errorHtml,
                confirmButtonColor: '#3085d6'
            });
        @endif

        $('#recetaForm').on('submit', function(event) {
            event.preventDefault(); 
            
            Swal.fire({
                title: '¿Guardar Asignación?',
                text: "El insumo quedará asignado a la receta del producto.",
                icon: 'question',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Sí, ¡guardar!',
                cancelButtonText: 'Cancelar'
            }).then((result) => {
                if (result.isConfirmed) {
                    this.submit(); 
                }
            });
        });
    });
</script>

@endsection