@extends('layouts.app')

@section('content')

<div class="container-fluid container-site" id="contact">
    <div class="row">
        <div class="col">
			<h2 class="mb-0">Contacto</h2>
		</div>
    </div>
	<div class="row py-3">
        <div class="col">
			 <a href="mailto:arteyculturags@gmail.com" target="_blank" class="btn btn-yellow">Enviar correo <i class="ml-2 fa-light fa-paper-plane-top"></i></a>
		</div>
    </div>
	<div class="row mt-3">
        <div class="col">
			<h3>¿Tiene una consulta específica? Escríbanos</h3>
		</div>
    </div>
	<div class="row">
        <div class="col">
			@if($message = Session::get('success'))
            <div class="alert alert-success" role="alert">
                {{ $message }}
            </div>
            @endif
            <form method="POST" action="{{  route('contact.sendemail')  }}" class="needs-validation" novalidate>
                @csrf
                <div class="form-row mt-2">
                    <div class="col">
                        <label for="email" class="mb-0">CORREO ELECTRÓNICO *</label>
                        <input name="email" value="{{ old('email') }}" type="email" class="form-control" id="email" required>
                        <div class="invalid-feedback">
                            <p> This field is important to contact you </p>
                        </div>
                    </div>
                </div>
                <div class="form-row mt-2">
                    <div class="col">
                        <label for="name" class="mb-0">NOMBRE COMPLETO *</label>
                        <input name="name" value="{{ old('name') }}" type="text" class="form-control" id="name" required>
                        <div class="invalid-feedback">
                            <p> Please insert your name and last name. </p>
                        </div>
                    </div>
                </div>
                <div class="form-row mt-2">
                    <div class="col">
                        <label for="message" class="mb-0">MENSAJE *</label>
                        <textarea name="message" value="{{ old('message') }}" class="form-control" id="message" required></textarea>
                        <div class="invalid-feedback">
                            <p> This field is required </p>
                        </div>
                    </div>
                </div>
                <small>* Campos obligatorios</small>
                <div class="form-row mt-2 text-right">
                    <button type="submit" class="btn btn-yellow ml-auto">ENVIAR</button>
                </div>
            </form>
		</div>
    </div>
</div>

@endsection