@extends('header_nuevo_generico')
@section('main')
<div class="container-fluid mt-5 pt-5">
    <div class="row justify-content-center my-2 mb-4">
        <div class="col-md-12">
            <h2 class="text-fidelitas display-6 text-center">Central de Deudores</h2>
        </div>
    </div>
    <div class="row justify-content-center my-2 mb-4">
        <div class="col-md-12">
            <p class="text-secondary">{{ $nombre_persona }} - {{ $ident ?? 'TAXID'}}: {{ $cuit }}</p>
        </div>
    </div>
    <div class="col-md-12  d-flex justify-content-center">    
        <div class="col-md-4 text-center">          
            @if(isset($cuit))            
                <form action="{{ENV('RUTA_INFORME_COMERCIAL')}}/informes/compacto" method="post" target="_BLANK">                
                    <button class="btn btn-sm col-md-12 btn-fidelitas text-center"  type="submit">Ver Bancos en Informe Comercial</button>
                    <input type="hidden" name="cuit" value="{{ $cuit }}">           
                    <input type="hidden" name="token_por_secciones" value="{{$token_por_secciones ?? ''}}">
                </form>
            @endif
        </div>        
    </div>
    <div class="row mt-3">
        <div class="col-4 text-center">
            <button id="btn_alta_cendeu" type="button" class="btn btn-sm btn-fidelitas text-center">
            Alta Nuevo Registro
            </button>
        </div>                   
        <div class="col-4 text-center">
            <button id="btn_bloqueo_cendeu" type="button" class="btn btn-sm btn-fidelitas text-center">
            Bloqueos Ingreso Deuda 
            </button>
        </div>
        <div class="col-4 text-center">
            <button id="btn_cancela_cendeu" type="button" class="btn btn-sm btn-fidelitas text-center">
            Cancelaciones / Refinanciaciones / etc.
            </button>
        </div>
    </div>
    <div class="row mt-4">
        <form name="menu_opciones" id="menu_opciones" method="post" class="form-signin">
            <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
            <input type="hidden" name="cuit" value="{{$cuit}}">
            <div class="row">
                <div  class="col-md-6">
                    <div class="d-flex">
                        <select class="form-control letra-10" name="meses" id="meses">
                            <option @if ($meses==600) selected @endif value="600">@traducir('Histórico','Histórico')</option>
                            <option @if ($meses==60) selected @endif value="60">@traducir('Últimos 5 años','Últimos 5 años')</option>
                            <option @if ($meses==24) selected @endif value="24">@traducir('Últimos 24 meses','Últimos 24 meses')</option>
                            <option @if ($meses==18) selected @endif value="18">@traducir('Últimos 18 meses','Últimos 18 meses')</option>
                            <option @if ($meses==12) selected @endif value="12">@traducir('Últimos 12 meses','Últimos 12 meses')</option>
                            <option @if ($meses==6) selected @endif value="6">@traducir('Últimos 6 meses','Últimos 6 meses')</option>
                            <option @if ($meses==3) selected @endif value="3">@traducir('Últimos 3 meses','Últimos 3 meses')</option>
                        </select>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="d-flex">
                        <select class="form-control letra-10" name="visible" id="visible">
                            <option @if ($visible=="1") selected @endif value="1">@traducir('Registros Activos','Registros Activos')</option>
                            <option @if ($visible=="0") selected @endif value="0">@traducir('Registros Inactivos','Registros Inactivos')</option>                    
                        </select>
                    </div>                   
                </div>
            </div>                
        </form>
    </div>
    <h2 class="col-md-12">
        <legend style="font-size:14px;color:red" class="text-end">Montos expresados en miles de pesos</legend>
    </h2>
    <div class="row">
        <div class="col-12 justify-content-center">
            <div id="tabla">
                @include('legales/tabla_central_deudores')
            </div> 
        </div>

    </div>  
</div>
<!-- SECCION DE MODALES -->
<!-- Alta nuevo registro -->
<div class="modal" tabindex="-1" id="myModal" data-bs-backdrop="static">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <form name="alta" id="alta">
                <input type="hidden" name="_token"  id="token" value="{{ csrf_token() }}">
                <input type="hidden" name="cuit" class="cuit" value="{{ $cuit }}">
                <input name="id_cendeu" type="hidden" id="id_cendeu">
                <input name="accion" type="hidden" id="accion">
                <div class="modal-header">
                    <h5 class="modal-title">Alta Central de Deudores</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="banco" class="form-label">Banco</label>
                        <select id="banco" name="banco" class="form-select">
                            <option value=''>Seleccione la Entidad Bancaria... </option>
                            @foreach ($ent_bancaria as $banco)
                                <option value="{{$banco->id_banco}}">{{$banco->id_banco}}&nbsp;-&nbsp;{{$banco->nombre}}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="mb-3">                        
                        <label class="letra-10" f??="periodo">Período</label>   
                        <input value="{{$periodo ?? ''}}" name="periodo" type="text" id="periodo" data-date-format="yyyy-mm"  data-date-min-view-mode="months" required class="form-control readonly" placeholder="Seleccione el Período de deuda" data-date-end-date="0d" data-date-start-date="-5y" readonly>                        
                    </div>
                    <div class="mb-3">                                  
                        <label for="monto" class="form-label">Monto (en miles $)</label>
                        <input type="text" class="form-control" name="monto" id="monto" placeholder="Deuda Total en Miles de Pesos">
                    </div>
                    <div class="mb-3">
                        <label for="situacion" class="form-label">Situación</label>
                        <select name="situacion" id="situacion" required class="form-control">
                            <option value=''>Seleccione la Situación... </option>
                            <option value='1'>1 - Situación Normal (atraso hasta 30 días)</option>
                            <option value='2'>2 - Con Riesgo Potencial (atraso de 31 a 90 días)</option>
                            <option value='3'>3 - Con Problemas (atraso de 91 a 180 días)</option>
                            <option value='4'>4 - Con Alto Riesgo de Insolvencia (atraso de 181 a 365 días)</option>
                            <option value='5'>5 - Irrecuperable (atraso de más de 365 días)</option>
                            <option value='6'>6 - Irrecuperable por Disposición Técnica</option>
                        </select>
                    </div>
                    <div class="mb-3">
                        <label for="situacion" class="form-label">Comentarios Internos</label>
                        <textarea name="observaciones" rows="5" id="observaciones" class="form-control" placeholder=""></textarea>
                    </div>                    
                </div>                   
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-fidelitas">Guardar</button>
                </div>
                <div id="mensaje_ok" class="d-none col-md-12 alert alert-success text-center"></div>
                <div id="mensaje_error" class="d-none col-md-12 alert alert-danger text-center">No se pudo grabar el registro. Intente más tarde</div>
            </form>
        </div>
    </div>
</div>
<!-- Bloqueo ingreso deuda -->
<div class="modal" id="modalBloqueo" tabindex="-1" data-bs-backdrop="static">
    <div class="modal-dialog modal-lg" style="min-width:70%;">
        <div class="modal-content">          
            <div class="modal-header">
                <h5 class="modal-title">Bloqueos ingreso Deuda del B.C.R.A.</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>                                              
            </div>
            <div class="modal-body">
            <div id="tabla_bloqueos" class="text-center mt-3">
                @include('legales/tabla_bloqueo_cendeu')
            </div>
            <form name="bloqueo" id="bloqueo">
                <input type="hidden" name="_token"  id="token" value="{{ csrf_token() }}">
                <input type="hidden" name="cuit" class="cuit" value="{{ $cuit }}">                                                        
                    <div class="text-center">
                        <label>Cargar un nuevo Bloqueo</label>
                    </div>
                    <!--  -->
                    <div class="mb-3">
                        <label for="blq_banco" class="form-label">Banco</label>
                        <select name="blq_banco" id="blq_banco" required class="form-control">
                            <option value=''>Seleccione la Entidad Bancaria... </option>
                            @foreach ($ent_bancaria as $banco)
                                <option value="{{$banco->id_banco}}">{{$banco->id_banco}}&nbsp;-&nbsp;{{$banco->nombre}}</option>
                            @endforeach
                        </select>
                    </div>
                    <!--  -->
                    <div class="mb-3">                        
                        <label class="letra-10" for="periodo">Bloquear ingreso hasta</label>   
                        <input name="blq_periodo_hta" type="text" id="blq_periodo_hta" data-date-format="yyyy-mm"  data-date-min-view-mode="months" required class="form-control readonly" placeholder="Seleccione el Período de deuda" data-date-end-date="0d" data-date-start-date="-5y" readonly>                        
                    </div>
                    <div class="mb-3">
                        <label for="blq_observaciones" class="form-label">Comentarios Internos</label>
                        <textarea name="blq_observaciones" rows="3" id="blq_observaciones" class="form-control" placeholder=""></textarea>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-fidelitas">Guardar</button>
                    <div id="blq_mensaje_ok"    style="width:100%" class="d-none col-md-12 alert alert-success text-center"></div>
                    <div id="blq_mensaje_error" style="width:100%" class="d-none col-md-12 alert alert-danger  text-center">No se pudo grabar el registro. Intente más tarde</div>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- Cancelacion/Refinanciamiento -->
<div class="modal" id="modalCancela" tabindex="-1" data-bs-backdrop="static">
    <div class="modal-dialog modal-lg" style="min-width:90%;">
        <div class="modal-content">          
            <div class="modal-header">
                <h5 class="modal-title">Cancelaciones / Regularizaciones / Refinanciaciones / etc. de Deudas del B.C.R.A.</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>                                              
            </div>
            <div class="modal-body">    
            <div id="tabla_cancelaciones">
                @include('legales/tabla_cancela_cendeu')
            </div>
            <form name="cancela" id="cancela">
                <input type="hidden" name="_token"  id="token" value="{{ csrf_token() }}">
                <input type="hidden" name="cuit" class="cuit" value="{{ $cuit }}">                                                                       
                    <div class="mb-3">
                        <label for="can_banco" class="form-label">Banco</label>
                        <select name="can_banco" id="can_banco" required class="form-control">
                            <option value=''>Seleccione la Entidad Bancaria... </option>
                            @foreach ($ent_bancaria as $banco)
                                <option value="{{$banco->id_banco}}">{{$banco->id_banco}}&nbsp;-&nbsp;{{$banco->nombre}}</option>
                            @endforeach
                        </select>
                    </div>
                    <!--  -->
                    <div class="mb-3">
                        <label class="letra-10 text-left">Período Deuda</label>
                        <br>
                        <div class="row">
                            <div class="col-6">
                                <label class="letra-10" for="can_periodo_dde">Desde</label>   
                                <input name="can_periodo_dde" type="text" id="can_periodo_dde" data-date-format="yyyy-mm"  data-date-min-view-mode="months" required class="form-control readonly" placeholder="Seleccione el Período de deuda" data-date-end-date="0d" data-date-start-date="-5y" readonly>                        
                            </div>
                            <div class="col-6">
                                <label class="letra-10" for="can_periodo_hta">Hasta</label>   
                                <input name="can_periodo_hta" type="text" id="can_periodo_hta" data-date-format="yyyy-mm"  data-date-min-view-mode="months" required class="form-control readonly" placeholder="Seleccione el Período de deuda" data-date-end-date="0d" data-date-start-date="-5y" readonly>                                            
                            </div>
                        </div>                        
                    </div>
                    <div class="mb-3 row">
                        <div class="col-6">
                            <label for="can_evento" class="form-label">Evento</label>
                            <select name="can_evento" id="can_evento" required class="form-control">
                                <option value=''>Seleccione el evento... </option>
                                @foreach ($eventos as $evento)
                                    <option value="{{$evento->eve_codigo}}">{{$evento->eve_nombre}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-6" style="margin-top: 6px;">
                            <label class="" for="can_fecha">Fecha</label>   
                            <input name="can_fecha" type="text" id="can_fecha" data-date-format="yyyy-mm"  data-date-min-view-mode="months" required class="form-control readonly" placeholder="Seleccione el Período de deuda" data-date-end-date="0d" data-date-start-date="-5y">                                            
                        </div>
                    </div>                   
                    <div class="mb-3">
                        <label for="can_observaciones" class="form-label">Comentarios Internos</label>
                        <textarea name="can_observaciones" rows="3" id="can_observaciones" class="form-control" placeholder=""></textarea>
                    </div>
                    <div class="mb-3 row">
                        <div class="col-6">
                            <label for="can_fuente" class="form-label">Fuente</label>
                            <select name="can_fuente" id="can_fuente" required class="form-control">
                                <option value=''>Seleccione la Entidad Bancaria... </option>
                                @foreach ($fuentes as $fuente)
                                    <option value="{{$fuente->fue_codigo}}">{{$fuente->fue_codigo}}&nbsp;-&nbsp;{{$fuente->fue_nombre}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-6" style="margin-top: 6px;">
                            <label class="" for="can_fecha_fuente">Fecha Fuente</label>   
                            <input name="can_fecha_fuente" type="text" id="can_fecha_fuente" data-date-format="yyyy-mm"  data-date-min-view-mode="months" required class="form-control readonly" placeholder="Seleccione el Período de deuda" data-date-end-date="0d" data-date-start-date="-5y">                                            
                        </div>
                    </div>                    
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Cancelar</button>
                    <button type="submit" class="btn btn-fidelitas">Guardar</button>
                    <div id="can_mensaje_ok"    style="width:100%" class="d-none col-md-12 alert alert-success text-center"></div>
                    <div id="can_mensaje_error" style="width:100%" class="d-none col-md-12 alert alert-danger  text-center">No se pudo grabar el registro. Intente más tarde</div>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection
@section('funcionesJS')
<script src="{{ asset('js/cendeu_v2.js') }}?v={{rand()}}"></script>
<script type="text/javascript">
    $(document).ready(function(){
        llamadaFunciones();                    
    })   
    $(document).on('click',"form[class^='baja_bloqueo_cendeu_']",function(e){
            e.preventDefault();
            var tr = $(this).closest('tr');
            $('#id_cendeu_bloqueo').val(tr.find('.id_cendeu_bloqueo').val());
            console.log($('#id_cendeu_bloqueo').val());
            
            $.ajax({
                method: "POST",
                url: "/legales/visible-bloqueo-cendeu",            
                data:  {
                id_cendeu_bloqueo:$('#id_cendeu_bloqueo').val(),
                cuit:$('.cuit').val(),
                _token:$('#token').val()
                },
                beforeSend: function(){
                },
                success: function(data){                                
                    $('#tabla_bloqueos').html(data);
                },
                error: function(err){
                    alert('No se pueden mostrar los datos'); 
                }
            })
    });

    $(document).on('click',"form[class^='baja_cancela_cendeu_']",function(e){
        e.preventDefault();
        var tr = $(this).closest('tr');
        $('#id_cendeu_cancela').val(tr.find('.id_cendeu_cancela').val());

        $.ajax({
            method: "POST",
            url: "/legales/visible-cancela-cendeu",

            data:  {
            id_cendeu_cancela:$('#id_cendeu_cancela').val(),
            cuit:$('.cuit').val(),
            _token:$('#token').val()
            },

            beforeSend: function(){
            },
            success: function(data){
            $('#tabla_cancelaciones').html(data);
            },
            error: function(err){
            alert('No se pueden mostrar los datos'); 
            }

        })
    });

    $(document).on('click',"form[class^='baja_cendeu_']",function(e){
        e.preventDefault();
        var athis = $(this);
        $.ajax({
            method: "POST",
            url: "/legales/visible-cendeu",
            data: $(this).serialize(),
            beforeSend: function(){
            },
            success: function(data){
                data = JSON.parse(data);
                if (data.error==0) {
                    athis.closest("tr").remove();
                }else{
                    alert(data.mensaje);
                }
            },
            error: function(err){
                alert('Error. Intente más tarde'); 
            }
	    })
    })      
</script>
@endsection