@extends('layouts/app')

@section('title', 'Contacto')

@section('description', 'Déjanos tu mensaje')

@section('content')
<div class="container px-5 py-3">
    @if(old('leadName'))
        <div class="alert alert-success" role="alert">
            <p>Gracias por contactarnos. Nos comunicaremos contigo a la brevedad posible.</p>
        </div>
    @endif
    <h1>Contacto</h1>
    <p class="">Si necesitas cotizar para algún proyecto decorativo en Cancún, cortinas o persianas, muebles sobre diseño o tienes alguna duda sobre nuestro catálogo de productos decorativos, ponte en contacto con nosotros, en Sundec Decoración estamos seguros de poder ayudarte.</p>
    <form method="post" action="/contacto">
    @csrf
    <div class="mb-3">
        <label for="lead-name" class="form-label">Nombre / Empresa</label>
        <input name="leadName" type="text" class="form-control" id="lead-name">
    </div>
    <div class="mb-3">
        <label for="lead-email" class="form-label">Correo</label>
        <input name="leadEmail" type="email" class="form-control" id="lead-email">
    </div>
    <div class="mb-3">
        <label for="lead-phone" class="form-label">Teléfono</label>
        <input name="leadPhone" type="text" class="form-control" id="lead-phone">
    </div>
    <div class="mb-3 form-check">
        <label class="form-label" for="lead-message">Mensaje</label>
        <textarea name="leadMessage" class="form-control" id="lead-message" rows="3"></textarea>
    </div>
    <div class="mb-3 form-check">
        <input name="leadSubscription" type="checkbox" class="form-check-input" id="lead-subscription">
        <label class="form-check-label" for="lead-subscription">Quiero recibir promociones</label>
    </div>
    <div class="py-3 form-group">
        <label for="captcha">Captcha</label>
        <div class="captcha">
        <span>{!! app('captcha')->display() !!}</span>
        <!-- <button type="button" class="btn btn-success refresh-cpatcha"><i class="fa fa-refresh"></i></button> -->
        </div>

        @error('g-recaptcha-response')
        <div class="alert alert-danger">{{ $message }}</div>
        @enderror
    </div>
    <button type="submit" class="btn btn-dark">Contactar</button>
    </form>
</div>
@endsection