@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">{{$registro->servicio_combo_nombre}}</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-square"></i>&nbsp;<a class="parent-item" href="{{ url('/paquete/'.$registro->servicio_combo_id.'/ver') }}">Paquetes - Ver</a>
                            <i class="fa fa-angle-right"></i>
                        
                       
                        </li>
                      
                        <li class="active">Agregar - Servicios y/o Prodcutos en Paquete</li>
                       
                    </ol>
                </div>
               

            </div>
            <div class="page-bar">
                <div class="page-title-breadcrumb">
                    <div class="float-right">
                    <a class="btn bg-info text-white mb-2" href="{{ url('listar/producto/' . $registro->servicio_bodega_entidad_id) }}"><i class="fa fa-filter"></i>Limpiar Filtros</a>
                    
                        <a href="{{ url('paquete/'.$id .'/ver' )}}"  class="btn bg-warning text-white mb-2"><i class="fa fa-angle-left"></i>Volver a lista</a>
                    
                </div>
                </div>
                
            </div>
            <!-- start widget -->
            <!-- start admited patient list -->
            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="card  card-box">
                        <div class="card-head">
                           
                            <header>Agregar - Servicios y/o Prodcutos en Paquete</header>
                           
                        </div>
                        <div class="card-body">
                            {!! Form::open(['url' => ['listar/servicios/' . $registro->servicio_bodega_entidad_id],'method'=>'get','id'=>'frmFiltros']) !!} 
                            <div class="table-wrap">
                                <div class="table-responsive">
                                    <table class="table display product-overview mb-30">
                                        <thead>
                                            <tr>
                                                <th>#</th>
                                                <th>Imagen</th>
                                                <th>Servicio Tipo</th>
                                                <th>Nombre</th>
                                                <th>Valor Servicio/Cuota</th>
                                               
                                                <th>Impuesto</th>
                                                <th>¿Impuesto Incluido en Valor?</th>
                                                <th>Valor + Impuesto</th>
                                              
                                                <th></th>
                                            </tr>
                                            <tr>
                                                <th></th>
                                                <th></th>
                                                <th>
                                                    {!! Form::select('tipo', $tipos, $tipo, ['id'=>'tipo','placeholder' => '-Seleccionar-','class'=>'form-control select2','style'=>'width: 80%;','onchange'=>"buscar('tipo')"])  !!}
                                                </th>
                                                <th>
                                                    {!! Form::text('nombre',$nombre,['id'=>'nombre','class'=>'form-control','placeholder'=>'Nombre','onkeyup'=>"buscar('nombre')"]) !!}
                                                </th>
                                                <th>
                                                    {!! Form::text('valor',$valor,['id'=>'valor','class'=>'form-control','placeholder'=>'Valor Servicio/Cuota','onchange'=>"buscar('valor')"]) !!}
                                                </th>
                                              
                                                <th>
                                                    {!! Form::select('tipo', [1=>'Si',0=>'No'], null, ['id'=>'tipo','placeholder' => '-Seleccionar-','class'=>'form-control select2','style'=>'width: 80%;','onchange'=>"buscar('tipo')"])  !!}
                                                </th>
                                                <th>
                                                    {!! Form::select('tipo', [1=>'Si',0=>'No'], null, ['id'=>'tipo','placeholder' => '-Seleccionar-','class'=>'form-control select2','style'=>'width: 80%;','onchange'=>"buscar('tipo')"])  !!}
                                                </th>
                                                <th></th>
                                               
                                                <th></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($data as $item)
                                                <tr>
                                                    <td>{{$item->servicio_id}}</td>
                                                    <td>
                                                        @if($item->servicio_imagen == '')
                                                            <span class="text-danger">(no definido)</span>
                                                        @else
                                                            {{$item->servicio_imagen}}
                                                        @endif
                                                    </td>
                                                    <td>
                                                        @if(isset($item->servicio_servicio_tipo_id))
                                                            {{$item->servicio_tipo_nombre }}
                                                        @else
                                                            <span class="text-danger">(no definido)</span>
                                                        @endif
                                                    </td>
                                                    <td>{{$item->servicio_nombre}}</td>
                                                    <td>₡{{number_format($item->servicio_valor,2,',',',')}}</td>
                                                   
                                                    <td>
                                                        @if(isset($item->impuesto))
                                                            {{$item->impuesto->impuesto_nombre.'('.$item->impuesto->impuesto_porcentaje.'%)'}}
                                                        @else
                                                            <span class="text-danger">(no definido)</span>
                                                        @endif
                                                    </td>
                                                    <td class="text-center">
                                                        @if($item->servicio_impuesto_incluido != 1)
                                                            No
                                                        @else
                                                            Si
                                                        @endif
                                                    </td>
                                                    <td>₡
                                                        @if(isset($item->impuesto))
                                                            {{ number_format(( $item->servicio_valor + ($item->servicio_valor * ($item->impuesto->impuesto_porcentaje / 100))),2,',',',') }}
                                                        @else
                                                            {{number_format($item->servicio_valor,2,'.',',')}}
                                                        @endif
                                                    </td>
                                                   
                                                    <td>
                                                        <div class="btn-group">
                                                          
                                                     
                                                          {{--   <a 
                                                            href="{{url('producto/agregar/'.$item->servicio_id.'/'.$registro->servicio_bodega_id.'')}}">    --}} 
                                                                <button 
                                                                    type="button" 
                                                                    class="btn btn-tbl-update btn-xs" 
                                                                    data-bs-toggle="tooltip" 
                                                                    data-bs-placement="top" 
                                                                    title="Agregar"
                                                                    onclick="agregarServicioPaquete({{$item->servicio_id}},{{$registro->servicio_combo_id}})"
                                                                    >
                                                                <i class="fa fa-plus"></i>
                                                           {{--  </a> --}}
                                                            </button>
                                                        
                                                        </div>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col">
                                    {{ $data->appends([
                                        'tipo' => $tipo,
                                        'nombre' => $nombre,
                                        'valor' => $valor,
                                        ])->links()
                                 }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script>
        function buscar(tipo){

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

switch(tipo){
    case 'nombre':
        document.querySelector('#nombre').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;
}

}
    function agregarServicioPaquete(servicio_id, combo_id){
        Swal.fire({
            title: '¿Está seguro de agregar este servicio/producto al paquete?',
            text: "",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#28a745',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Si, agregar',
            cancelButtonText: 'Cancelar'
            }).then((result) => {
            if (result.isConfirmed) {
                $.ajax({
                    url: "{{ url('paquete/agregar/servicio') }}",
                    type: "PUT",
                    data: {
                        _token: "{{ csrf_token() }}",
                        servicio_id: servicio_id,
                        combo_id: combo_id
                    },
                    success: function(response) {
                        if(response.success){
                            Swal.fire({
                                title: 'Servicio/producto agregado correctamente',
                                text: "",
                                icon: 'success',
                                confirmButtonColor: '#28a745',
                                confirmButtonText: 'Ok'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    /* paquete/3/ver */
                                    window.location.href = "{{ url('paquete/'.$registro->servicio_combo_id.'/ver') }}";
                                }
                            })
                        }else{
                            Swal.fire({
                                title: 'Error al agregar el servicio/producto',
                                text: "",
                                icon: 'error',
                                confirmButtonColor: '#28a745',
                                confirmButtonText: 'Ok'
                            })
                        }
                    },
                    error: function(xhr, status, error) {
                        Swal.fire({
                            title: 'Error al agregar el servicio/producto',
                            text: "",
                            icon: 'error',
                            confirmButtonColor: '#28a745',
                            confirmButtonText: 'Ok'
                        })
                    }
                });
            }
        })
    }


    </script>
@endsection