@extends('layouts.app')

@section('title', 'Fale Conosco - Banco de Talentos')
@section('meta_description', 'Entre em contato com o Banco de Talentos de Angra dos Reis.')
@section('content')

    <section class="contact-section bg-fundo">
        <div class="container pb-5">
            <div class="row">
                <div class="col-lg-8 mx-auto text-center">
                    <h1 class="contact-title">Fale com o Bt.</h1>
                    <p class="contact-subtitle primary-purple">Envie uma mensagem, que em breve entraremos em contato com
                        você!</p>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-8 mx-auto mt-5">
                    <form id="contactForm" action="{{ route('fale-conosco.submit') }}" method="POST">
                        @csrf
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <input type="text" class="form-control @error('name') is-invalid @enderror" id="nome" name="nome"
                                    value="{{ old('nome') }}"
                                    placeholder="Digite seu Nome Completo" required aria-label="Nome Completo">
                                <x-input-error name="name" />
                            </div>
                            <div class="col-md-6 mb-3">
                                <input type="email" class="form-control @error('email') is-invalid @enderror" id="email" name="email"
                                    value="{{ old('email') }}"
                                    placeholder="Digite seu E-mail" required aria-label="E-mail">
                                <x-input-error name="email" />
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <input type="tel" class="form-control @error('phone') is-invalid @enderror" id="telefone" name="telefone"
                                    value="{{ old('telefone') }}"
                                    placeholder="Digite seu Telefone" required aria-label="Telefone">
                                <x-input-error name="phone" />
                            </div>
                            <div class="col-md-6 mb-3">
                                <input type="text" class="form-control @error('subject') is-invalid @enderror" id="assunto" name="assunto"
                                    value="{{ old('assunto') }}"
                                    placeholder="Digite o Assunto" required aria-label="Assunto">
                                <x-input-error name="subject" />
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-12 mb-4">
                                <textarea class="form-control @error('message') is-invalid @enderror" id="mensagem" name="mensagem" rows="6"
                                    placeholder="Digite sua Mensagem" required aria-label="Mensagem">{{ old('mensagem') }}</textarea>
                                <x-input-error name="message" />
                            </div>
                        </div>

                        <div class="row">
                        <div class="col-12 mt-5 text-center">
                            <button type="submit"
                                class="bg-primary-purple rounded-pill px-5 py-3 text-decoration-none text-white text-center border-0 cursor-pointer">Enviar
                                mensagem</button>
                        </div>
                        </div>
                    </form>

                </div>
            </div>
        </div>

        <div class="p-60"></div>

    </section>
@endsection