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


<style>
    object {
        width: 60vw;
        height: 52vh;
        margin: 3vh auto;
        display: flex;
    }

    .btn-fidelitas:hover {
        color: #fff
    }

    .btn-panel {
        transition: .5s;
    }

    .btn-panel:hover {
        background-color: #004387
    }
</style>

<h2 class="text-center">Formulario {{$nombreForm}}</h2>

<div class="container text-center">
    <h5>Complete su nuevo formulario</h5>
</div><br>

<object data="{{env('WORDPRESS_RUTA') . $link_form}}" type="text/html" name="dummyframe" id="dummyframe"
    style="border: 1px solid #004387; border-radius: 5px"></object>

<div class="row" style="display: flex; justify-content: center; margin: 0; padding-top: 25px">
    <a class="btn btn-fidelitas btn-panel" href="http://www.backend7.int/" id="volver">Volver</a>
</div>

<script>
    $('#volver').on('click', function () {
        $('#volver').css('color', '#fff')
    })

    var urlFormu = window.location.href
    var nameFormu = '{{$nombreForm}}'
    var idFormu = '{{$idForm}}'
    $(document).ready(function () {
        $.ajax({
            url: '/wordpress/formulario',
            method: 'POST',
            data: {
                "_token": "{{ csrf_token() }}",
                "_urlFormu": urlFormu,
                "_nombreFormu": nameFormu,
                "_idFormu": idFormu
            },
            headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
            success: function (data, status, jqXHR) {
                console.log(data);
            },
            error: function (data) {
                console.log('Error en [obtenerNoAsignados], datos del error: ' + data);
            }
        });
    });

</script>

@include('footer')