@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('/paquetes') }}">Listado de Paquetes</a>&nbsp;<i class="fa fa-angle-right"></i>
                        </li>
                        <li class="active">Paquete - 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_combo_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_combo_id}}</a>
                          </li>
                          <li class="list-group-item">
                            <b>Detalle del Paquete</b> <a class="float-right">{{$data->servicio_combo_detalle}}</a>
                          </li>
                          <li class="list-group-item">
                            <b>Valor Paquete</b> <a class="float-right">{{number_format($valor_total_paquete,2,'.',',')}}</a>
                          </li>
                          <li class="list-group-item">
                            <b>Creado Por</b> <a class="float-right">MARVIN ARGUELLO</a>
                          </li>
                          <li class="list-group-item">
                            <b>Fecha Creación</b> <a class="float-right">{{$data->servicio_combo_fechacreacion}}</a>
                          </li>
                          <li class="list-group-item">
                            <b>Último Usuario Modificación</b> <a class="float-right">MARVIN ARGUELLO</a>
                          </li>
                           <li class="list-group-item">
                            <b>Última Fecha Modificación</b> <a class="float-right">{{$data->servicio_combo_fechamodificacion}}</a>
                          </li>
                          <li class="list-group-item">
                            <b>Estado Paquete</b> <a class="float-right">
                              @if($data->servicio_combo_estado == 1)
                                <span class="text-success">Activo</span>
                              @else
                                <span class="text-warning">Inactivo</span>
                              @endif
                            </a>
                          </li>
                        </ul>

                        <a href="{{url('paquete/'.$data->servicio_combo_id.'/editar')}}" class="btn btn-primary btn-block"><b><i class="fa fa-pencil-square-o"></i>Actualizar</b></a>
                        <a onclick="sendDelete({{$data->servicio_combo_id}},'paquete')" class="btn btn-danger btn-block"><b><i class="fa fa-trash-o"></i> Eliminar </b>
                        <a href="{{url('paquetes')}}" 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">
                        Servicios y/o Prodcutos en Paquete
                      </div><!-- /.card-header -->
                      <div class="card-body">
                        {!! Form::open(['url' => ['paquete/' . $data->servicio_combo_id . '/ver'],'method'=>'get','id'=>'frmFiltros']) !!} 
                        <div class="row">
                          <div class="col-md-5"></div>
                          <div class="tools mb-3 float-right">
                              <a href="{{url('listar/servicios/'.$data->servicio_combo_id)}}" class="btn bg-success text-white"><i class="fa fa-plus"></i>Agregar</a>
                              <a class="btn bg-warning text-white"><i class="fa fa-refresh"></i>Recalcular</a>
                              <a class="btn bg-info text-white" href="{{ url("paquete/"  . $data->servicio_combo_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>
                              <input type="hidden" id="accion" name="accion" value="2">
                          </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>Servicio / Producto</th>
                                      <th>Valor sin impuesto</th>
                                      <th>Porcentaje de impuestos</th>
                                      <th>Valor Individual (Impuesto Incluido)</th>
                                      <th>Cantidad</th>
                                      <th>Valor total</th>
                                      <th></th>
                                    </tr>
                                    <tr>
                                      <th></th>
                                      <th></th>
                                      <th></th>
                                      <th>
                                        {!! Form::select('producto',$productos, $producto, ['id'=>'producto','placeholder' => '-Seleccionar-','class'=>'form-control select2','style'=>'width: 80%;','onchange'=>"buscar('producto')"])  !!}
                                      </th>
                                      <th></th>
                                      <th>
                                        {!! Form::text('porcentaje',$porcentaje,['id'=>'porcentaje','class'=>'form-control','placeholder'=>'Porcentaje de impuestos','onchange'=>"buscar('porcentaje')"]) !!}
                                      </th>
                                      <th>
                                         {!! Form::text('val_impuesto',$val_impuesto,['id'=>'val_impuesto','class'=>'form-control','placeholder'=>'Valor Individual (Impuesto Incluido)','onchange'=>"buscar('val_impuesto')"]) !!}
                                      </th>
                                       <th>
                                        {!! Form::text('cantidad',$cantidad,['id'=>'cantidad','class'=>'form-control','placeholder'=>'Cantidad','onchange'=>"buscar('cantidad')"]) !!}
                                      </th>
                                      <th>
                                         {!! Form::text('valor',$valor,['id'=>'valor','class'=>'form-control','placeholder'=>'Valor total','onchange'=>"buscar('valor')"]) !!}
                                      </th>
                                      <th></th>
                                    </tr>
                                  </thead>
                                  <tbody>
                                    @foreach ($servicios as $item)
                                    <tr>
                                      <td>{{ $contador++ }}</td>
                                      <td><span>(No definido)</span></td>
                                      <td></td>
                                      <td>{{  $item->servicio_nombre }}</td>
                                      <td>₡ {{  number_format($item->servicio_valor,2,'.',',') }}</td>
                                      <td>
                                        @if ($item->impuesto_porcentaje)
                                            
                                          {{  $item->impuesto_porcentaje }} %
                                        @else
                                            <span class="text-danger">(No definido)</span>
                                        @endif
                                      </td>
                                      <td>
                                        @if ($item->impuesto_porcentaje)
                                            @if ($item->servicio_impuesto_incluido == 1)
                                                ₡ {{  number_format($item->servicio_valor,2,'.',',') }}
                                            @else
                                            ₡ {{  number_format($item->servicio_valor + ($item->servicio_valor * ($item->impuesto_porcentaje/100)),2,'.',',') }}
                                                
                                            @endif
                                        @else
                                          ₡ {{  number_format($item->servicio_valor,2,'.',',') }}
                                        @endif

                                      </td>
                                      <td>{{  $item->servicio_combo_detalle_cantidad }}</td>
                                      <td>₡ 
                                        @if ($item->impuesto_porcentaje)
                                            @if ($item->servicio_impuesto_incluido == 1)
                                                {{  number_format($item->servicio_valor * $item->servicio_combo_detalle_cantidad,2,'.',',') }}
                                            @else
                                                {{  number_format(($item->servicio_valor + ($item->servicio_valor * ($item->impuesto_porcentaje/100))) * $item->servicio_combo_detalle_cantidad,2,'.',',') }}
                                            @endif
                                        @else
                                            {{  number_format($item->servicio_valor * $item->servicio_combo_detalle_cantidad,2,'.',',') }}
                                        @endif
                                      </td>
                                    </tr>
                                    @endforeach
                                  </tbody>
                                </table>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div><!-- /.card-body -->
                    </div>
                    <!-- /.nav-tabs-custom -->
                </div>
                <!-- /.col -->

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

@endsection
@section('script')
   <script>
     function generar(){
            $('#accion').val(2);
            /* document.getElementById("frmFiltros").submit(); */
            $('#frmFiltros').submit()
        }
         function buscar(tipo){

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

              switch(tipo){
                  case 'porcentaje':
                      document.querySelector('#porcentaje').addEventListener('keyup', function(e) {
                          if (e.keyCode === ENTER_KEY_CODE) {
                              document.getElementById("frmFiltros").submit();
                          }
                      });
                  break;
                  case 'descripcion':
                      document.querySelector('#descripcion').addEventListener('keyup', function(e) {
                          if (e.keyCode === ENTER_KEY_CODE) {
                              document.getElementById("frmFiltros").submit();
                          }
                      });
                  break;
                  case 'valor':
                      document.querySelector('#valor').addEventListener('keyup', function(e) {
                          if (e.keyCode === ENTER_KEY_CODE) {
                              document.getElementById("frmFiltros").submit();
                          }
                      });
                  break;
                  
                  
                  
                  

                  default:
                      document.getElementById("frmFiltros").submit();
                  break;
              }

        }
   </script>
@endsection