@extends('front.principal')
@section('content')
    <style>
        #timer {
            font-weight: bold;
        }
    </style>

    <section class="conteudo-internas">
        <div class="container">
            <div class="row">
                <div class="col-sm-6 offset-sm-3">

                    <h3 class="titulo-padrao text-center">Pergunta Especial</h3>
                    @if (session('error'))
                    <div class="alert alert-danger">
                        {{ session('error') }}
                    </div>
                @endif

                @if (session('success'))
                    <div class="alert alert-success">
                        {{ session('success') }}
                    </div>
                @endif
                    {{-- <p class="mb-1 text-center"><b>Pergunta 1</b></p> --}}
                    <p class="text-center">Qual o maior desafio que enfrento hoje nas minhas vendas?</p>
                    {{-- <form action="" class="formulario-step">
                        <textarea class="form-control mt-0" name="resposta" id="valid1" rows="5"
                            placeholder="Digite Sua Resposta Aqui!"></textarea>
                        <div class="d-grid">
                            <a href="finalizarquiz.php" class="btn btn-padrao btn-lg">Enviar</a>
                        </div>
                    </form> --}}
                    <form action="{{ route('respostas.store') }}" method="POST" class="formulario-step">
                        @csrf
                        <textarea class="form-control mt-0" name="resposta" id="valid1" rows="8" placeholder="Digite Sua Resposta Aqui!"></textarea>
                        <div class="d-grid">
                            <button type="submit" class="btn btn-padrao btn-lg">Enviar</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
@endsection