@extends('template.layoutAdmin', ['activeButton'=>'inventario'])

@section('title')
{{  trans('inventario.crear_producto_al_inventario') }}
@endsection

@section('cabecera')
  <div class="row">
    <div class="col-6">
      <h1 style="margin: 15px 0 10px 0;">
        <a href="{{ url()->previous() }}" class="btn btn-default btn-sm"> <i class="fa fa-arrow-left"></i> {{  trans('inventario.regresar') }} </a>
      </h1>
    </div>
    <div class="col-6 text-right">
      <h1>
        <small>{{auth()->user()->userName}}</small>
      </h1>
    </div>
  </div>
@endsection

@section('contenido')
  @if(Session::has('message'))
    <div class="row">
      <div class="col-12">
        <div class="alert alert-success alert-dismissible" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            😉 {{Session::get('message')}} 😉
        </div>
      </div>
    </div>
  @endif
  @if(Session::has('message_error'))
    <div class="row">
      <div class="col-12">
        <div class="alert alert-warning alert-dismissible" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            😓 {{Session::get('message_error')}} 😒
        </div>
      </div>
    </div>
  @endif
  @if(count($errors) > 0)
    <div class="row">
      <div class="col-12">
        <div class="alert alert-warning alert-dismissible" role="alert">
            <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <p> {{  trans('inventario.corrige_los_siguientes_errores') }} </p>
            <ul>
                @foreach ($errors->all() as $message)
                    <li>{{ $message }}</li>
                @endforeach
            </ul>
        </div>
      </div>
    </div>
  @endif
    <div class="row">
      <div class="col-12">
        <div class="info-box">
          <form action="{{route('inventarios.store')}}" enctype="multipart/form-data" method="POST" id="formCreateInventario">
            <small class="small">{{ trans('template.camposcon') }} (<span class="text-danger">*</span>) {{ trans('template.obligatorios') }}</small>

          @csrf
          <div class="box-body">
            <div class="row">
              <div class="col-md-6">
                <div class="form-group {{ $errors->has('presentacion') ? 'has-error' : '' }}">
                  <label for="presentacion"> {{  trans('inventario.nombre') }} <span class="text-danger">*</span></label>
                  <input
                      type="text"
                      name="presentacion"
                      maxlength="40"
                      class="form-control"
                      value="{{old('presentacion')}}"
                      required
                      autocomplete="off"
                      placeholder="{{  trans('inventario.nombre') }}"
                      id="presentacion"
                  >
                </div>
              </div>
              <div class="col-md-3">
                <div class="form-group">
                    <label for="idTag"> {{  trans('tags.tituloTag') }}</label>
                    <select name="idTag" class="form-control" id="idTag">
                      <option selected value="0">{{  trans('inventario.seleccione') }}</option>
                      @foreach ($tags as $tag)
                          <option value="{{$tag->idTag}}">{{$tag->nombre}}</option>
                      @endforeach
                    </select>
                </div>
              </div>
            <div class="col-md-3">
              <div class="form-group {{ $errors->has('forma_paquete') ? 'has-error' : '' }}">
                <label for="forma_paquete"> {{  trans('inventario.forma_paquete') }}<span class="text-danger">*</span></label>
                <select name="forma_paquete" id="forma_paquete" class="form-control">
                  <option value=""> {{  trans('inventario.seleccione_una_unidad') }}</option>
                  @foreach($unidades as $unidad)
                      <option value="{{$unidad->idUnidad}}">{{$unidad->nombre}}</option>
                  @endforeach
                </select>
              </div>
            </div>
          </div>
            <div class="row">
              <div class="col-md-6">
                  <div class="form-group {{ $errors->has('bodega') ? 'has-error' : '' }}">
                    <label for="bodega"> {{  trans('inventario.bodega') }}<span class="text-danger">*</span></label>
                    <select name="bodega" id="bodega" class="form-control" required>
                        <option value="" selected disabled> {{  trans('inventario.seleccione') }}</option>
                        @foreach($bodegas as $bodega)
                          <option value="{{$bodega->idBodega}}">{{$bodega->nombre}}</option>
                        @endforeach
                    </select>
                  </div>
                </div>
              <div class="col-md-3">
                <div class="form-group {{ $errors->has('min_stock') ? 'has-error' : '' }}">
                  <label for="min_stock"> {{  trans('inventario.minimoStrocl') }}<span class="text-danger">*</span></label>
                  <input
                  type="number"
                  class="form-control"
                  id="min_stock"
                  name="min_stock"
                  onkeypress="return event.charCode >= 48"
                  placeholder="{{  trans('inventario.minimoStrocl') }}"
                  required
                  autocomplete="off"
                  value="{{old('min_stock')}}">
                </div>
              </div>

              <div class="col-md-3">
                  <div class="form-group {{ $errors->has('min_stock') ? 'has-error' : '' }}">
                    <label for="min_stock"> {{  trans('inventario.codigo') }}</label>
                    <input
                    type="number"
                    class="form-control"
                    id="codigo"
                    min="0"
                    name="codigo"
                    placeholder="{{  trans('inventario.codigo') }}"
                    autocomplete="off"
                    onkeypress="return event.charCode >= 48"
                    value="{{old('codigo')}}">
                  </div>
                </div>
            </div>
            <div class="row">
              <div class="col-md-12">
                <div class="form-group {{ $errors->has('descripcion') ? 'has-error' : '' }}">
                  <label for="descripcion">  {{  trans('inventario.descripcion') }}</label>
                  <textarea class="form-control" name="descripcion" id="descripcion" cols="30" rows="3">{{old('descripcion')}}</textarea>
                </div>
              </div>
            </div>
            <div class="row">
                <div class="col-md-2">
                  <div class="form-group text-center" style="padding-left:10px;">
                      <label for="factorizar"> {{  trans('inventario.factorizable') }}</label>
                      <label class="switch">
                          <input type="checkbox" name="factorizar" onclick="changeFact()" id="factorizar" value="" class="success service">
                          <span class="slider round"></span>
                      </label>
                  </div>
                </div>
                <div class="col-md-5">
                  <div class="form-group {{ $errors->has('contenido') ? 'has-error' : '' }}">
                      <label for="contenido"> {{  trans('inventario.contenido') }}</label>
                      <input
                      type="number"
                      class="form-control"
                      id="contenido"
                      name="contenido"
                      onkeypress="return event.charCode >= 48"
                      placeholder="{{  trans('inventario.contenido') }}"
                      autocomplete="off"
                      value="{{old('contenido')}}"
                      disabled>
                </div>
                </div>
                <div class="col-md-5">
                  <div class="form-group {{ $errors->has('idUnidad') ? 'has-error' : '' }}">
                      <label for="idUnidad"> {{  trans('inventario.unidad') }}</label>
                      <select name="idUnidad" id="idUnidad" class="form-control" disabled>
                          <option value=""> {{  trans('inventario.seleccione_una_unidad') }}</option>
                          @foreach($unidades as $unidad)
                              <option value="{{$unidad->idUnidad}}">{{$unidad->nombre}}</option>
                          @endforeach
                      </select>
                </div>
                </div>
            </div>
            <hr>
            <div class="row">
              <div class="col-12 text-center">
                <input type="submit" onclick="delaySubmit()" class="btn btn-info margin-top-10" name="btnSubmit" value="{{trans('inventario.agregarss')}}">
              </div>
            </div>
          </div>
          </form>
          <!-- /.box-body -->
        </div>
      </div>
    </div>
@endsection

@section('js')
    <script>
        function changeFact() {
            if($('.service').is(':checked') ) {
                $("#typeService").attr("disabled", false);
                $("#contenido").removeAttr("disabled");

                $("#idUnidad").removeAttr("disabled");
                document.getElementById("factorizar").value = true;
            }else{
                $("#typeService").attr("checked", true);
                $("#contenido").attr("disabled", true);
                document.getElementById("contenido").value = "";
                $("#idUnidad").attr("disabled", true);
                document.getElementById("idUnidad").value = "";
            }
        }
        function delaySubmit() {
          let form = document.getElementById('formCreateInventario');
          form.elements["btnSubmit"].disabled = true;
          form.submit();
          setTimeout(
          function() 
          {
            form.elements["btnSubmit"].disabled = false;
          }, 5000);
        }
    </script>

@endsection