@include('/led/led_header')

<style>
/* #0d335b */
    ul {
        left: 390px !important;
    }
    .btn-fidelitas:hover {
        color: white;
        background-color: #094280
    }
    .btn-fidelitas:checked{
        color:white
    }

    .azul-fidelitas{
        color:#0d335b;
    }

    .azul-fidelitas-background{
        background-color:#0d335b;
        
    }

    .azul-fidelitas-tr{
        background-color:#0d335b;
        color: #ffffff;
    }


    .photo img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 70%;
        height: 50px;
    }


    .fancy-theme-blue .fancy-grid-cell {
        color: #003469;
    }
    .fancy-theme-blue .fancy-panel-header{
        background-color: #003469;
    }

    .fancy-grid-header-cell-container{
        background-color: #ffffff !important;
        color: #000000;
    }
    .mail_error {
        color: red;
    }
    .mail_ok {
        color: #000000;
    }
    .ui-menu{
        cursor: pointer;
        background-color: #fff;
        width: 40%;
        list-style: none;
        left: 0;
    }
    .ui-menu-item:hover{
        border: 1px solid #003469;
        ;
    }
</style>

<form id="datatoken">
    <input type="hidden" name="_token" value="{{csrf_token()}}" id="__token">
</form>



<!--div class="row">
    <div class="col-md-10"></div>
    <div class="col-md-2">
      <button type="button" class="btn btn-primary btn-fidelitas form-control nuevo" data-toggle="modal" data-target="#modalClientea"><i class="fa fa-plus"></i>Agregar Cliente</button>
    </div>
</div-->

<div class="container" style="width:95%" id="div_administracion">
    <div class="table table-striped table-condensed" id="tabla-administracion-clientes" data-paging="true">
    </div>

    <div id="modalClientea" class="modal fade" data-backdrop="static" data-keyboard="false">

        <div class="modal-dialog" style="width:80%" >
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h3 class="modal-title azul-fidelitas" id="modal_title"></h3>
                </div>
                <div class="modal-body" id="modal_body"></div>
            </div>
        </div>
    </div>

</div>

<div rel="custom-modal:open"  id="modalSaas" aria-labelledby="modal_saas_label" style="display:none;">
    <div class="modal-content" style="height:750px">
        <div class="modal-header">
                <h3 class="modal-title" id="saas_title"></h3>
            </div>
            <div class="modal-body" id="saas_body"></div>
    </div>
</div>


<form id="frmSaas" name="frmSaas" method="post" action="/saas/saas-cliente">
    {{ csrf_field() }}
    <input type="hidden" name="saas_cliente" value="" id="saas_cliente">
</form>

<!-- =========== -->
<!-- LISTA NEGRA -->
<!-- =========== -->

<div id="modalListaNegra" class="modal fade">

    <div class="modal-dialog" style="width:98%" >
        <div class="modal-content" style="height: 500px">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="">&times;</button>  
                <h3 class="modal-title azul-fidelitas" id="modal_title">Clientes Afectados en Lista Negra</h3>              
            </div>
            <div class="modal-body" id="bodyListaNegra">
                <div class="text-right col-sm-12" style="padding-bottom: 15px; padding-right: 0">
                    <button id="btnAddLN"class="btn btn-success" data-toggle="modal" data-target="#addListaN"><i class='fa fa-plus'></i> Lista Negra</button>
                </div>
                
                <div id="tablaListaNegra">
                    <div id="loading-fp">
                        <h4 class="text-center" style="margin-top: 50px;">Cargando datos, por favor espere ...</h4>
                        <img src="/images/loading.gif" alt="" style="margin: 30px auto 50px auto; display: flex;">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- =============== -->
<!-- ADD LISTA NEGRA -->
<!-- =============== -->

<div id="addListaN" class="modal fade">
    <div class="modal-dialog" >
        <div class="modal-content" style="height: 410px">
            <div class="modal-header">
                <button id="closeModal" type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h3 class="modal-title text-center" id="modal-title">Agregar a Lista Negra</h3>
            </div>
            <div class="modal-body" id="modal-body" style="padding-top:0">
                <!-- BUSCADOR PERSONAS -->
                <form name="buscar" id="buscar" action="/" method="post" class="form-signin" onkeypress="return guiones()"> 
                    <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
                    <input type="hidden" name="desde" id="desde" value="{{$desde or ''}}" >
                    <div class="form-group">        
                        <label class="alert alert-danger hidden" id="message" class="form-control"></label>
                    </div>
                    <div class="col-md-12">        
                        <label for="razon_social">Buscador:</label>
                        <input name="razon_social" type="text" id="razon_social" required class="form-control" placeholder="Busqueda por Razón Social o CUIT"/>
                    </div>
                </form>
                <!-- FIN BUSCADOR PERSONAS -->

                <!-- AGREGA LISTA NEGRA -->
                <form id="frmAgregarListaNegra" style="padding-top:100px">
                    <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}"> 
                    <input type="text" placeholder="Identificación" class="form-control hidden" readonly id="selCuit">                
                    <input type="text" placeholder="Razón Social" class="form-control hidden" readonly id="selRazonS">

                    <!-- <div class="row">
                        <div class="col-sm-12 text-center">
                            <label for="">Visibilidad:</label><br>
                            <label for="" class="checkbox-inline"><input type="radio" name="visible" value="1"> Si</label>
                            <label for="" class="checkbox-inline"><input type="radio" name="visible" value="0"> No</label>
                        </div>                        
                    </div> -->
                    <div class="row">
                        <div class="col-sm-3"></div>
                        <div class="text-center col-sm-3">
                            <label for="" >Vigencia Desde:</label>
                            <input name="fecha_desde" type="text" id="fecha_desde" data-date-format="yyyy-mm-dd" class="form-control readonly" data-date-end-date="+15y" data-date-start-date="-1m">
                        </div>
                        <div class="text-center col-sm-3">
                            <label for="">Vigencia Hasta:</label>
                            <input name="fecha_hasta" type="text" id="fecha_hasta" data-date-format="yyyy-mm-dd" class="form-control readonly" data-date-end-date="+15y" data-date-start-date="-1d">
                        </div>
                    </div>
                    </div>
                    <div class="text-center col-sm-12" style="padding-bottom: 30px; padding-right: 0">
                        <button id="btnNuevoLN"class="btn btn-fidelitas">Poner en Lista Negra</button>
                    </div>
                    
                </form>
                <div id="errorAdd"></div>
            </div>
        </div>
    </div>
</div>

<!-- ====== -->
<!-- UPDATE -->
<!-- ====== -->

<button class="btn btn-fidelitas hidden" id="btnBorrar" data-toggle="modal" data-target="#borrar_LN">Borrar</button>
<div id="borrar_LN" class="modal fade">
    <div class="modal-dialog" >
        <div class="modal-content" style="height: 450px">
            <div class="modal-header">
                <button id="closeModal" type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h3 class="modal-title text-center" id="modal-title">Cambiar Estado de cliente<br> en Lista Negra</h3>
            </div>
            <div class="modal-body" id="modal-body">
                <form action="" id="form_LN" method="POST">
                    <input type="hidden" name="_token" value="{{ csrf_token() }}" />
                    <div id="editableLN">
                    </div><br>

                    <div class="container">
                        <h5>Modificar Vigencia</h5>
                        <div class="col-sm-8">
                            <label for="">Hasta:</label>
                            <input name="fecha_hasta" type="text" id="change_hasta" data-date-format="yyyy-mm-dd" class="form-control readonly" data-date-end-date="+15y" data-date-start-date="0d">
                        </div>
                        <div class="col-sm-4" style="margin-top: 5%">
                            <button class="btn btn-fidelitas" id="btn_change_hasta" style="width: 125px">Cambiar Fecha</button>
                        </div>                        
                    </div><br>
                    <div class="container">
                    <hr>    
                        <h5>Modificar Estado</h5>
                        <div class="text-right col-sm-6">
                            <button class="btn btn-danger" id="borrarEntrada" data-toggle="modal" data-target="#borrar_LN" style="width: 115px">Inactivo</button>
                        </div>
                        <div class="text-left col-sm-6">
                            <button class="btn btn-success" id="cancelarBorrarEntrada" data-toggle="modal" data-target="#borrar_LN" style="width: 115px">Activo</button>
                        </div>
                    </div>
                </form>
                
                
            </div>
        </div>
    </div>
</div>

<!-- ================= -->
<!-- CHECKED INACTIVAR -->
<!-- ================= -->

<button class="btn btn-fidelitas hidden" id="btnChkBorrar" data-toggle="modal" data-target="#chkBorrar">BorrarCHK</button>
<div id="chkBorrar" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content" style="height: 170px">
            <div class="modal-header">
                <button id="closeModal" type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body" id="modal-body">
                <h5 class="text-center">¿Estas Seguro de INACTIVAR cliente de LISTA NEGRA?</h5><br>

                <div class="text-right col-sm-6">
                    <button class="btn btn-danger" id="borrarEntradaOk" data-toggle="modal" data-target="#chkBorrar" style="width: 110px">Inactivar</button>
                </div>
                <div class="text-left col-sm-6">
                    <button class="btn btn-fidelitas" id="cancelarBorrarEntradaOk" data-toggle="modal" data-target="#chkBorrar  " style="width: 110px">Cancelar</button>
                </div>
                
            </div>
        </div>
    </div>
</div>

<!-- ================= -->
<!-- CHECKED ACTIVAR -->
<!-- ================= -->

<button class="btn btn-fidelitas hidden" id="btnChkActivar" data-toggle="modal" data-target="#chkActivar">BorrarCHK</button>
<div id="chkActivar" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content" style="height: 170px">
            <div class="modal-header">
                <button id="closeModal" type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body" id="modal-body">
                <h5 class="text-center">¿Estas Seguro de ACTIVAR cliente de LISTA NEGRA?</h5><br>

                <div class="text-right col-sm-6">
                    <button class="btn btn-danger" id="activarEntrada" data-toggle="modal" data-target="#chkActivar" style="width: 110px">Activar</button>
                </div>
                <div class="text-left col-sm-6">
                    <button class="btn btn-fidelitas" id="cancelarBorrarEntradaOk" data-toggle="modal" data-target="#chkActivar  " style="width: 110px">Cancelar</button>
                </div>
                
            </div>
        </div>
    </div>
</div>

<!-- ================= -->
<!-- CHECKED CHANGE HASTA -->
<!-- ================= -->

<button class="btn btn-fidelitas hidden" id="btnChkHasta" data-toggle="modal" data-target="#chkHasta">BorrarCHK</button>
<div id="chkHasta" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content" style="height: 170px">
            <div class="modal-header">
                <button id="closeModal" type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body" id="modal-body">
                <h5 class="text-center">¿Estas Seguro de CAMBAR VIGENCIA de cliente en LISTA NEGRA?</h5><br>

                <div class="text-right col-sm-6">
                    <button class="btn btn-danger" id="cambiarHasta" data-toggle="modal" data-target="#chkHasta" style="width: 110px">Cambiar</button>
                </div>
                <div class="text-left col-sm-6">
                    <button class="btn btn-fidelitas" id="cancelarBorrarEntradaOk" data-toggle="modal" data-target="#chkHasta  " style="width: 110px">Cancelar</button>
                </div>
                
            </div>
        </div>
    </div>
</div>

{{-- @include('/modals/saas/nuevoClienteModal') 
@include('/modals/saas/panelInicioModal')  
@include('/modals/saas/panelContratosModal')  
@include('/modals/saas/panelUsuariosModal')    --}}

<script type="text/javascript" src="{{ URL::asset('js/fancy/fancy.min.js') }}?v={{time()}}"> </script>
<script type="text/javascript" src="{{ URL::asset('/js/saas/administracionClientes.js') }}?v={{time()}}"> </script>


@include('/led/led_footer')