@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-primary">{{$planilla->cobro_planilla_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 class="active">Planilla Asociaciones</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-body ">
                            <div class="row">
                                <div class="col-11">
                                    <a onclick="limpiar()" class="btn bg-info text-white mb-3"><i class="fa fa-filter"></i> Limpiar Filtro</a>
                                    <a href="javascript:history.go(-1)" class="btn bg-warning text-white mb-3"><i class="fa fa-chevron-left"></i> Volver</a>&nbsp;&nbsp;
                                </div>
                            </div>
                            <div class="table-wrap">
                                <div class="table-responsive">
                                    <table class="table display product-overview mb-30">
                                        <thead>
                                        <tr>
                                            <th><b>#</b></th>
                                            <th><b>Contrato # / id FM</b></th>
                                            <th><b>Mes Inicio Contrato</b></th>
                                            <th><b>Fecha Inicio Contrato</b></th>
                                            <th><b>Documento Cliente</b></th>
                                            <th><b>Cliente</b></th>
                                            <th><b>Servicio</b></th>
                                            <th><b>Servicio Asociado</b></th>
                                            <th><b>Cuota</b></th>
                                            <th><b>Valor a Cobrar</b></th>
                                            <th><b>Valor Impuesto</b></th>
                                            <th><b>Valor a Cobrar + Impuesto</b></th>
                                            <th><b>Observación Cobro</b></th>
                                            <th><b>Fecha Ultimo Pago</b></th>
                                            <th><b>Cliente Nuevo</b></th>
                                            <th><b>Modalidad de Cobro Actual</b></th>
                                            <th><b>Novedad Contrato</b></th>
                                            <th><b>Estado</b></th>
                                            <th><b></b></th>
                                        </tr>
                                        <tr>
                                            {!! Form::open([ 'url'=>'cobros/asocaciones/planillas/filtro/' . $planilla_id,'method'=>'GET','id'=>'frmFiltros']) !!}
                                            <th></th>
                                            <th>
                                                {!! Form::text('contrato',null,['id'=>'contrato','class'=>'form-control','placeholder'=>'´Código','onchange'=>"buscar('contrato')"]) !!}
                                            </th>
                                            <th>
                                                {!! Form::select('mes_inicio', $meses, null, ['id'=>'mes_inicio','placeholder' => '-Seleccionar-','class'=>'form-control select2','style'=>'width: 100%;','onchange'=>"buscar('mes_inicio')"])  !!}
                                            </th>
                                             <th>
                                                {!! Form::date('fecha',null,['class'=>'form-control','id'=>'fecha','onchange'=>"buscar('nombre')"])  !!}
                                            </th>
                                            <th></th>
                                            <th>
                                                {!! Form::select('cliente', [], null, ['id'=>'cliente','placeholder' => '-Seleccionar-','class'=>'form-control','style'=>'width: 100%;','onchange'=>"buscar('cliente')"])  !!}
                                            </th>
                                            <th>
                                                {!! Form::select('servicio', [], null, ['id'=>'servicio','placeholder' => '-Seleccionar-','class'=>'form-control','style'=>'width: 80%;','onchange'=>"buscar('servicio')"])  !!}
                                            </th>
                                            <th></th>
                                            <th></th>
                                            <th></th>
                                            <th></th>
                                            <th></th>
                                            <th>
                                                {!! Form::text('observacion',null,['id'=>'valor_impuesto','class'=>'form-control','placeholder'=>'Observacion','onkeypress'=>"buscar('observacion')"]) !!}
                                            </th>
                                            <th></th>
                                             <th>
                                                {!! Form::select('cliente_es_nuevo', ['1' => 'Si' , '2' => 'No'], null, ['id'=>'cliente_es_nuevo','placeholder' => '-Seleccionar-','class'=>'form-control','style'=>'width: 100%;','onchange'=>"buscar('cliente_es_nuevo')"])  !!}
                                            </th>
                                             <th>
                                                {!! Form::select('modalidad_cobro', $modalidad_cobro, null, ['id'=>'modalidad_cobro','placeholder' => '-Seleccionar-','class'=>'form-control select2','style'=>'width: 100%;','onchange'=>"buscar('modalidad_cobro')"])  !!}
                                            </th>
                                            <th>
                                                {!! Form::select('novedad_contrato', $tipo_novedad, null, ['id'=>'novedad_contrato','placeholder' => '-Seleccionar-','class'=>'form-control select2','style'=>'width: 100%;','onchange'=>"buscar('novedad_contrato')"])  !!}
                                            </th>
                                             <th>
                                                {!! Form::select('estado_contrato', $estados, null, ['id'=>'estado_contrato','placeholder' => '-Seleccionar-','class'=>'form-control select2','style'=>'width: 100%;','onchange'=>"buscar('estado_contrato')"])  !!}
                                            </th>
                                             <th>
                                              
                                            </th>
                                            <th>

                                            </th>
                                            {!! Form::close() !!}
                                        </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($data as $item)
                                            <tr>
                                                <td></td>
                                                <td>{{$item->contrato_codigo}}</td>
                                                <td></td>
                                                <td>{{$item->contrato_fecha_inicial}}</td>
                                                <td>{{$item->cliente_documento}}</td>
                                                <td>{{$item->cliente_apellido1.' '.$item->cliente_apellido2.' '.$item->cliente_nombres}}</td>
                                                <td>{{$item->servicio_nombre}}</td>
                                                 <td>
                                                  @if($controlador->getTieneHijos($item->contrato_servicio_id))
                                                    Si {{$item->cobro_planilla_detalle_valor_inicial}}
                                                  @else
                                                    No
                                                  @endif
                                                </td>
                                                <td>{{$item->cobro_cuota}}</td>
                                                <td>{{$controlador->getValorCapitalCobros($planilla_id,$item->cobro_id)}}</td>
                                                <td>{{$controlador->getValorImpuestoCobros($planilla_id,$item->cobro_id)}}</td>
                                                <td>{{$item->cobro_valor}}</td>
                                                <td>{{$item->cobro_observacion != '' ? $item->cobro_observacion : '--'}}</td>
                                                <td>{{$item->cliente_fecha_ultimo_pago}}</td>
                                                <td>
                                                    @php
                                                        $es_nuevo = $controlador->getCountContratos($item->cliente_id);
                                                    @endphp
                                                    @if($es_nuevo > 1)
                                                        No
                                                    @else
                                                        Si
                                                    @endif
                                                </td>
                                                <td>{{$item->modalidad_cobro_nombre}}</td>
                                                <td>{{$item->tipo_novedad_nombre}}</td>
                                                <td>
                                                    @switch($item->contrato_estado)
                                                    @case(0)
                                                        <span class="text-warning">En Construcción</span>
                                                    @break
                                                    @case(1)
                                                        <span class="text-success">Activo</span>
                                                    @break
                                                    @case(2)
                                                        <span class="text-danger">Inactivo</span>
                                                    @break
                                                    @case(3)
                                                        <span class="text-primary">Desafiliado</span>
                                                    @break
                                                    @case(4)
                                                        <span class="text-danger">Servicio Brindado</span>
                                                    @break
                                                    @case(5)
                                                        <span class="text-default">Congelado</span>
                                                    @break
                                                    @case(6)
                                                        <span class="text-warning">Cancelado</span>
                                                    @break
                                                @endswitch
                                                </td>
                                                <td>
                                                   <div class="btn-group">
                                                    <a 
                                                    href="{{ url('cobros/debito/automatico/detalle/cobro/' . $item->cobro_id) }}" 
                                                    data-toggle="tooltip"
                                                    class="btn btn-tbl-update btn-xs text-white"
                                                     data-title="Ver Registro">
                                                     <span class="fa fa-eye"></span>
                                                    </a> 

                                                    <a onclick="detalle_cobro('{{ $item->cobro_id }}')"
                                                        data-toggle="modal"
                                                        data-target="#detalle_cobro"
                                                        class="btn btn-tbl-update btn-xs text-white"
                                                        data-bs-toggle="tooltip"
                                                        data-bs-placement="top"
                                                        title="Ver Detalle Cobro">
                                                        <i class="fa fa-list-ul"></i>
                                                    </a> 

                                                    <a 
                                                        onclick="eliminar_cobro('{{ $item->cobro_planilla_detalle_id }}')"
                                                        class="btn btn-tbl-update btn-xs text-white"
                                                        data-toggle="tooltip" 
                                                        data-title="Elimina De la Planilla.">
                                                        <span class="fa fa-trash"></span>
                                                    </a> 

                                                    <a onclick="anular_cobro('{{$item->cobro_id}}')" 
                                                        class="btn btn-tbl-update btn-xs text-white" 
                                                        data-bs-toggle="tooltip" 
                                                        data-bs-placement="top" title="Anular Cobro">
                                                        <i class="fa fa-ban"></i>
                                                    </a>

                                                    <a 
                                                        href="{{ url('cobros/contratos-clientes/' . $item->contrato_id .'?contrato_servicio=' . $item->contrato_servicio_id) }}" 
                                                        title="Ir a cobros del contrato" 
                                                        class="btn btn-tbl-update btn-xs text-white"
                                                        toggle="tooltip" data-pjax="1">
                                                        <i class="fa fa-pencil-square-o"></i>
                                                    </a>
                                                   </div>
                                                </td>
                                            </tr>
                                            @endforeach
                                        </tbody>
                                    </table>                                   
                                </div>
                            </div>
                            
                        </div>
                        <div class="card-footer">
                            <div class="float-right">
                                {{ $data->appends([
                                ])->links() }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@include('modals.informacion_cobro')
@section('script')
    <script type="text/javascript">
        
        function detalle_cobro(cobro_id) {
            $.ajax({
                type: "GET",
                url: "{{ asset('') . 'cobros/debito/automatico/agregar/lista/cambiar/estatus/cobro-detalle' }}",
                data: {
                  
                    cobro_id: cobro_id
                },
                success: function(res) {
                    console.log(res);
                    document.getElementById('concepto').innerHTML = res.data_cobro.cobro_concepto;
                    document.getElementById('fecha_aplicacion').innerHTML = res.data_cobro
                        .cobro_fecha_aplicacion;
                    document.getElementById('texto_cobro').innerHTML = ``;
                    var html = '';
                    for (var i = 0; i < res.data_detalle.length; i++) {
                        html += `<tr>
                                <td>${i+1}</td>
                                <td>${res.data_detalle[i].concepto}</td>
                                <td>${res.data_detalle[i].servicio_nombre}</td>
                                <td>${res.data_detalle[i].cobro_detalle_valor_cobrado}</td>
                                <td>${res.data_detalle[i].cobro_detalle_valor_pagado == null ? '(no definido)' : res.data_detalle[i].cobro_detalle_valor_pagado}</td>
                            </tr>`
                    }
                    document.getElementById('registros_detalle_cobro').innerHTML = html;
                },
                dataType: "json"
            });
        }
        function generar(){
            $('#accion').val(2);
            document.getElementById("frmFiltros").submit();
        }

        function chkMarcados(){
            console.log('marcar chk');
        }

        function anular_cobro(id) {
        Swal.fire({
            title: 'Confirmar',
            text: '¿Está que desea anular el cobro?',
            icon: 'question',
            showCancelButton: true,
            confirmButtonText: `<i class="fa fa-check"></i> Aceptar`,
            cancelButtonText: '<i class="fa fa-ban"></i> Cancelar',
            confirmButtonColor: '#3085d6'
        }).then((result) => {
            /* Read more about isConfirmed, isDenied below */
            if (result.isConfirmed) {
                $.ajax({
                    type: "PUT",
                    url: "{{asset('').'cobros/debito/automatico/anular/cobros'}}",
                    data: {
                        "_token": "{{ csrf_token() }}",
                        idServicio: id
                    },
                    success: function(res) {
                        if (res) {
                            Swal.fire({
                                title: 'Anular Cobro',
                                text: "Se anulo el cobro satisfactoriamente.",
                                icon: 'success',
                                showCancelButton: false,
                                confirmButtonColor: '#3085d6'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    location.reload();
                                }
                            })
                            
                        }
                    },
                    dataType: "json"
                });
            }
        });
    }

    function eliminar_cobro( planilla_id) {
        Swal.fire({
            title: 'Confirmar',
            text: '¿Está que desea anular el cobro?',
            icon: 'question',
            showCancelButton: true,
            confirmButtonText: `<i class="fa fa-check"></i> Aceptar`,
            cancelButtonText: '<i class="fa fa-ban"></i> Cancelar',
            confirmButtonColor: '#3085d6'
        }).then((result) => {
            /* Read more about isConfirmed, isDenied below */
            if (result.isConfirmed) {
                $.ajax({
                    type: "PUT",
                    url: "{{asset('').'eliminar/cobros-planilla/'}}" + planilla_id ,
                    data: {
                        "_token": "{{ csrf_token() }}",
                        idServicio: planilla_id
                    },
                    success: function(res) {
                        if (res) {
                            Swal.fire({
                                title: 'Anular Cobro',
                                text: "Se anulo el cobro satisfactoriamente.",
                                icon: 'success',
                                showCancelButton: false,
                                confirmButtonColor: '#3085d6'
                            }).then((result) => {
                                if (result.isConfirmed) {
                                    location.reload();
                                }
                            })
                            
                        }
                    },
                    dataType: "json"
                });
            }
        });
    }

        function limpiar(){
            $('#codigo').val('');
            $('#nombre').val('');
            $('#inicio').val('');
            $('#fin').val('');
            $('#valor').val('');

            $('#asociacion').val('').change();
            $('#estado').val('').change();

            document.getElementById("frmFiltros").submit();
        }

        $(function(){
            $('#asociacion').select2({
            ajax: {
                dataType: 'json',
                url: '{{ url("asociaciones/ajax/data") }}',
                delay: 250,
                minimumInputLength: 3,
                data: function(params) {  
                console.log(params);                  
                        var query = {
                            search: params.term,
                            page: params.page
                        }
                        return query;
                },
                processResults: function (data, page) {
                    console.log(data);
                  return {
                    results: data
                  };
                }
            }
        });
        });
/* servicio/ajax */
       $(document).ready(function(){
        $('#cliente').select2({
                ajax: {
                    dataType: 'json',
                    url: "{{ asset('') . 'cliente/data/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"
                }
            });
            $('#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 buscar(tipo){

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

            
            
         
            
            switch(tipo){

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

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


                default:
                    document.getElementById("frmFiltros").submit();
                break;
                }
        }
    </script>
@endsection