@extends('layouts.master')
@section('content')

<div class="download-app-div download-corp-div" style="background-image: url({{ asset('img/www/quienes-somos.jpeg') }});">
    <div class="overlay-primary"></div>
    <div class="content content-res">
        <div class="container grid-lg">
            <div class="columns">
                <div class="col-mx-auto pt-30">
                    <h1 class="text-center p-centered bold">¿Quieres recomendar un destino a <br />Yekotravel?</h1>
                    <p class="text-center p-centered fs-18 fw-600">¿Y convertirla en un verdadero programa de lealtad para tus
                        clientes, empleados o afiliados?</p>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="container pt-80 pb-80">
    <div class="columns">
        <div class="col-6 col-mx-auto">
            <p class="text-center p-centered fs-20 cl-y fw-600">Solo llena el siguiente formulario</p>
            <p class="text-center p-centered fs-26 fw-600 mt-minus-17">Para conectarte con tu destino</p>
            @if($errors->first('title'))
                Ha ocurrido un error, intentalo de nuevo.
            @endif
            <form class="form-horizontal" action="/formularios" method="POST">
                {{ csrf_field() }}
                <input type="hidden" name="title" value="corp">
                <div class="columns">
                    <div class="col-6 col-md-12 input1">
                        <input class="form-input" type="text" id="nombre" name="nombre" placeholder="Nombre" required>
                        <input class="form-input mt-10" id="email" type="email" name="correo" placeholder="Correo electrónico" required>
                    </div>
                    <div class="col-6 col-md-12 input2">
                        <input class="form-input" type="text" id="nombre" name="nombre" placeholder="Nombre de la Empresa" required>
                        <input class="form-input mt-10" id="email" type="tel" name="phone_contact" placeholder="Teléfono de Contacto" required>
                    </div>
                </div>
                <div class="columns">
                    <div class="col-12">
                        <input class="mt-10 form-input" type="text" id="lugar"placeholder="Lugar del destino">
                        <button type="submit" class="btn btn-general w-100 mt-10">Enviar</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<style>
    @media (min-width: 841px){
        .input1{
            padding-right:10px!important;
        }

        .input2{
            padding-left: 10px!important;
        }
    }

    @media (max-width: 840px){
        .input2{
            margin-top: 10px!important;
        }
    }
</style>
@endsection