@extends('admin.admin_dashboard')
@section('content')
				
<div class="pc-container">
    <div class="pc-content">
      <!-- [ breadcrumb ] start -->
      <div class="page-header">
        <div class="page-block">
          <div class="row align-items-center">
            <div class="col-md-12">
              <ul class="breadcrumb mb-3">
                <li class="breadcrumb-item"><a href="../home">Home</a></li>
                <li class="breadcrumb-item"><a href="../inventarios">Inventario</a></li> 
              </ul>
            </div>
            <div class="col-md-12">
              <div class="page-header-title">
                <h2 class="mb-0">Actualizar Ensamble</h2>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- [ breadcrumb ] end -->

      <!-- [ Main Content ] start -->
      <div class="row">
        <!-- [ sample-page ] start -->
        <div class="col-sm-12">
          <div class="card">
            <div class="card-body"> 
               <form class="smart-form" method="POST" action="{{ route('inventario/update')}}">
               	
              <div class="row"> 
                 
                @csrf

                <div class="col-md-6">
                	<div class="form-group">
                    <label class="form-label">ID</label>
                    <input id="id" name="id" type="text" class="form-control" placeholder="Nombre" readonly value="{{$inventario->id}}">
                  </div>
                  <div class="form-group">
                    <label class="form-label">Nombre</label>
                    <input id="nombre" name="nombre" type="text" class="form-control" placeholder="Nombre" value="{{$inventario->nombre}}">
                  </div>
                  <div class="form-group">
                    <label class="form-label">Categoría</label>
                    <input id="categoria" name="categoria" type="text" class="form-control" placeholder="Descripción" value="{{$inventario->categoria}}">
                  </div>
                </div>

                <div class="col-md-6">
                  <div class="form-group">
                    <label class="form-label">Subcategoria</label>
                    <input id="subcategoria" name="subcategoria" type="text" class="form-control" placeholder="Nombre"  value="{{$inventario->subcategoria}}">
                  </div>
                  <div class="form-group">
                    <label class="form-label">Descripción</label>
                    <input id="descripcion" name="descripcion" type="text" class="form-control" placeholder="Nombre" value="{{$inventario->descripcion}}">
                  </div>
                  <div class="form-group">
                    <label class="form-label">Ensamble</label>
                    <input id="ensamble" name="ensamble" type="text" class="form-control" placeholder="Descripción" value="{{$inventario->ensamble}}">
                  </div>
                </div>

                <div class="col-md-6">
                  <div class="text-end btn-page mb-0 mt-4">
                    <a href="../inventario" class="btn btn-outline-secondary">Regresar</a> 
                    <button type="submit" class="btn btn-primary">Guardar Item</button>
                  </div>
                </div>  

              </div>
              </form> 


            </div>
          </div>
        </div>
        <!-- [ sample-page ] end -->
      </div>

    <div class="row">
                      <div class="col-xl-8">
                  <div class="card">
                    <div class="card-header"> 
                    <div class="media align-items-center"> 
                      <div class="ms-0">
                        <h4 class="mb-0">Catálogo de productos</h4>                     

                      </div>
        
            <!-- [ varying-modal ] start -->

                    </div> 
                    </div> 
                    <div class="card-body p-0 table-body">
                      <div class="table-responsive">
                         
                  <table id="table-inventory-cat" class="table table-striped table-bordered">
                    <thead>
                      <tr> 
                        <th style="width: 20px">ID</th>
                        <th style="width: 130px !important;">
                        <span style="width: 150px !important;">
                        Descripción
                        </span>
                      </th>  
                        <th style="width: 50px">Unidad</th>
                        <th style="width: 40px">QTY</th> 
                        <th  style="color: blue; text-align: center; width: 100px  !important" >Cantidad</th>
                        <th style="width: 50px"></th>
                      </tr>
                    </thead>
                    <tbody>
                    @foreach($inventario_componentes as $inventario_componentes)                   

                      <tr> 
                      <td  style="width: 20px">{{ $inventario_componentes->id}}</td>  
                      <td  style="width: 130px !important;">
                        <span style="width: 150px !important;">
                        {{ $inventario_componentes->descripcion}}
                        </span> 

                      </td>   

                      <td style="width: 50px">
                        
                        <select class="form-select" id="inlineFormSelectPref_{{$inventario_componentes->id}}"  name="inlineFormSelectPref_{{$inventario_componentes->id}}" onchange="unit_change(this,'{{$inventario_componentes->id}}','{{$inventario_componentes->unidad}}','{{$inventario_componentes->unidad_conversion}}','{{$inventario_componentes->existencia}}','{{$inventario_componentes->existencia_conversion}}')"> 
                          <option value="0">{{ $inventario_componentes->unidad}}</option> 
                          <option value="1">{{ $inventario_componentes->unidad_conversion}}</option>  
                        </select>
                      </td>  

                      <td style="width: 40px">
                        
                            <input class="wid-80 text-center border-0 m-0 form-control rounded-0 shadow-none"  style="color: blue" type="text" id="id_invent_txt_{{$inventario_componentes->id}}" name="id_invent_txt_{{$inventario_componentes->id}}" value="{{$inventario_componentes->existencia}}">

                      </td>  
 

                        <form class="smart-form" method="POST" action="{{ route('inventarios_componentes/update')}}">
                          @csrf
                          <input type="hidden" name="id" value="{{$inventario->id}}">

                        <td  style="width: 100px !important" class="text-center">
                          <div class="btn-group btn-group-sm mb-2 border" role="group">
                            <button type="button" onclick="decreaseValue('cantidad_inv_{{$inventario_componentes->id}}')" class="btn btn-link-secondary"><i
                                class="ti ti-minus"></i></button>
                            <input class="wid-80 text-center border-0 m-0 form-control rounded-0 shadow-none"  style="color: blue" type="text" id="cantidad_inv_{{$inventario_componentes->id}}" name="cantidad_inv_{{$inventario_componentes->id}}" value="0">
                            <button type="button" onclick="increaseValue('cantidad_inv_{{$inventario_componentes->id}}')" class="btn btn-link-secondary"><i
                                class="ti ti-plus"></i></button>
                          </div>
                        </td>
                        <td style="width: 50px">
                        <input type="hidden" name="_token" value="{{ csrf_token() }}"> 
                        <input type="hidden" name="id_producto" value="{{ $inventario_componentes->id }}"> 
                        <input type="hidden" name="unidad_empaque_{{$inventario_componentes->id}}" id="unidad_empaque_{{$inventario_componentes->id}}" value="{{ $inventario_componentes->unidad }}" >
                        
                        <button type="submit" class="btn btn-primary">Agregar</button>
                        
                        </td>

                      </form>
 

                      </tr>
                    @endforeach

                    </tbody> 
                  </table>
                              
                      </div>
                    </div>
                  </div>
                  <div class="text-end">
                    <a href="http://localhost:8080/simg_control/public/requisiciones"
                      class="btn btn-link-secondary d-inline-flex align-items-center"><i
                        class="ti ti-chevron-left me-2"></i> Regresar</a>
                  </div>
                </div>


<div class="col-xl-4"> 
                  <div class="card">
        <div class="card-body py-2">
                      <ul class="list-group list-group-flush">

                         <div class="card-body pc-component">
                  <div class="d-flex flex-wrap gap-2">
                    <h5 style="color: blue; padding-top:10px">Detalle de la Componentes</h5></a>
                  </div>
                </div>

                    @foreach($inventario_componentes_ensambles as $inventario_componentes_ensambles)                   

                        <li class="list-group-item px-0">
                          <div class="media align-items-start">
                            
                            <div class="media-body mx-0">
                              <h5 class="mb-1">{{ $inventario_componentes_ensambles->nombre}}</h5>
                              <p class="text-muted text-sm mb-2">{{ $inventario_componentes_ensambles->categoria}} - {{ $inventario_componentes_ensambles->subcategoria}}</p>
                              
                            </div>


 

                          <form class="smart-form" method="POST" action="{{ route('inventarios_componentes/delete')}}">
                          @csrf
                          <input type="hidden" name="id" value="{{$inventario_componentes_ensambles->id}}">

                            <button type="submit" class="avtar avtar-s btn-link-danger btn-pc-default flex-shrink-0">
                              <i class="ti ti-trash f-20"></i>
                            </button> 

                          </form> 

                   

                          </div>
                           <div class="float-end"> 
                          </div><h5 class="mb-1"><b>Cantidad: {{ $inventario_componentes_ensambles->cantidad}}  </b> </h5>
                        </li>
 

                    @endforeach

 
                      </ul>
                    </div>
                    </div>
                    </div>


    </div>




      <!-- [ Main Content ] end -->
    </div>
  </div>

          <!-- DOM/Jquery table end -->
<!--main--> 

    <!-- datatable Js --> 
 
   <style type="text/css">
      #table-inventory-cat {
          table-layout:fixed;
        }
        #table-inventory-cat td {
          word-wrap: break-word !important; 
          white-space:inherit;
        }
        .page-header-title{
          padding-right: 50px;
        }
    </style>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="{{ URL::asset('js/plugins/jquery.dataTables.min.js')}}"></script>
<script src="{{ URL::asset('js/plugins/dataTables.bootstrap5.min.js')}}"></script>
<script src="{{ URL::asset('js/plugins/dataTables.responsive.min.js')}}"></script>
<script src="{{ URL::asset('js/plugins/responsive.bootstrap5.min.js')}}"></script>
<script src="{{ URL::asset('js/plugins/popper.min.js')}}"></script>
<script src="{{ URL::asset('js/plugins/simplebar.min.js')}}"></script>
<script src="{{ URL::asset('js/plugins/bootstrap.min.js')}}"></script>
<script src="{{ URL::asset('js/fonts/custom-font.js')}}"></script>
<script src="{{ URL::asset('js/pcoded.js')}}"></script>
<script src="{{ URL::asset('js/plugins/feather.min.js')}}"></script>

    <script>
      // [ DOM/jquery ] 
  $(document).ready(function()
            {
     // [ Configuration Option ]
      $('#table-inventory-cat').dataTable(
                { 
                    responsive: false,  
                    ordering: false, 
                    autoWidth: false,
                    pagingType: 'full_numbers',
                    dom: "<'row mb-3'<'col-sm-12 col-md-6 d-flex align-items-right justify-content-start'f><'col-sm-12 col-md-6 d-flex align-items-left justify-content-end'B>>" +
                        "<'row'<'col-sm-12'tr>>" +
                        "<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>",
                    buttons: [
                        {
                            extend: 'colvis',
                            text: 'Column Visibility',
                            titleAttr: 'Col visibility',
                            className: 'btn-outline-default'
                        },
                        {
                            extend: 'csvHtml5',
                            text: 'CSV',
                            titleAttr: 'Generate CSV',
                            className: 'btn-outline-default'
                        },
                        {
                            extend: 'copyHtml5',
                            text: 'Copy',
                            titleAttr: 'Copy to clipboard',
                            className: 'btn-outline-default'
                        },
                        {
                            extend: 'print',
                            text: '<i class="fal fa-print"></i>',
                            titleAttr: 'Print Table',
                            className: 'btn-outline-default'
                        }

                    ], 

                    

                }); // FIN DE TABLA
         // [ Configuration Option ]
      $('#table-requisicion').dataTable(
                {
                    responsive: true,
                    fixedHeader: true, 
                    select: 'single',
                    ordering: false, 
                    dom:  "<'row'<'col-sm-12'tr>>" +
                        "<'row'<'col-sm-12 col-md-5'i><'col-sm-12 col-md-7'p>>",
                    buttons: [
                        {
                            extend: 'colvis',
                            text: 'Column Visibility',
                            titleAttr: 'Col visibility',
                            className: 'btn-outline-default'
                        },
                        {
                            extend: 'csvHtml5',
                            text: 'CSV',
                            titleAttr: 'Generate CSV',
                            className: 'btn-outline-default'
                        },
                        {
                            extend: 'copyHtml5',
                            text: 'Copy',
                            titleAttr: 'Copy to clipboard',
                            className: 'btn-outline-default'
                        },
                        {
                            extend: 'print',
                            text: '<i class="fal fa-print"></i>',
                            titleAttr: 'Print Table',
                            className: 'btn-outline-default'
                        }

                    ], 

                    

                }); // FIN DE TABLA       
    }); // FIN DE TABLA

   function increaseValue(temp) {
        var value = parseInt(document.getElementById(temp).value, 10);
        value = isNaN(value) ? 0 : value;
        value++;
        document.getElementById(temp).value = value;
      }

      function decreaseValue(temp) {
        var value = parseInt(document.getElementById(temp).value, 10);
        value = isNaN(value) ? 0 : value;
        value < 1 ? (value = 1) : '';
        value--;
        document.getElementById(temp).value = value;
      }

    </script>
 

@endsection