@extends('layouts.dashboardnew')

@section('content')


<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body">
                    
                  
                    <div class="col-md-3">
		              <div class="form-group">
		                 <a class="btn btn-info btn-block text-white" data-toggle="modal" data-target="#aceptar"> Agregar Nueva Producto</a>
		              </div>
		            </div>
		              
		            
		            
		    <table class="table table-striped table-bordered zero-configuration">
				<thead>
					<tr>
						<th class="text-center">#</th>
						<th class="text-center">ID producto</th>
						<th class="text-center">Nombre del Producto</th>
						<th class="text-center">Inventario</th>
						<th class="text-center">Visible</th>
						<th class="text-center">Tiempo Activación</th>
						<th class="text-center">Fecha</th>
						<th class="text-center">Acciones</th>
					</tr>
				</thead>

				<tbody>
				    
					@foreach ($inventario as $inv)
					<tr>
						<td class="text-center">{{ $inv->id }}</td>
						<td class="text-center">{{ $inv->idproducto }}</td>
						<td class="text-center">{{ $inv->nombre }}</td>
						<td class="text-center">{{ $inv->inventario }}</td>
						<td class="text-center">
						    @if($inv->visible == 0)
						     Visible
						    @else
						     No Visible
						    @endif
						</td>
						<td class="text-center">{{ $inv->tiempo }}</td>
						<td class="text-center">{{ date('d-m-Y', strtotime($inv->created_at)) }}</td>
						<td class="text-center">
						    
						    <a class="btn btn-info text-white" data-toggle="modal" data-target="#editar" onclick="actualizar('{{$inv->id}}','{{$inv->idproducto}}','{{$inv->inventario}}','{{$inv->visible}}','{{$inv->tiempo}}')" title="Editar">  <i class="fa fa-edit"></i> </a>
						    
						    <a class="btn btn-danger" href="{{ route('inventario-deelte', $inv->id) }}" title="Eliminar"> <i class="fa fa-trash"></i> </a>
						    
						</td>
					</tr>
					@endforeach
				</tbody>
			</table>
			
		            
		        </div>
		    </div>
		</div>
	</div>
</div>	



<div class="modal fade" id="aceptar" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Guardar Inventario</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form action="{{route('inventario-save')}}" method="post">
          {{ csrf_field() }} 

           
            <div class="row">
                
               <div class="col-md-12">
                <div class="form-group">
                  <label>Producto</label>
                  <select class="form-control" name="idproducto" required>
                        <option value="" selected disabled>Seleccione una Opcion</option>
                         @foreach($productos as $produc)
                          <option value="{{$produc->ID}}">{{$produc->post_title}}</option>
                         @endforeach
                    </select>  
                </div>
               </div>
               
               
               <div class="col-md-12">
                <div class="form-group">
                  <label>Inventario</label>
                  <input type="number" name="inventario" class="form-control" required>
                </div>
               </div>
               
               
               <div class="col-md-12">
                <div class="form-group">
                  <label>Tiempo Activación</label>
                  <input type="number" name="tiempo" class="form-control" required value="0">
                </div>
               </div>
               
               
               <div class="col-md-12">
                <div class="form-group">
                  <label>Producto Visible</label>
                    <select class="form-control" name="visible" required>
                        <option value="" selected disabled>Seleccione una Opcion</option>
                         
                          <option value="0">Visible</option>
                          <option value="1">No Visible</option>
                         
                    </select>
                </div>
               </div>
               
                <div class="col-md-12">
                   <div class="form-group">
                       <label>Descripción</label>
                       <textarea class="form-control" type="textarea" name="concepto"></textarea>
                   </div>       
                </div>    
               
               <div class="col-md-12">
                <div class="form-group">
                  <button type="submit" class="btn btn-info btn-block">Aceptar</button>
                </div>
              </div> 
              
              
            </div>   
              
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
      </div>
    </div>
  </div>
</div>


<div class="modal fade" id="editar" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Editar</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form action="{{route('inventario-edit')}}" method="post">
          {{ csrf_field() }} 

              <input type="hidden" class="form-control id" name="id">
            
            
            <div class="row">
                
               <div class="col-md-12">
                <div class="form-group">
                  <label>Producto</label>
                  <select class="form-control nombre" name="idproducto" required>
                        <option value="" selected disabled>Seleccione una Opcion</option>
                         @foreach($productos as $produc)
                          <option value="{{$produc->ID}}">{{$produc->post_title}}</option>
                         @endforeach
                    </select>  
                </div>
               </div>
               
               
               <div class="col-md-12">
                <div class="form-group">
                  <label>Inventario</label>
                  <input type="number" class="form-control inventario" disabled>
                </div>
               </div>
               
               <div class="col-md-12">
                <div class="form-group">
                  <label>Tiempo Activación</label>
                  <input type="number" name="tiempo" class="form-control tiempo" required>
                </div>
               </div>
               
               
               <div class="col-md-12">
                <div class="form-group">
                  <label>Producto Visible</label>
                    <select class="form-control visible" name="visible" required>
                        <option value="" selected disabled>Seleccione una Opcion</option>
                         
                          <option value="0">Visible</option>
                          <option value="1">No Visible</option>
                         
                    </select>
                </div>
               </div>
               
               
               <div class="col-md-12">
                <div class="form-group">
                  <label>Tipo de Movimiento</label>
                    <select class="form-control" name="tipo" required>
                        <option value="" selected disabled>Seleccion una Opcion</option>
                         
                          <option value="Ingreso">Ingreso</option>
                          <option value="Egreso">Egreso</option>
                         
                    </select>
                </div>
               </div>
               
               
               <div class="col-md-12">
                <div class="form-group">
                  <label>Cantidad</label>
                  <input type="number" name="cantidad" class="form-control" value="1" min="1" required>
                </div>
               </div>
               
               
                <div class="col-md-12">
                   <div class="form-group">
                       <label>Descripción</label>
                       <textarea class="form-control" type="textarea" name="concepto"></textarea>
                   </div>       
                </div> 
                
               
               <div class="col-md-12">
                <div class="form-group">
                  <button type="submit" class="btn btn-info btn-block">Aceptar</button>
                </div>
               </div> 
              
            
            </div>   
              
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">Cerrar</button>
      </div>
    </div>
  </div>
</div>


@endsection
@include('usuario.componentes.scripBotones')

@push('script')
<script type="text/javascript">
   
   function actualizar(id, producto, inventario, visible, tiempo){
       
       $('.id').val(id);
       $('.nombre').val(producto);
       $('.inventario').val(inventario);
       $('.visible').val(visible);
       $('.tiempo').val(tiempo);
   }
   
</script>
@endpush