@extends('layouts.planti')
@section('contenido')
@if(Session::has('success'))
<div class="alert alert-info">
    {{Session::get('success')}}
</div>
@endif
@php $oculto = true @endphp
<style>
    th {
        background-color: grey; color: white;
    }
</style>

<div class="row">
    <div class="col-md-12 col-sm-12 ">
        <!-- INICIO ENCABEZADO ------------------------------------------------------ -->
        <div class="accordion btn-success" id="accordion" role="tablist" aria-multiselectable="true">
        <div class="panel">
            <a class="panel-heading negro" role="tab" id="headingOne" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
            <h6 class="panel-title lgris"><span class="fa fa-chevron-down"></span>&nbsp;&nbsp;&nbsp;<b>Listado de Materiales :: </b>Registros mostrados <b>{{ count($tblInfo) }}</b></h6>
            </a>
            <div id ="collapseOne" class="panel-collapse collapse colla" role="tabpanel" aria-labelledby="headingOne">
                <form action = "{{ route('rexmaterial.store') }}" method="post" accept-charset="utf-8" enctype="multipart/form-data">
                    @csrf
                    <div class="panel-body negro">
                        <input type = "text" hidden id="txtId" name="txtId" value="{{ $reg->id }}">
                        <div class="row">
                            <div class="col-md-3">Codigo           <input type = "text"     id="txtCodigo"          name="txtCodigo"          Class="form-control" value="{{ $reg->codigo }}" required></div>
                            <div class="col-md-3">Nombre           <input type = "text"     id="txtNombre"          name="txtNombre"          Class="form-control" value="{{ $reg->nombre }}" required></div>
                            <div class="col-md-3">Subpartida       <input type = "text"     id="txtSubpartida"      name="txtSubpartida"      Class="form-control" value="{{ $reg->subpartida }}"></div>
                            <div class="col-md-3">Imo              <input type = "text"     id="txtImo"             name="txtImo"             Class="form-control" value="{{ $reg->imo }}"></div>
                            <div class="col-md-3">Un               <input type = "text"     id="txtUn"              name="txtUn"              Class="form-control" value="{{ $reg->un }}"></div>
                            <div class="col-md-3">Packing Group    <input type = "text"     id="txtPg"              name="txtPg"              Class="form-control" value="{{ $reg->pg }}"></div>
                            <div class="col-md-3">Fp               <input type = "text"     id="txtFp"              name="txtFp"              Class="form-control" value="{{ $reg->fp }}"></div>
                            <div class="col-md-3">m_p              <input type = "text"     id="txtMp"              name="txtMp"              Class="form-control" value="{{ $reg->m_p }}"></div>
                            <div class="col-md-3">Cant. Linerada   <input type = "text"     id="txtCl"              name="txtCl"              Class="form-control" value="{{ $reg->cl }}"></div>
                            <div class="col-md-3">co               <input type = "text"     id="txtCo"              name="txtCo"              Class="form-control" value="{{ $reg->co }}"></div>
                            <div class="col-md-3">Volumen Pres.    <input type = "text"     id="txtVolPresentacion" name="txtVolPresentacion" Class="form-control" value="{{ $reg->vol_presentacion }}"></div>
                            <div class="col-md-3">Unid. Volumen    <input type = "text"     id="txtUVPresentacion"  name="txtUVPresentacion"  Class="form-control" value="{{ $reg->uv_presentacion }}"></div>
                            <div class="col-md-3">Unid. x Caja     <input type = "text"     id="txtUnidadesCaja"    name="txtUnidadesCaja"    Class="form-control" value="{{ $reg->unidades_caja }}"></div>
                            <div class="col-md-3">Cajas Pallet     <input type = "text"     id="txtCajasPallet"     name="txtCajasPallet"     Class="form-control" value="{{ $reg->cajas_pallet }}"></div>
                            <div class="col-md-3">Posicion Estibas <input type = "text"     id="txtEstibasPos"      name="txtEstibasPos"      Class="form-control" value="{{ $reg->estibas_pos }}"></div>
                            <div class="col-md-1">Inactivo         <input type = "checkbox" id="chkInactivo"        name="chkInactivo"        Class="form-control" value="1"  @if ($reg->inactivo == 1)) checked="checked" @endif style="margin-top: 0px"></div>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-md-5">
                                <button class="btn btn-success sinm"><span class="fa fa-save"></span>&nbsp;Guardar</button>
                                <a href = " {{asset('/rexmaterial')}}" class="btn btn-danger sinm"><spam class="fa fa-file-o sinm"></spam>&nbsp;Nuevo</a>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        </div>
        <!-- FIN ENCABEZADO ------------------------------------------------------ -->
        <br> 
            <div id = "" class="col-md-12 col-sm-12" role="tabpanel" aria-labelledby="headingOne">
            <Form action = "{{ asset('rexmaterialsrh') }}" method="post" accept-charset="utf-8" enctype="multipart/form-data">
                @csrf
                <div class="panel-body negro">
                    <table style = "width: 100%">
                        <tr>
                            <td class="abajo">
                                <input type = "text" id="txtBuscar" name="txtBuscar" class="form-control" value="{{ $reg->bus }}" placeholder="Codigo o Nombre de ExMaterial" required>
                            </td> 
                            <td class="abajo">
                                <button class="btn btn-success sinm"><span class="fa fa-search"></span>&nbsp;Buscar</button>
                            </td>
                        </tr>
                        <tr> <td> <br></td></tr> 
                    </table>
                </div>
            </form>
        </div>  
        <div class="x_panel">
            <div class="x_content">
                <div class="row">
                    <div class="col-sm-12">
                        <div class="card-box table-responsive">
                            <table  class=" table table-hover" data-page-length="7" style="color:dimgray">
                                <thead>
                                     <th> <center>CODIGO</center></th>
                                     <th> <center>NOMBRE</center></th>
                                     <th> <center>VOL. PRES</center></th>
                                     <th> <center>UV</center></th>
                                     <th> <center>UN. CAJA</center></th>
                                     <th> <center>CAJ. PALLET</center></th>
                                     <th> <center>POS.ESTIBA</center></th>
                                     <th> <center>SUBPARTIDA</center></th>
                                     <th><center>EDITAR</center></th>
                                     <th><center>ELIMINAR</center></th>
                                </thead>
                                <tbody>
                                    @if(count($tblInfo)) 
                                        @foreach($tblInfo As $fil)  
                                            <tr style = "background-color: {{ ($fil->inactivo==1)?'#FEDFAF':'' }}">  
                                                <td align ="center">{{ $fil->codigo }}</td>
                                                <td align ="center">{{ $fil->nombre }}</td>
                                                <td align ="center">{{ number_format($fil->vol_presentacion ?? 0,2) }}</td>
                                                <td align ="center">{{ $fil->uv_presentacion }}</td>
                                                <td align ="center">{{ number_format($fil->unidades_caja ?? 0,2) }}</td>
                                                <td align ="center">{{ $fil->cajas_pallet }}</td>
                                                <td align ="center">{{ $fil->estibas_pos }}</td>
                                                 <td align ="center">{{ $fil->subpartida }}</td>
                                                <td align ="center">
                                                    <a href = " {{asset('rexmaterial/editar')}}/{{base64_encode($fil->id)}}" class="btn btn-success RVERDE" >
                                                    <span class="fa fa-edit"></span></a>
                                               </td>
                                               <td align ="center">
                                                    <form action="{{action('ExMaterialController@destroy', base64_encode($fil->id) )}}" method="post" onclick="return confirm('¿Seguro que deseas eliminarlo?')">
                                                      @csrf
                                                      <input name = "_method" type="hidden" value="DELETE">
                                                      <button class="btn btn-danger BTN-SM" type="submit"><span class="fa fa-trash"></span></button>
                                                    </form>
                                               </td>

                                            </tr>  
                                        @endforeach
                                    @else
                                          <tr>
                                              <td colspan = "9">No hay registro !!</td>
                                          </tr>
                                    @endif 
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <center> {{  $tblInfo->links()  }} </center>
                   
                </div>
            </div>
        </div>
    </div>
</div>   

<script>
    $(document).ready(function(){
        $('#tablaDatos').DataTable({
            "order": []
        });
    });
    
</script>
@endsection