@extends('header_nuevo_generico')
@section('main')
    <style>
        .small-middle-container {
            margin: auto;
            width: 80%;
            font-size: 14px;
        }                
    </style>
    <div class="container small-middle-container mt-5 pt-5">
        <div class="row">
            <div class="row justify-content-center my-2 mb-4">
                <div class="col-md-12">
                    <h2 class="text-fidelitas text-center">Panel de Emails</h2>
                </div>
                <div class="row col-6 mt-5">
                    <form id="frmBuscarPadronModal" action="/buscar-cliente" method="post">
                        <input type="hidden" name="_token"  id="token" value="{{ csrf_token() }}">
                        <input type="hidden" name="cuit_empleador" id="cuit_empleador">
                        <input type="hidden" name="cuit_empleado" id="cuit_empleado" value="">                                     
                        <div class="row col-12">
                            <h5 id="tituloMod" class="text-center">Ingrese la busqueda de persona</h5> 
                        </div>
                        <div class="mt-1 mb-5" style="display:flex; justify-content:center; align-items:center;">
                            <div class=" col-12">                                
                                <div class="input-group col-lg-9">                                    
                                    <input type="text" class="form-control" id='buscarPadron' name='buscarPadron' placeholder="Buscar en Padrón..." required>                    
                                    <button id="lupaPersona" class="btn btn-fidelitas" type="submit"><i class="bi bi-search"></i></button>
                                    <button id="BtnremoveIcon" class="btn btn-danger" type="button" style="display:none;" readonly><i class="bi bi-trash"></i></button>                                                                                          
                                </div>                                                             
                                <div class="col-lg-1" style="padding:0px;">
                                    <h4 id="tituloMod" class="text-start" style="margin-top:1%; margin-bottom:1%;"></h4> 
                                </div>  
                                <div id='notificacion' class='col-lg-11 text-start' style="padding:0px"></div>
                                <div id='lista_padron' class='overflow-auto col-11 list-group'></div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="mt-5">
                    <div id="error_datos_tabla" class="text-center"></div>
                    <div id="tablaEmail">
                        @include('/abm-email/tabla_email')
                    </div>
                </div>                           
            </div>
        </div>                         
    </div>
@endsection
@section('funcionesJS')
    <script type="text/javascript" src="{{ URL::asset('js/email.js') }}"> </script>    
    <script>
        $(document).ready(function(){            
            buscarPadron();
            crearDataTable('#tabla_email')                  
        })
    </script>
@endsection