@extends('adminlte::page')

@section('title', $title ?? '')

@section('content_header')
    <h1>{{$title ?? ''}}</h1>
@stop

@section('content')
<div class="row">
    <div class="col-xl-12">
        <div class="card">
            <div class="card-body">
                <fieldset>
                    <legend>Datos Generales</legend>
                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                    <form action="{{route('administrations.products.store')}}" method="POST" enctype="multipart/form-data">
                        @csrf
                        <div class="row">
                            <div class="col-xl-6 col-lg-6">
                                <div class="row mb-3">
                                    <div class="col-xl-3 col-lg-3 text-xl-right text-lg-right">
                                        Nombre Comercial
                                    </div>
                                    <div class="col-xl-9 col-lg-9">
                                        <input type="text" name="trade_name" class="form-control" autofocus value="{{old('trade_name')}}" placeholder="Actron">
                                    </div>
                                </div>
                            </div>
                        
                            <div class="col-xl-6 col-lg-6">
                                <div class="row mb-3">
                                    <div class="col-xl-3 col-lg-3 text-xl-right text-lg-right">
                                        Nombre Genérico
                                    </div>
                                    <div class="col-xl-9 col-lg-9">
                                        <input type="text" name="generic_name" class="form-control" value="{{old('generic_name')}}" placeholder="Paracetamol">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xl-6 col-lg-6">
                                <div class="row mb-3">
                                    <div class="col-xl-3 col-lg-3 text-xl-right text-lg-right">
                                        Concentración
                                    </div>
                                    <div class="col-xl-9 col-lg-9">
                                        <input type="text" name="concentration" class="form-control" value="{{old('concentration')}}" placeholder="500 mg" required>
                                    </div>
                                </div>
                            </div>
                        
                            <div class="col-xl-6 col-lg-6">
                        
                                <div class="row mb-3">
                                    <div class="col-xl-3 col-lg-3 text-xl-right text-lg-right">
                                        Proveedor
                                    </div>
                                    <div class="col-xl-9 col-lg-9">
                                        <select name="id_provider" id="id_provider" class="select2" required>
                                            <option value="">Seleccionar</option>
                                            @foreach ($providers as $provider)
                                                <option value="{{$provider->id_provider}}" {{old('id_provider')==$provider->id_provider?'selected':''}}>{{$provider->company_name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xl-6 col-lg-6">
                                <div class="row mb-3">
                                    <div class="col-xl-3 col-lg-3 text-xl-right text-lg-right">
                                        Presentación
                                    </div>
                                    <div class="col-xl-9 col-lg-9">
                                        <select name="id_presentation" id="id_presentation" class="select2" required>
                                            <option value="">Seleccionar</option>
                                            @foreach ($presentations as $presentation)
                                                <option value="{{$presentation->id_presentation}}" {{old('id_presentation')==$presentation->id_presentation?'selected':''}}>{{$presentation->name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="col-xl-6 col-lg-6">
                                <div class="row mb-3">
                                    <div class="col-xl-3 col-lg-3 text-xl-right text-lg-right">
                                        Precio de Venta
                                    </div>
                                    <div class="col-xl-9 col-lg-9">
                                        <input type="number" name="sale_price" class="form-control" required  value="{{old('sale_price')}}" placeholder="0.20" min="0" step="0.01">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xl-6 col-lg-6">
                                <div class="row mb-3">
                                    <div class="col-xl-3 col-lg-3 text-xl-right text-lg-right">
                                        Unidad de Venta
                                    </div>
                                    <div class="col-xl-9 col-lg-9">
                                        <select name="id_sale_unit" id="id_sale_unit" class="select2" required>
                                            <option value="">Seleccionar</option>
                                            @foreach ($saleUnits as $saleUnit)
                                                <option value="{{$saleUnit->id_sale_unit}}" {{old('id_sale_unit')==$saleUnit->id_sale_unit?'selected':''}}>{{$saleUnit->name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-6 col-lg-6">
                                <div class="row mb-3">
                                    <div class="col-xl-3 col-lg-3 text-xl-right text-lg-right">
                                        Código de Barra
                                    </div>
                                    <div class="col-xl-9 col-lg-9">
                                        <input type="text" name="barcode" class="form-control"   value="" placeholder="" >
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-xl-6 col-lg-6">
                                <div class="row mb-3">
                                    <div class="col-xl-3 col-lg-3 text-xl-right text-lg-right">
                                        Unidad Mayor
                                    </div>
                                    <div class="col-xl-9 col-lg-9">
                                        <select name="id_higher_unit" id="id_higher_unit" class="select2" required>
                                            <option value="">Seleccionar</option>
                                            @foreach ($higherUnits as $higherUnit)
                                                <option value="{{$higherUnit->id_presentation}}" {{old('id_higher_unit')==$higherUnit->id_presentation?'selected':''}}>{{$higherUnit->name}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-6 col-lg-6">
                                <div class="row mb-3">
                                    <div class="col-xl-3 col-lg-3 text-xl-right text-lg-right">
                                        Unidades por la unidad mayor
                                    </div>
                                    <div class="col-xl-9 col-lg-9">
                                        <input type="number" name="unit_per_unit_greater" class="form-control" required  value="{{old('unit_per_unit_greater')}}" placeholder="0" min="0" step="1">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xl-6 col-lg-6">
                                <div class="row mb-3">
                                    <div class="col-xl-3 col-lg-3 text-xl-right text-lg-right">
                                        Detalle
                                    </div>
                                    <div class="col-xl-9 col-lg-9">
                                        <textarea name="detail" class="form-control">{{old('detail')}}</textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-6 col-lg-6">
                                <div class="row mb-3">
                                    <div class="col-xl-3 col-lg-3 text-xl-right text-lg-right">
                                        Visible
                                    </div>
                                    <div class="col-xl-9 col-lg-9">
                                        <div class="custom-control custom-switch">
                                            <input type="checkbox" name="visibility" class="custom-control-input" id="customSwitchStatusVisibility"  value="1" checked>
                                            <label class="custom-control-label text-success" for="customSwitchStatusVisibility"></label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-xl-12 col-lg-12">
                                <fieldset>
                                    <legend>Cantidad Mínima de stock para alerta</legend> 
                                </fieldset>
                            </div>
                        </div>
                        <div class="row alert alert-light">
                            @foreach ($branches as $branch)
                                <div class="col-xl-6 col-lg-6">
                                    <div class="row mb-3">
                                        <div class="col-xl-3 col-lg-3 text-xl-right text-lg-right">
                                            {{$branch->name}}
                                        </div>
                                        <div class="col-xl-9 col-lg-9">
                                            <input type="number" name="alerts[{{$branch->id_branch}}]" class="form-control" required  value="" placeholder="0" min="0" step="1">
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                        
                        <div class="row mb-3">
                            <div class="col-xl-12 col-lg-12 text-center">
                                <input type="submit" value="Guardar" class="btn btn-success">
                            </div>
                        </div>
                    </form>

                </fieldset>
            </div>
        </div>
    </div>
</div>
@stop

@section('css')

@stop

@section('js')
<script>
$(document).ready(function() {
    $("[name=barcode]").keydown(function(e){
        if(e.keyCode == 13) {
            e.preventDefault();
        }
    }).focus(function(){
        $(this).select();
    });
});
</script>
@stop