@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">Sin Sucursal</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 class="active">Listado de Incrementos</li>
                    </ol>
                </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>Listado de Incrementos </header>
                        </div>

                    </div>

                </div>

            </div>


            <div class="row ">
                <div class="col-sm-12 col-md-3 card p-2">
                    <!-- Profile Image -->
                    <div class="box box-success">
                        <div class="box-body">
                            <h4 class="profile-username text-center">
                                {{ $contratoIncremento->contrato_incremento_nombre_listado }}</h4>
                            <table class="table table-striped">
                                <tbody>
                                    <tr>
                                        <th>Forma de Pago</th>
                                        <td>{{ $contratoIncremento->forma_pago_nombre }}</td>
                                    </tr>
                                    <tr>
                                        <th>Asociación Solidarista</th>
                                        <x-validated-td :item="$contratoIncremento->cliente_entidad_nombre" />
                                    </tr>
                                    <tr>
                                        <th>Fecha Inicial</th>
                                        <td>{{ $contratoIncremento->contrato_incremento_fecha_inicial }} </td>
                                    </tr>
                                    <tr>
                                        <th>Fecha Final</th>
                                        <td>{{ $contratoIncremento->contrato_incremento_fecha_final }}</td>
                                    </tr>
                                    <tr>
                                        <th>Fecha Creación</th>
                                        <td>{{ $contratoIncremento->contrato_incremento_fecha_creacion }}</td>
                                    </tr>
                                    <tr>
                                        <th>Creado Por</th>
                                        <td>Avantec</td>
                                    </tr>
                                    <tr>
                                        <th>Fecha Modificación</th>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <th>Modificado Por</th>
                                        <td></td>
                                    </tr>
                                    <tr>
                                        <th>Observación</th>
                                        <td>{{ $contratoIncremento->contrato_incremento_observacion }}</td>
                                    </tr>
                                    <tr>
                                        <th>Estado</th>
                                        <td>
                                            @if ($contratoIncremento->contrato_incremento_estado == 1)
                                                <span class="label label-info">
                                                    Abierto
                                                </span>
                                            @elseif($contratoIncremento->contrato_incremento_estado == 2)
                                                <span class="label label-primary">
                                                    Procesado
                                                </span>
                                            @endif
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            {{--  @dump($contratoIncremento->contrato_incremento_estado) --}}
                            @if ($contratoIncremento->contrato_incremento_estado == 1)
                            {{-- procesarContrato-incremento --}}
                            @if (auth()->user()->hasPermissionTo('procesarContrato-incremento'))
                                <form
                                    action="{{ url('contrato-incremento-procesar/' . $contratoIncremento->contrato_incremento_id) }}"
                                    method="post">
                                    @csrf
                                    <button class="btn btn-success  btn-block" type="submit">
                                        <i class="fa fa-gears">>
                                        </i> Procesar
                                    </button>
                                </form>
                            @endif
                                <a href="{{url('contrato-incremento/'.$contratoIncremento->contrato_incremento_id.'/editar')}}" class="btn btn-primary  btn-block mt-2"><i class="fa fa-pencil-square-o"></i>
                                    Actualizar</a>

                                @if (auth()->user()->hasPermissionTo('anularContrato-incremento'))
                                    
                                    <form
                                        action="{{ url('contrato-incremento-anular/' . $contratoIncremento->contrato_incremento_id) }}"
                                        method="post">
                                        @csrf
                                        @method('put')
                                        <button class="btn btn-danger btn-block my-2" type="submit">
                                            <i class="fa fa-ban">
                                            </i> Anular
                                        </button>
                                    </form>
                                @endif
                            @endif
                            <a class="btn btn-warning  btn-block" href="{{ url('contrato/incremento/lista') }}"><i
                                    class="fa fa-chevron-left">
                                </i> Volver</a>
                        </div>
                    </div>
                    <!-- /.card -->
                </div>
                <!-- /.column -->
                <div class="col-sm-12 col-md-9 card">
                    <div class="row alert alert-info mt-1">
                        <div class="col-8">
                            <div class="">
                                <p>Contratos a incrementar</p>
                                <span>Total de {{ count($contrato_incremento_detalle) }} Elementos</span>
                            </div>
                        </div>
                        <div class="col">

                            <div class="kv-panel-before">
                                <div class="btn-toolbar kv-grid-toolbar toolbar-container pull-right">
                                    <div class="btn-group">
                                        <a class="btn btn-default"
                                            href="{{ url('contrato-incremento-show/' . $contratoIncremento->contrato_incremento_id) }}"
                                            title="Limpiar Filtros"><i class="fa fa-repeat"></i></a>
                                    </div>
                                    @if ($contratoIncremento->contrato_incremento_estado == 1)

                                        <div class="btn-group">
                                            @if (auth()->user()->hasPermissionTo('update-percentContrato-incremento'))
                                            <a class="btn btn-warning" title="Actualizar porcentaje a todos"
                                                class="btn btn-primary" data-toggle="modal"
                                                data-target="#exampleModalPorcentaje">
                                                <i class="fa fa-percent"></i>
                                            </a>
                                            @endif

                                        </div>
                                        <div class="modal fade" id="exampleModalPorcentaje" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                            <div class="modal-dialog">
                                              <div class="modal-content">
                                                <div class="modal-header">
                                                  <h5 class="modal-title" id="exampleModalLabel">Actualizar Porcentaje</h5>
                                                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                    <span aria-hidden="true">&times;</span>
                                                  </button>
                                                </div>
                                                {{-- update-percentContrato-incremento --}}
                                               
                                                    <form action="{{ url('update_porcentajes_listados/' . $contratoIncremento->contrato_incremento_id) }}" method="post">
                                                    <div class="modal-body">
                                                        @csrf
                                                        @method('put')
                                                            <input type="text" name="porcentaje" class="form-control">
                                                            <input type="hidden" name="contrato_incremento_detalle" value="{{$contratoIncremento->contrato_incremento_id}}">


                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="submit" class="btn btn-primary">Guardar</button>

                                                    </div>
                                                </form>
                                                    
                                                
                                              </div>
                                            </div>
                                          </div>
                                        <div class="btn-group">
                                            {{-- marcar-todosContrato-incremento --}}
                                            @if (auth()->user()->hasPermissionTo('marcar-todosContrato-incremento'))                                                
                                                <a class="btn btn-success"
                                                    type="button"

                                                    title="Marcar Todo"
                                                    onclick="changeProcesarTrueMasivo();">
                                                    <i class="fa fa-check-square"></i>
                                                </a>
                                            @endif
                                        </div>
                                        <div class="btn-group">
                                            {{-- desmarcar-todosContrato-incremento --}}
                                            @if (auth()->user()->hasPermissionTo('desmarcar-todosContrato-incremento'))
                                                
                                            <a class="btn btn-danger"
                                                type="submit"
                                                title="Desmarcar Todo"
                                                onclick= "changeProcesarFalseMasivo()"
                                                ><i
                                                    class="fa fa-minus-square">
                                                </i>
                                            </a>
                                            @endif

                                        </div>
                                    @endif
                                    {!! Form::open([
                                        'url' => ['contrato-incremento-show', $contratoIncremento->contrato_incremento_id],
                                        'method' => 'get',
                                        'id' => 'frmFiltros',
                                    ]) !!}
                                    <input type="hidden" id="accion" name="accion" value="2">
                                    <div
                                        class="btn-group">
                                        <button
                                        class="btn btn-primary dropdown-toggle"
                                        type="button"
                                        data-toggle="dropdown"
                                        aria-expanded="false"
                                        onclick="generar()"
                                        >
                                        <i class="fa fa-download"></i>
                                      </button>
                                    </div>
                                </div>

                                <div class="clearfix"></div>

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

                    <table class="table table-responsive table-striped">
                        <thead>
                            <tr class="text-center">
                                <th>#</th>
                                <th>Cédula Cliente</th>
                                <th>Cliente Id</th>
                                <th>Contrato</th>
                                <th>Forma de Pago</th>
                                <th>Asociación</th>
                                <th>Es Banco Popular?</th>
                                <th>Servicio Contrato</th>
                                <th>Fecha Incremento Contrato</th>
                                <th>Valor actual</th>
                                <th>Porcentaje Incremento</th>
                                <th>Nuevo Valor</th>
                                <th>Nueva Fecha Proximo Incremento</th>
                                <th>Procesar</th>
                                <th>Estado</th>
                            </tr>

                            <tr>
                                <th></th>
                                <th></th>
                                <th>{!! Form::select('cliente', [], null, [
                                    'id' => 'cliente',
                                    'class' => 'form-control select2',
                                    'onchange' => "buscar('cliente')",
                                ]) !!}</th>
                                <th>{!! Form::text('contrato', null, [
                                    'id' => 'contrato',
                                    'class' => 'form-control',
                                    'onchange' => "buscar('contrato')",
                                ]) !!}</th>
                                <th>{!! Form::select('forma_pago', $forma_pago, null, [
                                    'id' => 'forma_pago',
                                    'class' => 'form-control',
                                    'placeholder' => 'Seleccionar',
                                    'onchange' => "buscar('forma_pago')",
                                ]) !!}</th>
                                <th>{!! Form::select('entidad', $asociaciones, null, [
                                    'id' => 'asociaciones',
                                    'class' => 'form-control',
                                    'placeholder' => 'Seleccionar',
                                    'onchange' => "buscar('asociaciones')",
                                ]) !!}</th>
                                <th>{!! Form::select('banco', ['0' => 'No', '1' => 'Si'], null, [
                                    'id' => 'banco',
                                    'class' => 'form-control',
                                    'placeholder' => 'Seleccionar',
                                    'onchange' => "buscar('banco')",
                                ]) !!}</th>
                                <th>{!! Form::select('contrato_servicio', [], null, [
                                    'id' => 'servicio',
                                    'class' => 'form-control',
                                    'onchange' => "buscar('servicio')",
                                ]) !!}</th>
                                <th>{!! Form::date('fecha_incremento', null, [
                                    'id' => 'fecha_incremento',
                                    'class' => 'form-control',
                                    'onchange' => "buscar('fecha_incremento')",
                                ]) !!}</th>
                                <th>{!! Form::text('valor_actual', null, [
                                    'id' => 'valor_actual',
                                    'class' => 'form-control',
                                    'onchange' => "buscar('valor_actual')",
                                ]) !!}</th>
                                <th>{!! Form::text('porcentaje', null, [
                                    'id' => 'porcentaje',
                                    'class' => 'form-control',
                                    'onchange' => "buscar('porcentaje')",
                                ]) !!}</th>
                                <th>{!! Form::text('valor_new', null, [
                                    'id' => 'valor_new',
                                    'class' => 'form-control',
                                    'onchange' => "bucar('valor_new')",
                                ]) !!}</th>
                                <th>{!! Form::date('new_fecha_incremento', null, [
                                    'id' => 'new_fecha_incremento',
                                    'class' => 'form-control',
                                    'onchange' => "buscar('new_fecha_incremento')",
                                ]) !!}</th>
                                <th>{!! Form::select('procesar', ['1' => 'Si', '0' => 'No'], null, [
                                    'id' => 'procesar',
                                    'class' => 'form-control',
                                    'placeholder' => 'Seleccionar',
                                    'onchange' => "buscar('procesar')",
                                ]) !!}</th>
                                <th>{!! Form::select('estado', ['1' => 'Por Incrementar', '2' => 'Con Incremento', '0' => 'Sin Incremento'], null, [
                                    'id' => 'estado',
                                    'class' => 'form-control',
                                    'placeholder' => 'Seleccionar',
                                    'onchange' => "buscar('estado')",
                                ]) !!}</th>
                            </tr>
                            {!! Form::close() !!}
                        </thead>
                        <tbody>
                            @foreach ($contrato_incremento_detalle as $item)
                                <tr class="text-center">
                                    <td>{{ $item->contrato_incremento_detalle_id }}</td>
                                    <td>{{ $item->contrato->cliente->cliente_documento }}</td>
                                    <td>{{ $item->contrato->cliente->cliente_nombres }}
                                        {{ $item->contrato->cliente->cliente_apellido1 }}</td>
                                    <td>{{ $item->contrato_codigo }}</td>
                                    <td>{{ $item->contrato->forma_pago->forma_pago_nombre }}</td>
                                    <td>{{ $item->cliente_entidad_nombre ?? 'No definido' }}</td>
                                    <td>No definido</td>
                                    <td>{{ $item->servicio_nombre }}</td>
                                    <td>{{ $item->contrato_incremento_detalle_fecha_incremento_actual }}</td>
                                    <td>

                                        ₡
                                        {{ number_format($item->contrato_incremento_detalle_valor_actual, 2, '.', ',') }}
                                    </td>
                                    <td>
                                        @if ($contratoIncremento->contrato_incremento_estado == 1)

                                            <a data-toggle="modal"
                                                data-target="#exampleModal"
                                                style="cursor: pointe">
                                                {{ $item->contrato_incremento_detalle_porcentaje_incremento }}

                                            </a>
                                        @else
                                        {{ $item->contrato_incremento_detalle_porcentaje_incremento }}
                                        @endif
                                    </td>
                                    <td>
                                        ₡
                                        {{ number_format($item->contrato_incremento_detalle_nuevo_valor, 2, '.', ',') }}
                                    </td>
                                    <td>{{ $item->contrato_incremento_detalle_nueva_fecha_incremento }}</td>
                                    <td>
                                        {{-- {{ $item->contrato_incremento_detalle_procesar }} --}}

                                        @if ($contratoIncremento->contrato_incremento_estado == 1)
                                        <input
                                            type="checkbox" id="es_banco_popular"
                                            name="es_banco_popular"
                                            data-off="No"
                                            data-on="Si"
                                            data-toggle="toggle"
                                            data-onstyle="primary"
                                            data-offstyle="danger"
                                            {{ $item->contrato_incremento_detalle_procesar == 1 ? 'checked' : '' }}
                                            onchange="changeProcesar()"
                                            >
                                        @else
                                            <input
                                            type="checkbox" id="es_banco_popular"
                                            name="es_banco_popular"
                                            data-off="No"
                                            data-on="Si"
                                            data-toggle="toggle"
                                            data-onstyle="primary"
                                            data-offstyle="danger"

                                            {{ $item->contrato_incremento_detalle_procesar == 1 ? 'checked' : '' }}
                                            >
                                        @endif
                                    </td>
                                    <td>
                                        @if ($item->contrato_incremento_detalle_estado == 1)
                                            <p class="badge badge-primary">Pendiente por incrementar</p>
                                        @elseif($item->contrato_incremento_detalle_estado == 2)
                                            <p class="badge badge-success">Incrementado</p>
                                        @else
                                            <p class="badge badge-danger">No incrementar</p>
                                        @endif
                                    </td>
                                    <div class="modal fade" id="exampleModal"
                                        tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                        <div class="modal-dialog">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 class="modal-title" id="exampleModalLabel">Actualizar Porcentaje
                                                    </h5>
                                                    <button type="button" class="close" data-dismiss="modal"
                                                        aria-label="Close">
                                                        <span aria-hidden="true">&times;</span>
                                                    </button>
                                                </div>
                                                <div class="modal-body">
                                                    <form
                                                        action="{{ url('contrato-incremento/actualizar-porcentaje/' . $item->contrato_incremento_detalle_id) }}"
                                                        method="post">
                                                        @csrf
                                                        @method('put')
                                                        <input type="number"
                                                            name="contrato_incremento_detalle_porcentaje_incremento"
                                                            id="" class="form-control">
                                                        <input type="hidden" name="contrato_incremento_detalle"
                                                            id="contrato_incremento_detalle_id"
                                                            value="{{ $item->contrato_incremento_detalle_id }}">

                                                        <div class="card-footer">
                                                            <button type="submit" class="btn btn-primary">
                                                                <i class="bi bi-check"></i>
                                                            </button>
                                                        </div>
                                                    </form>
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                    <!-- /.tab-content -->

                    <!-- /.card-body -->
                    <div>
                        {{ $contrato_incremento_detalle->links() }}
                    </div>
                </div>
                <!-- /.nav-tabs-custom -->
            </div>

        </div>

    </div>
@endsection

@section('script')
    <script>
        function changeProcesar(id) {

            $.ajax({
                type: "PUT",
                url: "{{ asset('') . 'contrato_incremento_detalle_cambiar_procesar/' }}" + id,
                data: {
                    "_token": "{{ csrf_token() }}",

                },
                success: function(res) {
                    if (res) {
                        /*  Swal.fire({
                             title: 'Actualizado correctamente',
                             text: "",
                             icon: 'success',
                             showCancelButton: false,
                             confirmButtonColor: '#3085d6'
                         }); */
                    }
                },
                dataType: "json"
            });

           /*  window.location.reload() */
        }

        function changeProcesarTrueMasivo(id) {

            $.ajax({
                type: "PUT",
                url: "{{ asset('') . 'contrato_incremento_detalle_cambiar_procesar_masivo/' }}" + id,
                data: {
                    "_token": "{{ csrf_token() }}",

                },
                success: function(res) {
                    if (res) {
                        /*  Swal.fire({
                             title: 'Actualizado correctamente',
                             text: "",
                             icon: 'success',
                             showCancelButton: false,
                             confirmButtonColor: '#3085d6'
                         }); */
                    }
                },
                dataType: "json"
            });

            window.location.reload()
        }
        function changeProcesarFalseMasivo(id) {

            $.ajax({
                type: "PUT",
                url: "{{ asset('') . 'contrato_incremento_detalle_cambiar_procesar_false_masivo/' }}" + id,
                data: {
                    "_token": "{{ csrf_token() }}",

                },
                success: function(res) {
                    if (res) {
                        /*  Swal.fire({
                             title: 'Actualizado correctamente',
                             text: "",
                             icon: 'success',
                             showCancelButton: false,
                             confirmButtonColor: '#3085d6'
                         }); */
                    }
                },
                dataType: "json"
            });

            window.location.reload()
        }

        $(document).ready(function() {

            $('#cliente').select2({
                ajax: {
                    dataType: 'json',
                    url: '{{ url('ajax/users') }}',
                    delay: 250,
                    //minimumInputLength: 3,
                    data: function(param) {
                        let q = param.term.toLowerCase()
                        var query = {
                            search: q
                        }

                        console.log('query :', query)
                        return query;
                    },
                    processResults: function(data, page) {
                        return {
                            results: data
                        };
                    },
                    theme: "classic"
                }
            });


            $('#servicio').select2({
                ajax: {
                    dataType: 'json',
                    url: "{{ asset('') . 'servicio/ajax' }}",
                    delay: 250,
                    minimumInputLength: 3,
                    data: function(params) {
                        var query = {
                            search: params.term.toLowerCase(),
                        }

                        return query;
                    },
                    processResults: function(data, page) {
                        return {
                            results: data
                        };
                    },
                    theme: "classic"
                }
            });


        });

        function generar(){
            $('#accion').val(2);
            document.getElementById("frmFiltros").submit();
        }

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

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

                case 'contrato':

                    document.querySelector('#contrato').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        }
                    });
                    break;
                case 'contrato_fm':


                    document.querySelector('#contrato_fm').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        }
                    });

                    break;

                case 'valor_actual':


                    document.querySelector('#valor_actual').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        }
                    });

                    break;

                case 'valor_new':


                    document.querySelector('#valor_new').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        }
                    });

                    break;

                case 'porcentaje':


                    document.querySelector('#porcentaje').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        }
                    });

                    break;

                case 'periocidad':


                    document.querySelector('#periocidad').addEventListener('keyup', function(e) {
                        if (e.keyCode === ENTER_KEY_CODE) {
                            document.getElementById("frmFiltros").submit();
                        }
                    });

                    break;


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


        function marcar() {

        checkboxes = document.getElementsByTagName('input'); //obtenemos todos los controles del tipo Input
        for (i = 0; i < checkboxes.length; i++) //recoremos todos los controles
        {
            if (checkboxes[i].type === "checkbox") //solo si es un checkbox entramos
            {
                console.log(checkboxes[i].type)
                checkboxes[i].checked ;  //si es un checkbox le damos el valor del checkbox que lo llamó (Marcar/Desmarcar Todos)
            }
        }
    }
    </script>
@endsection