@extends('layouts.website')

@section('header')
    <x-ws-nav>
        @slot('link')
        false
        @endslot

        @slot('title')
        Entre em contato por e-mail
        @endslot

        @slot('subtitle')
        Se você precisa de um jogo sobe medida para o seu jeito de jogar fale conosco. Nos garantimos os resultados.
        @endslot

        @slot('b1')
        Enviar um e-mail
        @endslot

        @slot('b1link')
        /atendimento/email#contact
        @endslot

        @slot('image')
        email2.png
        @endslot
    </x-ws-nav>
@endsection


@section('content')

<!-- Contact Start -->
<div class="container-xxl py-5" id="contact">
    <div class="container py-5 px-lg-5">
        <div class="text-center wow fadeInUp" data-wow-delay="0.1s">
            <h5 class="text-primary-gradient fw-medium">Para receber um jogo personalizado, é só entrar em contato.</h5>
            <h1 class="mb-5">Esquemas personalizados</h1>
        </div>
        <div class="row justify-content-center">
            <div class="col-lg-9">
                <div class="wow fadeInUp" data-wow-delay="0.3s">
                    <p class="text-center mb-4" style="font-size: 18px;">Nossoas esquemas se adaptam ao seu estile de jogo, entre em contato para fazer-mos um jogo sobe medida.</p>

                    {{-- https://getform.io/f/c5834167-cb9d-4211-8e36-6d6c9760ca23 --}}

                    <form action="{{ route('index.jogopersonalizado') }}" method="POST">
                        @csrf
                        <div class="row g-3">

                        @if ($errors->any())
                            @foreach ($errors->all() as $error)
                                <div class="alert alert-warning alert-dismissible fade show" role="alert">
                                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>

                                    {{$error}}
                                </div>

                            @endforeach
                        @endif

                        @if (@session('warning'))
                            <div class="alert alert-success alert-dismissible fade show" role="alert">
                                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>

                                {{ @session('warning') }}
                            </div>

                        @endif

                            <div class="col-md-6">
                                <div class="form-floating">
                                    <input type="text" class="form-control" id="name" placeholder="Seu Nome" name="name" value="{{old('name')}}">
                                    <label for="name">Seu Nome</label>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-floating">
                                    <input type="text" class="form-control" id="phone" placeholder="Nos diga qual é o seu telefone" name="phone" value="{{old('phone')}}">
                                    <label for="phone">WhatsApp <span>(opcional)</span></label>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="form-floating">
                                    <input type="email" class="form-control" id="email" placeholder="E-mail" name="email" value="{{old('email')}}">
                                    <label for="subject">E-mail</label>
                                </div>
                            </div>
                            {{-- <div class="col-12">
                                <label for="idade">Idade</label>
                                <div class="form-floating">

                                    <select name="idade" id="" class="form-control" style="background-color: white;">
                                        <option value="">Menos de 18</option>
                                        <option value="" selected>Maior ou igual a 18</option>
                                    </select>
                                </div>
                            </div> --}}

                            <div class="col-12">
                                <div class="form-floating">
                                    <input type="subject" class="form-control" id="subject" placeholder="Assunto" value="Quero um jogo personalizado" name="subject" value="{{old('subject')}}">
                                    <label for="subject">Assunto</label>
                                </div>
                            </div>
                            <div class="col-12">
                                <div class="form-floating">
                                    <textarea class="form-control" placeholder="Mande sua menssagem..." id="message" style="height: 150px" name="message">{{old('message')}}</textarea>
                                    <label for="message">Menssagem</label>
                                </div>
                            </div>
                            <div class="col-12 text-center">
                                <button class="btn btn-primary-gradient rounded-pill py-3 px-5" type="submit">Enviar menssagem</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Contact End -->

@endsection


@section('footer')
    @parent
@endsection