@extends('layouts.app')

@section('content')
<!-- end sidebar menu -->
<!-- start page content -->
<div class="page-content-wrapper">
  <div class="page-content">
    <div class="page-bar">
      <div class="page-title-breadcrumb">
        <div class="pull-left">
          <div class="page-title text-danger">Bodega Código #{{$data->servicio_bodega_id}}</div>
        </div>
        <ol class="breadcrumb page-breadcrumb pull-right">
          <li><i class="fa fa-home"></i>&nbsp;<a class="parent-item" href="{{ url('/dashboard') }}">Inicio</a>&nbsp;<i class="fa fa-angle-right"></i>
          </li>
          <li><i class="fa fa-users"></i>&nbsp;<a class="parent-item" href="{{ url('/bodegas') }}">Listado de Servicio Bodegas</a>&nbsp;<i class="fa fa-angle-right"></i>
          </li>
          <li class="active">Servicio Bodega - ver</li>
        </ol>
      </div>
    </div>
    <!-- start widget -->
    <!-- start admited patient list -->
    <div class="row">
      <div class="col-md-3">
        <!-- Profile Image -->
        <div class="card card-primary card-outline">
          <div class="card-body box-profile">
            <h4 class="profile-username text-center"><strong>{{$data->servicio_bodega_nombre}}</strong></h4>
            <ul class="list-group list-group-unbordered mb-3">
              <li class="list-group-item">
                <b>Código Bodega</b> <a class="float-right">{{$data->servicio_bodega_id}}</a>
              </li>
              <li class="list-group-item">
                <b>Sede</b> <a class="float-right">{{$data->entidad->entidad_sigla.' - '.$data->entidad->entidad_nombre}}</a>
              </li>
              <li class="list-group-item">
                <b>Encargado</b> <a class="float-right">
                  {{ isset($data->encargado) ? $data->encargado->empleado_nombres.' '.$data->encargado->empleado_apellido1.' '.$data->encargado->empleado_apellido2 : 'N/A' }}
                </a>
              </li>
              <li class="list-group-item">
                <b>Empleados Autorizados</b> <a class="float-right">
                  @if (count($empleado_encargado) > 0)
                    @foreach ($empleado_encargado as $empleado)
                      {{$empleado->empleado_documento. ' '. $empleado->empleado_nombres.' '.$empleado->empleado_apellido1.' '.$empleado->empleado_apellido2 }} <br>
                    @endforeach
                      
                  @else
                    N/A
                  @endif
                </a>
              </li>
              <li class="list-group-item">
                <b>Teléfono</b> <a class="float-right">{{$data->servicio_bodega_telefono}}</a>
              </li>
              <li class="list-group-item">
                <b>Dirección</b> <a class="float-right">{{$data->servicio_bodega_direccion}}</a>
              </li>
              <li class="list-group-item">
                <b>Creado Por</b> <a class="float-right">{{$data->created_user}}</a>
              </li>
              <li class="list-group-item">
                <b>Fecha Creación</b> <a class="float-right">{{$data->servicio_bodega_fechacreacion}}</a>
              </li>
              <li class="list-group-item">
                <b>Observación</b> <a class="float-right">{{$data->servicio_bodega_observacion}}</a>
              </li>
            </ul>
            {{-- updateServicio-bodega-detalle --}}
           
            <a href="{{url('bodega/'.$data->servicio_bodega_id.'/editar')}}" class="btn btn-primary btn-block"><b><i class="fa fa-pencil-square-o"></i>Actualizar</b></a>
           
            {{-- deleteServicio-bodega-detalle --}}
            <a href="{{url('bodegas')}}" class="btn btn-warning btn-block"><b><i class="fa fa-chevron-left"></i> Volver a Lista</b></a>
          </div>
          <!-- /.card-body -->
        </div>
        <!-- /.card -->
      </div>

      <div class="col-md-9">
        <div class="card">
          <div class="card-header">
            Productos
          </div><!-- /.card-header -->
          <div class="card-body">
            <div class="row">
              <div class="col-md-7"></div>
              <div class="tools mb-3 float-right">
                {{-- agregarServicio-bodega-detalle --}}
                @if(auth()->user()->hasPermissionTo('agregarServicio-bodega-detalle'))
                <a href="{{url('listar/productos/bodega/'.$data->servicio_bodega_id)}}"
                  class="btn bg-success text-white">
                  <i class="fa fa-plus"></i>Agregar
                </a>
                @endif
                <a class="btn bg-info text-white" href="{{ url('bodega/'.$data->servicio_bodega_id.'/ver') }}">
                  <i class="fa fa-filter"></i>Limpiar Filtros</a>
                <a class="btn btn-default text-white"  onclick="generar()"><i class="fa fa-download"></i>Exportar</a>
              </div>
              <div class="col-md-12">
                <div class="table-wrap">
                  <div class="table-responsive">
                    <table class="table display product-overview mb-30">
                      <thead>
                        <tr>
                          <th>#</th>
                          <th></th>
                          <th>Imagen</th>
                          <th>Producto</th>
                          <th>Cantidad</th>
                          <th>Estado</th>
                        </tr>
                        <tr>

                          {!! Form::open(['url' => ['bodega/' .$data->servicio_bodega_id.'/ver' ],'method'=>'get','id'=>'frmFiltros']) !!}
                          <input type="hidden" value="1" id="accion" name="accion">
                          <th></th>
                          <th></th>
                          <th></th>
                          <th>
                            {!! Form::select('producto',$servicios_bodega, $producto, ['id'=>'producto','placeholder' => '-Seleccionar-','class'=>'form-control select2','style'=>'width: 80%;','onchange'=>"buscar('producto')"]) !!}
                          </th>
                          <th>
                            {!! Form::text('cantidad',$cantidad,['id'=>'cantidad','class'=>'form-control','placeholder'=>'Cantidad','onkeyup'=>"buscar('cantidad')"]) !!}
                          </th>
                          <th>
                            {!! Form::select('estado',['1'=>'En Bodega', '2' => 'Agotado'], $estado, ['id'=>'estado','placeholder' => '-Seleccionar-','class'=>'form-control select2','style'=>'width: 80%;','onchange'=>"buscar('estado')"]) !!}
                          </th>
                          {!! Form::close() !!}
                        </tr>
                      </thead>

                      <tbody>
                        @if(count($data_detalle)>0)
                        {{-- listar-productosServicio-bodega-detalle --}}
                        @if (auth()->user()->hasPermissionTo('listar-productosServicio-bodega-detalle'))
                            
                          @foreach($data_detalle as $item)
                            <tr>
                              <td>{{$item->servicio_bodega_detalle_id}}</td>
                              <td>
                                @php $idRandom = (rand(1,9999)*rand(99,9999));@endphp
                                <input type="hidden" id="accionExpa_{{($idRandom)}}" value="1">
                                <a class="btn btn-default" data-toggle="collapse" href="#detalle_{{$idRandom}}" role="button" aria-expanded="false" aria-controls="detalle_{{$idRandom}}"><span id="accion_{{($idRandom)}}" data-bs-toggle="tooltip" data-bs-placement="top" title="Expandir"><i class="fa fa-arrows"></i></span></a>
                              </td>
                              <td>No definido</td>

                              <td>{{$item->servicio_bodega_detalle_servicio_id}}</td>

                              <td>{{$item->servicio_bodega_detalle_cantidad}}</td>


                              <td>{{$item->servicio_bodega_detalle_estado}}</td>

                              <td class="center">
                                <div class="btn-group">
                                  @if(auth()->user()->hasPermissionTo('updateServicio-bodega-detalle'))
                                  <a href="{{url('producto/editar/'.$item->servicio_bodega_detalle_id.'/'.$data->servicio_bodega_id.'')}}" class="btn btn-tbl-update btn-xs" data-bs-toggle="tooltip" data-bs-placement="top" title="Actualizar">
                                    <i class="fa fa-edit"></i>
                                  </a>  
                                  @endif

                                </div>
                              </td>
                            </tr>

                            <tr style="background-color:#00cdcd;">
                                <td colspan="10" class="collapse multi-collapse" id="detalle_{{($idRandom)}}">
                                    <div class="row col-12">
                                        <div class="col-md-11">

                                            <div class="table-responsive">
                                                <table class="table table-wrap">

                                                    <tbody>
                                                        <tr>
                                                            <td class="bold"> Código Producto en Bodega</td>
                                                            <td>{{$item->servicio_bodega_detalle_id}}</td>

                                                        </tr>
                                                        <tr>
                                                        <td class="bold">Valor Producto</td>
                                                        <td>₡{{$item->servicio_bodega_detalle_valor_unitario}}</td>
                                                        </tr>

                                                        <tr>
                                                        <td class="bold">Cantidad</td>
                                                        <td>{{$item->servicio_bodega_detalle_cantidad}}</td>
                                                        </tr>

                                                        <tr>
                                                        <td class="bold">Creado Por</td>
                                                        <td>{{$item->servicio_bodega_detalle_creadopor}}</td>
                                                        </tr>

                                                        <tr>
                                                        <td class="bold">Fecha Creación</td>
                                                        <td>{{$item->servicio_bodega_detalle_fechacreacion}}</td>
                                                        </tr>

                                                        <tr>
                                                        <td class="bold">Ultimo Usuario Modificación</td>
                                                        <td>{{$item->servicio_bodega_detalle_modificadopor}}</td>
                                                        </tr>


                                                        <tr>
                                                        <td class="bold">Ultima Fecha Modificación</td>
                                                        <td>{{$item->servicio_bodega_detalle_fechamodificacion}}</td>
                                                        </tr>



                                                        <tr>
                                                        <td class="bold">Estado</td>
                                                        <td>{{$item->servicio_bodega_detalle_estado}}</td>
                                                        </tr>


                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>

                                    </div>
                                </td>
                            </tr>
                          @endforeach
                        @endif
                        @else
                        <tr>
                          <td colspan="10" class="text-center">No se encontraron resultados.</td>
                        </tr>
                        @endif
                      </tbody>

                    </table>
                  </div>
                </div>
              </div>
            </div>
          </div><!-- /.card-body -->
          <div class="card-footer">
            <div class="float-right">
                {{ $data_detalle->appends([
                    'producto' => $producto,
                    'estado' => $estado,
                    'cantidad' => $cantidad,

                ])->links() }}
            </div>
          </div>
        </div>
        <!-- /.nav-tabs-custom -->
      </div>
      <!-- /.col -->

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

@endsection

@section('script')
  <script>

function buscar(tipo){

    $('#accion').val(1);
    var textoSelect = $('#'+tipo).val();

    switch(tipo){
        case 'contrato_codigo':
        case 'contrato_codigo_fm':
        case 'contrato_fecha_inicial':
            if(textoSelect.length >= 3){
                document.getElementById("frmFiltros").submit();
            }
        break;
        case 'descripcion':
            if(textoSelect.length > 3){
                document.getElementById("frmFiltros").submit();
            }
        break;
        default:
            document.getElementById("frmFiltros").submit();
        break;
    }

    }

    function generar(){
            $('#accion').val(2);
            document.getElementById("frmFiltros").submit();
            // $('input[type=checkbox]').prop('checked', true);
            // alert('hola');
        }
  </script>
@endsection