@extends('layouts.website')

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

        @slot('title')
        Obrigado!
        @endslot

        @slot('subtitle')
        Seu pagamento foi realizado com sucesso, em breve entraremos em contato com você.
        @endslot

        @slot('b1')
        ...
        @endslot

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

        @slot('image')
        checkout.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>

                    {{-- <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">
                                <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