@extends('web.master.master')

@section('content')
    <div class="wrapper">
        <div class="content">
            <div class="container">

                <!-- START: PAGE CONTENT -->
                <div class="row animate-up post-margin">
                    <div class="col-sm-12">
                        <main class="post-single">
                            <article class="post-content section-box">
                                <div class="post-media">
                                    <img title="Sua ideia pode virar lei" alt="Sua ideia pode virar lei"
                                         src="{{ url('frontend/img/sua-ideia.jpg') }}"/>
                                </div><!-- .post-media -->

                                <div class="post-inner" id="sua-ideia">
                                    <header class="post-header">
                                        <div class="post-data">
                                            <div class="post-title-wrap">
                                                <h1 class="post-title" style="padding-left: 0">Sua ideia pode virar lei</h1>
                                            </div>
                                        </div>
                                    </header>

                                    <div class="post-editor">

                                        @if(session()->exists('message'))
                                            @message(['color' => session()->get('color')])
                                            <p class="icon-asterisk">{{ session()->get('message') }}</p>
                                            @endmessage
                                        @endif

                                        <form class="" action="{{ route('web.suaIdeia.sendForm') }}"
                                              enctype="multipart/form-data" method="post">
                                            @csrf
                                            @method('POST')

                                            <input type="hidden" name="esc">

                                            <div class="input-field">
                                                <label>Nome</label>
                                                <input type="text" name="nome" value="{{ old('nome') }}">
                                                <span class="line"></span>
                                            </div>

                                            <div class="input-field">
                                                <label>Email</label>
                                                <input type="email" name="email" value="{{ old('email') }}">
                                                <span class="line"></span>
                                            </div>

                                            <div class="input-field">
                                                <label>Telefone</label>
                                                <input type="text" name="telefone" class="formPhone" value="{{ old('telefone') }}">
                                                <span class="line"></span>
                                            </div>

                                            <div class="input-field started">
                                                <label>Assunto</label>
                                                <select name="assunto" class="select2">
                                                    <option value="">Selecione</option>
                                                    <option value="sugestao" {{ (old('assunto') == 'sugestao' ? 'selected' : '') }}>Sugestão</option>
                                                    <option value="proposta" {{ (old('assunto') == 'proposta' ? 'selected' : '') }}>Proposta</option>
                                                    <option value="outro" {{ (old('assunto') == 'outro' ? 'selected' : '') }}>Outro</option>
                                                </select>
                                            </div>

                                            <div class="input-field">
                                                <label>Menssagem</label>
                                                <textarea rows="4" name="menssagem">{{ old('menssagem') }}</textarea>
                                                <span class="line"></span>
                                            </div>


                                            <div class="input-field started">
                                                <label>Imagem</label>
                                                <input type="file" name="arquivos[]" multiple>
                                                <span style="font-size: 12px;">Caso necessário, utilize esse campo para adicionar imagens. (Não
                                                   ultrapasse 20MB)</span>
                                                <span class="line"></span>
                                            </div>

                                            <input type="hidden" name="escondido">

                                            <div class="input-field">
                                                {!! \Biscolab\ReCaptcha\Facades\ReCaptcha::htmlFormSnippet() !!}
                                            </div>

                                            <span class="btn-outer btn-primary-outer ripple"><button
                                                        class="btn btn-lg btn-primary"
                                                        type="submit">Enviar</button></span>
                                        </form>
                                    </div>
                                </div><!-- .post-inner -->
                            </article><!-- .post-content -->
                        </main>
                        <!-- .post-single -->
                    </div>
                </div><!-- .row -->
                <!-- END: PAGE CONTENT -->
            </div><!-- .container -->
        </div><!-- .content -->
    </div><!-- .wrapper -->

@endsection

@section('js')
@endsection