@if(isset($data) && isset($id_padron))
    <div class="justify-content-end mb-4">
        <button type="button" class="btn btn-fidelitas" data-bs-toggle="modal" data-bs-target="#modalAltaEmail">Nuevo Email</button>
    </div>
    @endif        
    <table id="tabla_email" class="display table table-hover" style="width:100%">
        <thead>
            <tr style="background-color:#eeeeee;">
                <th>Tipo Email</th>
                <th>Email</th>            
                <th>Estado</th>
                <th class="text-center">Acciones</th>           
            </tr> 
        </thead>
        <tbody>
            @if(isset($data))                  
                @foreach ($data as $datos)
                    <tr>
                        @if($datos->tipo == 'NULL')        
                            <td>No menciona</td>
                        @else
                            <td>{{$datos->tipo}}</td>
                        @endif
                        <td>{{$datos->email}}</td>
                        @if($datos->activo == '1')
                            <td class="text-fidelitas">ACTIVO</td>
                        @elseif($datos->activo == '0')
                            <td class="text-danger">INACTIVO</td>
                        @else   
                            <td>-</td>
                        @endif
                        <td class="text-center">
                            <button id="modificar_email_{{ $datos->id_padron }}" type="button" class="btn btn-fidelitas text-center"                      
                                data-id_padron="{{ $datos->id_padron }}"
                                data-tipo="{{ $datos->tipo }}"
                                data-numero="{{ $datos->email }}"
                                data-activo="{{ $datos->activo }}"
                                data-id_telefono="{{$datos->id_email}}"
                                onclick='modificarEmail($(this).data())'>
                                Editar
                            </button>
                            @if($datos->activo == '1')
                                <button class="btn btn-danger" 
                                    data-id_padron="{{ $datos->id_padron }}"                                                                        
                                    data-id_email="{{$datos->id_email}}"
                                    data-activo="{{ $datos->activo }}"
                                    onclick='estadoRegistro($(this).data())'>
                                    Desactivar
                                </button>
                            @elseif($datos->activo == '0')
                                <button class="btn btn-fidelitas" 
                                    data-id_padron="{{ $datos->id_padron }}"                                    
                                    data-id_email="{{$datos->id_email}}"
                                    data-activo="{{ $datos->activo }}"
                                    onclick='estadoRegistro($(this).data())'>
                                    Activar
                                </button>
                            @else   
                                <td>-</td>
                            @endif
                        </td>               
                    </tr>
                @endforeach
            @endif        
        </tbody>
        <tfoot>
            <tr style="background-color:#eeeeee;">
                <th>Tipo Email</th>
                <th>Email</th>            
                <th>Estado</th>
                <th class="text-center">Acciones</th>              
            </tr>
        </tfoot>
    </table>    
    <!-- MODAL DE ALTA -->
    <div id="modalAltaEmail" class="modal" tabindex="-1">
        <div class="modal-dialog" style="max-width: 50%;" role="document">
            <div class="modal-content">
                <form id="frmAltaRegistro">
                    <input type="hidden" name="_token"  id="token" value="{{ csrf_token() }}">
                    <input type="hidden" id="id_padron" name="id_padron" @if(isset($data) && isset($id_padron)) value="{{$id_padron}}" @endif>
                    <div class="modal-header">
                        <h5 class="modal-title">Alta Email</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-4 mb-3" style="margin-left: 10%;">
                                <label for="tipoEmail" class="form-label">Tipo</label>
                                <select id="tipoEmail" name="tipoEmail" class="form-select">
                                    <option default>Seleccione una opcion...</option>                            
                                    <option value="NULL">No menciona</option>
                                    <option value="ANSES">ANSES</option>
                                    <option value="CABLEVISION">CABLEVISION</option>
                                    <option value="COMERCIAL">COMERCIAL</option>
                                    <option value="CONTACTO ADUANERO">CONTACTO ADUANERO</option>
                                    <option value="E-VENTANILLA">E-VENTANILLA</option>
                                    <option value="SICNEA">SICNEA</option>
                                    <option value="TRIBUTARIO">TRIBUTARIO</option>
                                    <option value="WORK">WORK</option>
                                    <option value="PERSONAL">PERSONAL</option>
                                    <option value="PERSONAL INTERNET">PERSONAL INTERNET</option>
                                    <option value="OTROS">OTROS</option>                                    
                                </select>
                            </div>
                            <div class="col-6 mb-3">
                                <label for="email" class="form-label">Email</label>
                                <input type="text" class="form-control" id="email" name="email" aria-describedby="">
                                <div id="errorEmail"></div>                                                            
                            </div>                           
                        </div>                       
                    </div>
                    <div class="modal-footer">
                        <button type="button" id="btnAltaCancelar" class="btn btn-danger" data-bs-dismiss="modal">Cancelar</button>
                        <button type="submit" id="btnAltaSubmit" class="btn btn-fidelitas">Guardar</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- MODAL EDITAR -->
    <div id="modalEditarEmail" class="modal" tabindex="-1">
        <div class="modal-dialog"  style="max-width: 50%;" role="document">
            <div class="modal-content">
                <form id="frmEditRegistro">
                    <input type="hidden" name="_token"  id="token" value="{{ csrf_token() }}">
                    <input type="hidden" id="id_padron_edit" name="id_padron_edit" value="">
                    <input type="hidden" id="id_email_edit" name="id_email_edit" value="">
                    <input type="hidden" id="registro_estado" name="registro_estado" value="">
                    <div class="modal-header">
                        <h5 class="modal-title">Edición Email</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-4 mb-3" style="margin-left: 10%;">
                                <label for="tipoEmailEdit" class="form-label">Tipo</label>
                                <select id="tipoEmailEdit" name="tipoEmailEdit" class="form-select">
                                <option default>Seleccione una opcion...</option>                            
                                    <option value="NULL">No menciona</option>
                                    <option value="ANSES">ANSES</option>
                                    <option value="CABLEVISION">CABLEVISION</option>
                                    <option value="COMERCIAL">COMERCIAL</option>
                                    <option value="CONTACTO ADUANERO">CONTACTO ADUANERO</option>
                                    <option value="E-VENTANILLA">E-VENTANILLA</option>
                                    <option value="SICNEA">SICNEA</option>
                                    <option value="TRIBUTARIO">TRIBUTARIO</option>
                                    <option value="WORK">WORK</option>
                                    <option value="PERSONAL">PERSONAL</option>
                                    <option value="PERSONAL INTERNET">PERSONAL INTERNET</option>
                                    <option value="OTROS">OTROS</option>                                                       
                                </select>
                            </div>
                            <div class="col-6 mb-3">
                                <label for="emailEdit" class="form-label">Numero</label>
                                <input type="text" class="form-control" id="emailEdit" name="emailEdit" value="">
                                <div id="errorEmailEdit"></div>                                                            
                            </div>                           
                        </div>                       
                    </div>
                    <div class="modal-footer">
                        <button type="button" id="btnEditCancelar" class="btn btn-danger" data-bs-dismiss="modal">Cancelar</button>
                        <button type="submit" id="btnEditSubmit" class="btn btn-fidelitas">Guardar</button>
                    </div>
                </form>
            </div>
        </div>
    </div>  
    <script>
        crearDataTable('#tabla_email')
        //
        altaRegistro();
        editarRegistro();        
    </script>