@include('header')
@include('navigator_clientes')

<section class="container">
    <h1 class="text-center">Asignaciones de personas fisicas a edictos</h1>
    <div id="asignaPersonaGrid"></div>
</section>

<!--MODAL API-->
<div class="modal fade" id="modalAPI" tabindex="-1" role="dialog" data-backdrop="static"
    aria-labelledby="exampleModalLabel" aria-hidden="true" style="overflow-y: scroll;">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <!--MODAL HEADER-->
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Buscar en la API</h5>
                <button id="close-modal" type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <!--MODAL CUERPO-->
            <div class="modal-body">
                <form id="modal-form">
                    <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
                    <div class="row">
                        <div class="col-md-6">
                            <label for="">Razón Social:</label><br>
                            <input type="text" name="verificados" value="" id="sr">
                            <button id="verif_sr" class="btn btn-warning" name="btn-verif"
                                type="button">VERIFICAR</button>
                        </div>
                        <div class="col-md-6">
                            <label for="">CUIT S.R.:</label><br>
                            <input type="text" name="verificados" value="" id="cuit-sr"
                                title="Número sin caracteres especiales ni espacios">
                            <button id="verif_cuitsr" class="btn btn-warning" name="btn-verif"
                                type="button">VERIFICAR</button>
                        </div>
                    </div><br>
                    <div class="row">
                        <div class="col-md-6">
                            <label for="">Integrante:</label><br>
                            <input type="text" name="verificados" value="" id="integ">
                            <button id="verif_integ" class="btn btn-warning" name="btn-verif"
                                type="button">VERIFICAR</button>
                        </div>
                        <div class="col-md-6">
                            <label for="">CUIT Integrante:</label><br>
                            <input type="text" name="verificados" value="" id="cuit-integ"
                                title="Número sin caracteres especiales ni espacios">
                            <button id="verif_cuitinteg" class="btn btn-warning" name="btn-verif"
                                type="button">VERIFICAR</button>
                        </div>
                    </div><br>
                    <div class="row">
                        <div class="col-md-12">
                            <label for="">Texto del Edicto:</label><br>
                            <textarea class="form-control" name="textoedt" id="verif_edicto" cols="30" rows="10">
                            </textarea>
                        </div>
                    </div><br>
                    <div class="form-group col-12">
                        <div id="mensaje-modal">
                            <h5 id="alerta" class="alert alert-success"><i id="texto-msj"></i></h5>
                        </div>
                        <table id='tabla-resultados' hidden class="table table-responsive table-striped table-hover">
                            <thead>
                                <tr>
                                    <th scope="col text-center">Nombre</th>
                                    <th scope="col text-center">C.U.I.T.</th>
                                    <th scope="col text-center">Domicilios</th>
                                    <th scope="col text-center">C.P.</th>
                                    <th scope="col text-center">Provincia</th>
                                </tr>
                            </thead>
                            <tbody id="body-tabla">
                                <!--CONTENIDO TABLA DINAMICA DEL MODAL-->
                            </tbody>
                            <tbody id="body-tabla-2" hidden>
                                <!--CONTENIDO TABLA DINAMICA DEL MODAL-->
                            </tbody>
                            <tbody id="body-tabla-3" hidden>
                                <!--CONTENIDO TABLA DINAMICA DEL MODAL-->
                            </tbody>
                            <tbody id="body-tabla-4" hidden>
                                <!--CONTENIDO TABLA DINAMICA DEL MODAL-->
                            </tbody>
                        </table>
                    </div>
                </form>
            </div>
            <!--MODAL FOOTER: BOTONES-->
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="conf">Confirmar</button>
            </div>
        </div>
    </div>
</div>

<!-- ========= MODAL ========= -->
<div class="modal fade" id="modalActualizar" tabindex="-1" role="dialog" data-backdrop="static"
    aria-labelledby="label-modal" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <!-- MODAL HEADER -->
            <div class="modal-header">
                <button id="cerrar-modal-actual" type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <h5 class="modal-title" id="titulo-actualizar"></h5>
                <hr>
            </div>
            <!-- MODAL BODY -->
            <div class="modal-body">
                <form id="formu-upd">
                    <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
                    <div class="row">
                        <div class="form-group col-md-6">
                            <label class="form-label" for="razonsocial"><b>Razón Social</b></label>
                            <input class="form-control" name="campo" type="text" id="razonsocial" required>
                        </div>
                        <div class="form-group col-md-6">
                            <label class="form-label" for="cuitraz"><b>C.U.I.T.</b></label>
                            <input class="form-control" name="campo" type="text" id="cuitraz"
                                title="Debe contener números sin caracteres especiales(sin comas, espacios en blanco, guiones, etc.)"
                                required>
                        </div>
                        <div class="form-group col-md-4">
                            <button class="btn btn-danger" type="button" id="btn-ver-1">VERIFICAR</button>
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group col-md-6">
                            <label class="form-label" for="integrante"><b>Integrante</b></label>
                            <input class="form-control" name="campo" type="text" id="integrante" required>
                        </div>
                        <div class="form-group col-md-6">
                            <label class="form-label" for="cuitint"><b>C.U.I.T.</b></label>
                            <input class="form-control" name="campo" type="text" id="cuitint"
                                title="Debe contener números sin caracteres especiales(sin comas, espacios en blanco, guiones, etc.)"
                                required>
                        </div>
                        <div class="form-group col-md-6">
                            <label class="form-label" for="codigocargo"><b>Código del Cargo</b></label>
                            <input class="form-control" name="campo" type="text" id="codigocargo"
                                title="Código del cargo. Puedes escribirlo o buscarlo en el selector Todos los cargos"
                                required>
                        </div>
                        <div class="form-group col-md-4">
                            <button class="btn btn-danger" type="button" id="btn-ver-2">VERIFICAR</button>
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group col-md-3">
                            <label class="form-label" for="fechaedicto"><b>Fecha del Edicto</b></label>
                            <input name="campo" type="date" id="fechaedicto" required>
                        </div>
                        <div class="form-group col-md-3">
                            <label class="form-label" for="ultimodir"><b>Último Directorio</b></label>
                            <select class="form-control" id="ultimodir" name="campo">
                                <option value="" selected>Seleccione una opción...</option>
                                <option value="S">SI</option>
                                <option value="N">NO</option>
                            </select>
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group col-md-12">
                            <label class="form-label"><b>Texto del Edicto</b></label>
                            <textarea class="form-control p-2" name="textoedicto" id="textoedicto" cols="30" rows="10">
                                </textarea>
                            <input class="form-control" type="hidden" id="idenfide">
                        </div>
                    </div>
                    <button class='btn btn-primary' type="button" id="btn-updhomo">Actualizar</button>
                </form>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" src="{{ URL::asset('js/asignaciones_personas/asignaciones_personas.js')}}"></script>
<script>
    $(document).ready(function () {
        var listass = <?php  print_r($lista); ?>;
        console.log(listass);

        fancyAsignacionesPersonas(listass);

        //  BOTON VERIFICAR DE DATOS DE LA RAZON SOCIAL
        $("#btn-ver-1").click(function () {
            todasMayus("sr");
            todasMayus("integ");
            $("#modalActualizar").modal("hide");
            $("#modalAPI").modal("show");
            razon_social = $("#razonsocial").val();
            cuit_razon_social = $("#cuitraz").val();
            integrante = $("#integrante").val();
            cuit_integrante = $("#cuitint").val();
            texto_edicto = $("#textoedicto").val();
            verificar(razon_social, cuit_razon_social, integrante, cuit_integrante, texto_edicto);
        });

    })

</script>

@include('footer')