@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="#modalAltaTelefono">Nuevo telefono</button>
    </div>
    @endif        
    <table id="tabla_telefonos" class="display table table-hover" style="width:100%">
        <thead>
            <tr style="background-color:#eeeeee;">
                <th>Tipo Telefono</th>
                <th>Numero</th>            
                <th>Estado</th>
                <th class="text-center">Acciones</th>           
            </tr> 
        </thead>
        <tbody>
            @if(isset($data))                  
                @foreach ($data as $datos)
                    <tr>        
                        <td>{{$datos->tipo}}</td>
                        <td>{{$datos->telefono}}</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_telefono_{{ $datos->id_padron }}" type="button" class="btn btn-fidelitas text-center"                      
                                data-id_padron="{{ $datos->id_padron }}"
                                data-tipo="{{ $datos->tipo }}"
                                data-numero="{{ $datos->telefono }}"
                                data-activo="{{ $datos->activo }}"
                                data-id_telefono="{{$datos->id_telefono}}"
                                onclick='modificarTelefono($(this).data())'>
                                Editar
                            </button>
                            <!-- <button class="btn btn-fidelitas">Editar</button> -->
                            @if($datos->activo == '1')
                                <button class="btn btn-danger" 
                                    data-id_padron="{{ $datos->id_padron }}"                                                                        
                                    data-id_telefono="{{$datos->id_telefono}}"
                                    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_telefono="{{$datos->id_telefono}}"
                                    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 Telefono</th>
                <th>Numero</th>            
                <th>Estado</th>
                <th>Acciones</th>              
            </tr>
        </tfoot>
    </table>    
    <!-- MODAL DE ALTA -->
    <div id="modalAltaTelefono" 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 Teléfono</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="tipoTelefono" class="form-label">Tipo</label>
                                <select id="tipoTelefono" name="tipoTelefono" class="form-select">
                                    <option default>Seleccione una opcion...</option>
                                    <option value="FIJO">FIJO</option>
                                    <option value="MOVIL">MOVIL</option>
                                    <option value="OTRO">OTRO</option>                                    
                                </select>
                            </div>
                            <div class="col-6 mb-3">
                                <label for="numeroTelefono" class="form-label">Numero</label>
                                <input type="text" class="form-control" id="numeroTelefono" name="numeroTelefono" aria-describedby="">
                                <div id="errorNumero"></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="modalEditarTelefono" 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_telefono_edit" name="id_telefono_edit" value="">
                    <input type="hidden" id="registro_estado" name="registro_estado" value="">
                    <div class="modal-header">
                        <h5 class="modal-title">Edición Teléfono</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="tipoTelefonoEdit" class="form-label">Tipo</label>
                                <select id="tipoTelefonoEdit" name="tipoTelefonoEdit" class="form-select">
                                    <option default>Seleccione una opcion...</option>
                                    <option value="FIJO">FIJO</option>
                                    <option value="MOVIL">MOVIL</option>
                                    <option value="OTRO">OTRO</option>                                    
                                </select>
                            </div>
                            <div class="col-6 mb-3">
                                <label for="numeroTelefonoEdit" class="form-label">Numero</label>
                                <input type="text" class="form-control" id="numeroTelefonoEdit" name="numeroTelefonoEdit" value="">
                                <div id="errorNumeroEdit"></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_telefonos')
        //
        altaRegistro();
        editarRegistro();        
    </script>