@extends('header_nuevo_generico')
@section('main')
<div class="container-fluid mt-5 pt-5">
    <div class="row justify-content-center my-2">
        <div class="col-md-6 col-sm-9">
            <h2 class="text-fidelitas display-6 text-center">Edición de Padrones</h2>
        </div>
    </div>
    <form class="form" action="/padrones-buscar-data" method="post">
		{{ csrf_field() }}		
	    <div class="row justify-content-center mt-4">
            <div class="col-3 ">
                <label for="nro" class="form-label" value="@if( null !== $nro ) {{$nro}} @endif" >Tax ID</label>
                <input type="text" class="form-control" name="nro" id="nro" maxlength="50" style="text-transform:uppercase;">
            </div>
            <div class="col-3">
                <label for="nom" class="form-label" value="@if( null !== $nom ) {{$nom}} @endif">Nombre o razón social</label>
                <input type="text" class="form-control" name="nom" id="nom" maxlength="50" style="text-transform:uppercase;">
            </div>
            <div class="col-1 pt-4 text-end">
                <button type="submit" class="btn btn-fidelitas"><i class="bi bi-search"></i> Buscar</button>
            </div>
            <div class="col-3 pt-4">
                <button type="button" class="btn btn-fidelitas" id="abrirModalPadron"><i class="bi bi-person-plus"></i> Agregar persona</button>
            </div>		    	
	    </div>
        <div class="row">

        </div>
	</form>
    <div class="mt-5">
        <table id="tablaPadrones" class="table table-condensed table-striped">
            <thead>
                <tr>
                    <th>Pais</th>
                    <th>Tipo</th>
                    <th>Identificación</th>
                    <th class="text-left">Nombre persona</th>
                    <th>Tipo persona</th>
                    <th>Estado</th>
                    <th>Creado</th>
                    <th>Modificado</th>
                    <th>Acciones</th>
                </tr>
            </thead>
            <tbody>
                @if(isset($padrones))
                    @if (sizeof($padrones) > 0)
                        @foreach ($padrones as $padron)
                            <tr>
                                <td class="text-center">{{$padron->country_name}} ({{$padron->country_code}})</td>
                                <td class="text-center">{{$padron->abreviatura}}</td>
                                <td class="text-center">{{$padron->identificacion}}</td>
                                <td>{{$padron->nombre_persona}}</td>
                                <td class="text-center">@if ($padron->tipo_persona == 'F') Física @elseif ($padron->tipo_persona == 'J') Jurídica @endif</td>
                                @if($padron->habilitado == 1) 
                                    <td class="text-center text-success">ACTIVO</td>
                                @else
                                    <td class="text-center text-danger">NO ACTIVO </td>                                 
                                @endif
                                <td class="text-center">{{$padron->iscreated}}</td>
                                <td class="text-center">{{$padron->ismodified}}</td>
                                <td class="text-center">
                                    <button type="button" class="btn btn-fidelitas text-center" onclick="editarPadron({{$padron->id_padron}});"><i class="bi bi-gear-wide"></i> Editar</button>
                                </td>
                            </tr>
                        @endforeach
                    @else
                        <tr><td colspan="9" align="center">No se encuentran resultados de búsqueda</td></tr>
                    @endif
                @else
                    <tr><td colspan="9" align="center">Ingrese los parámetros de búsqueda</td></tr>
                @endif
            </tbody>
            <tfoot></tfoot>
        </table>
    </div>
    <!-- MODAL PARA AGREGAR PERSONA -->
    <div class="modal modalPadrones mb-5" id="modalPadrones">
        <div class="modal-dialog modal-xl">
            <form  id="frmPadronNuevo">
                {{csrf_field()}}
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Datos de la persona</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body" id="">
                        <div class="row">
                            <div class="col-4 form-group">
                                <label for="pais">Pais</label>
                                <select class="form-control" name="country_code" id="pais" required>
                                    <option value="" selected>Seleccione un pais...</option>
                                    @foreach( $paises as $pais )
                                        <option value="{{$pais->country_code}}">{{$pais->country_name}}</option>                        
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-4 form-group">
                                <label for="ident">Tipo</label>
                                <select name="identificador" id="ident" class="form-control" required></select>
                            </div>                           
                            <div class="col-4 form-group">
                                <label for="taxId">Tax ID</label>
		                        <input type="text" class="form-control taxId" id="taxId" value="" name="numero" required>
                            </div> 
                        </div>
                        <div class="row mt-4">
                            <div class="col-4 form-group">
                                <label for="nombre">Nombre o razón social</label>
                                <input type="text" name="nombre_persona" class="form-control" maxlength="200" value="" id="nombre"  style="text-transform:uppercase;" required>
                                <!--  -->                           
                            </div>
                            <div class="col-4 form-group">
                                <label for="tipo">Tipo persona</label>
                                <select name="tipo_persona" id="tipo" class="form-control" required>
                                    <option value="" selected>Seleccione una opcion...</option>
                                    <option value="F" >Física</option>
                                    <option value="J" >Jurídica</option>
                                </select>
                            </div>
                            <div class="col-4 form-group">
                                <label for="sexo">Sexo</label>
                                <select name="sexo" id="sexo" class="form-control" required>
                                    <option class="d-none" value="" selected>Seleccione una opcion...</option>
                                    <option class="d-none" value="M" >Masculino</option>
                                    <option class="d-none" value="F" >Femenino</option>
                                    <option class="d-none" value="NA" >No aplica</option>
                                </select>
                            </div>
                        </div>
                        <div class="row mt-4">
                            <div class="col-md-4 form-group">
                                <input type="checkbox" class="" name="habilitado" id="hab" checked> Habilitado
                            </div>
                        </div>
                    </div>
                    <div id="cargaAltaPadron" class="row justify-content-center my-2 d-none">
                        <div class="spinner-border text-success" role="status">
                            <span class="visually-hidden">Loading...</span>
                        </div>
                    </div>
                    <div id="error" class="row justify-content-center my-2 d-none">
                        <div class="col-6 alert-danger text-center py-4">
                            <span id="msg-error"></span>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button id="btnGuardarAlta" type="submit" class="btn btn-fidelitas">Guardar</button>
                        <button id="btnCancelarAlta" type="button" class="btn btn-danger" data-bs-dismiss="modal">Cancelar</button>
                    </div>
                </div>
            </form>
        </div>
    </div>         
    <!-- MODAL PARA EDITAR PADRON -->
    <div class="modal modalPadronesEditar mb-5" id="modalPadronesEditar">
        <div class="modal-dialog modal-xl">
            <form  id="frmPadronEditar">
                <input type="hidden" name="id_padron" id="id_padron" value>
                {{csrf_field()}}
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title">Editar datos de la persona</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body" id="">
                        <div class="row">
                            <div class="col-4 form-group">
                                <label for="pais_editar">Pais</label>
                                <select class="form-control" name="country_code_editar" id="pais_editar">
                                    <option value="" selected>Seleccione un pais...</option>
                                    @foreach( $paises as $pais )
                                        <option value="{{$pais->country_code}}">{{$pais->country_name}}</option>                        
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-4 form-group">
                                <label for="ident_editar">Tipo</label>
                                <select name="identificador_editar" id="ident_editar" class="form-control" ></select>
                            </div>                           
                            <div class="col-4 form-group">
                                <label for="taxId">Tax ID</label>
		                        <input type="text" class="form-control taxId_editar" id="taxId_editar" value="" name="numero_editar" >
                            </div> 
                        </div>
                        <div class="row mt-4">
                            <div class="col-4 form-group">
                                <label for="nombre">Nombre o razón social</label>
                                <input type="text" name="nombre_persona_editar" class="form-control" maxlength="200" value="" id="nombre_editar"  style="text-transform:uppercase;">
                                <!--  -->                           
                            </div>
                            <div class="col-4 form-group">
                                <label for="tipo_editar">Tipo persona</label>
                                <select name="tipo_persona_editar" id="tipo_editar" class="form-control">
                                    <option value="" selected>Seleccione una opcion...</option>
                                    <option value="F" >Física</option>
                                    <option value="J" >Jurídica</option>                                    
                                </select>
                            </div>
                            <div class="col-4 form-group">
                                <label for="sexo_editar">Sexo</label>
                                <select name="sexo_editar" id="sexo_editar" class="form-control">
                                    <option value="" selected>Seleccione una opcion...</option>
                                    <option value="M" >Masculino</option>
                                    <option value="F" >Femenino</option>
                                    <option value="NA">No aplica</option>
                                </select>
                            </div>
                        </div>
                        <div class="row mt-4">
                            <div class="col-md-4 form-group">
                                <input type="checkbox" class="" name="habilitado_editar" id="hab_editar" checked> Habilitado
                            </div>                    
                        </div>
                        <div id="cargaEditarPadron" class="row justify-content-center my-2 d-none">
                            <div class="spinner-border text-success" role="status">
                                <span class="visually-hidden">Loading...</span>
                            </div>
                        </div>                                        
                    </div>
                    <div class="modal-footer">
                        <button id="btnGuardarEdicion" type="submit" class="btn btn-fidelitas">Guardar</button>
                        <button id="btnCancelarEdicion" type="button" class="btn btn-danger" data-bs-dismiss="modal">Cancelar</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <!--  -->
    <div class="modal" id="modalBorrar">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">¿Desea borrar el padron seleccionado?</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>            
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary">Save changes</button>
                </div>
            </div>
        </div>
    </div>
    <form id="edicionDePadron">
        <input type="hidden" name="_token" value="{{ csrf_token() }}">
    </form>
</div>
@endsection
@section('funcionesJS')
<script src="{{ asset('/Libreria_CA/Js/funciones_padrones.js') }}?v={{rand()}}"></script>
<script>
	$(document).ready(function() {
        //        		        
        modalAgregar();
        chgCountry();
        chgCountryEdit();
        chgCountryExtra();
        guardarEdicionPadron();

        $('#tablaPadrones').DataTable({
            autoWidth: false,
            
        });
    
    });
</script>
@endsection