@extends('header_nuevo_generico')
@section('main')
<div class="container mt-5 pt-5">
    <h2 class="text-center text-fidelitas"> Cambio de Tax ID</h2><br>
    <!-- <p class="h5 text-center">@traducir('Busqueda Recursos 1', 'Busque a la persona por nombre o código de identificación tributaria.')</p> -->
    <p class="h5 text-center">Busque a la persona por nombre o código de identificación tributaria</p>

    <div class="d-flex justify-content-center" style="display: flex; justify-content: center">
        <div class="row" style="width: 50vw;">
            <form method="post" id="frmBuscadorPadron">
                {{ csrf_field() }}
                <input type="hidden" name="id_padron" id="id_padron" value="{{ $id_padron ?? '' }}">
                <input type="hidden" name="contratista" value="">
                <input type="hidden" name="subcontratista" value="">
                <input type="hidden" name="seccion" value="{{$seccion ?? ''}}">
                <div class="row" style="margin-left:10%;">
                    <div class="col-md-10" style="padding: 1px;">
                        <input type="text" name="input_search" class="form-control" id="input_search"
                            value="{{ $input_search ?? '' }}" style="text-transform:uppercase; height: 35px">
                    </div>
                    <div class="col-md-2">
                        <button type="submit" id="btnBuscar" class="btn btn-fidelitas"><i class="fa fa-search"
                                style="font-size:20px;"></i></button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div id="loading" class="col-md-12 text-center" style="display: none;"><img style="float:none;"
            src="/images/loading.gif" class="loading" /></div>
    <br><br>
    <div id="padron_busqueda" class="container"></div>
</div>
@endsection
@section('funcionesJS')
<script src="{{ URL::asset('js/cambioCuil/cambioCuil.js') }}"></script>
<script language="javascript">
    $(document).ready(function () {
        sessionStorage.clear();
        $(document).on('submit', '#frmBuscadorPadron', function (e) {
            e.preventDefault();
            $.ajax({
                method: 'post',
                url: '/cambio-cuil-provisorio/busqueda',
                data: $('#frmBuscadorPadron').serialize(),
                beforeSend: function () {
                    $('#padron_busqueda').hide();
                    $('#loading').show();
                },
                success: function (data) {
                    $('#padron_busqueda').html(data);
                    $('#loading').hide();
                    $('#padron_busqueda').show();
                }
            });
        });
    });
</script>
@endsection