@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">
                                @if($form->cover)
                                    <div class="post-media">
                                        <img src="{{ $form->url_cover }}" alt="{{ $form->theme }}"/>
                                    </div><!-- .post-media -->
                                @endif
                                @if(isset($total) && !empty($total))
                                    <div class="assinaturas j_total"
                                         data-action="{{ route('web.form.total', ['id' => $form->id]) }}">
                                        Já somos <span
                                                class="j_assinado"
                                                style="color:yellow; font-weight: bold">{{ $total }}</span>
                                        nesta luta!
                                    </div>
                                @endif
                                <div class="post-inner">
                                    <header class="post-header">
                                        <div class="post-data">
                                            <div class="post-title-wrap">
                                                <h1 class="post-title">{{ $form->theme }}</h1>
                                            </div>
                                        </div>
                                    </header>

                                    @if($form->convertDateToInteger($form->start) < strtotime(date('Y-m-d H:i')) && ($form->convertDateToInteger($form->end) > strtotime(date('Y-m-d H:i')) OR $form->end == null))
                                        <div class="post-editor ">

                                            <form class="j_form" action="{{ route('web.form.sendForm') }}"
                                                  method="post">
                                                @csrf
                                                @method('POST')
                                                <input type="hidden" name="form_id" value="{{ $form->id }}">
                                                <input type="hidden" name="esc">

                                                @foreach($form->inputs()->get() as $input)

                                                    @if($input->type == "hidden")
                                                        <div class="input-field">
                                                            <label>{{ strtoupper($input->name) }}</label>
                                                            <input type="hidden" name="{{ strtolower($input->name) }}"
                                                                   value="{{ old(strtolower($input->name)) }}" {{ ($input->required == true ? 'required' : '') }}>
                                                            <span class="line"></span>
                                                        </div>

                                                    @elseif($input->type == "select")
                                                        <div style="margin-bottom: 30px;font-size: 14px;color: #333;">
                                                            <label style="margin-bottom: 10px">{{ strtoupper($input->name) }}</label>
                                                            <select style="padding: 10px; height: auto !important;"
                                                                    name="{{ strtolower($input->name) }}">
                                                            </select>
                                                        </div>

                                                    @elseif($input->type == "textarea")
                                                        <div class="input-field">
                                                            <label>{{ strtoupper($input->name) }}</label>
                                                            <textarea rows="4"
                                                                      name="{{ strtolower($input->name) }}">{{ old(strtolower($input->name)) }}</textarea>
                                                            <span class="line"></span>
                                                        </div>

                                                    @else
                                                        <div class="input-field">
                                                            <label>{{ strtoupper($input->name) }}</label>
                                                            <input type="{{ $input->type }}"
                                                                   name="{{ strtolower($input->name) }}"
                                                                   value="{{ old(strtolower($input->name)) }}" {!! ($input->required == true ? 'required' : '') !!}>

                                                            <span class="line"></span>
                                                        </div>

                                                    @endif

                                                @endforeach

                                                <div class="input-field">
                                                    {!! \Biscolab\ReCaptcha\Facades\ReCaptcha::htmlFormSnippet() !!}
                                                </div>
                                                <input type="hidden" name="escondido">
                                                <div class="action-front">
                                                <span class="btn-outer btn-primary-outer ripple"><button
                                                            class="btn btn-lg btn-primary"
                                                            type="submit">Enviar</button></span>
                                                    <span class="ajax-loader"></span>
                                                </div>
                                            </form>
                                        </div>
                                    @else
                                        <h4>Olá, esse formulário está indisponível!</h4>
                                    @endif
                                </div><!-- .post-inner -->
                            </article><!-- .post-content -->

                        </main>
                        <!-- .post-single -->
                    </div>


                </div><!-- .row -->
                <!-- END: PAGE CONTENT -->
            </div><!-- .container -->
        </div><!-- .content -->
    </div><!-- .wrapper -->

@endsection

@section('js')
    <script>
        $(function () {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

            function TotalAbaixoAssinado() {
                var divTotal = $('.j_total');
                var action = divTotal.attr('data-action');
                $.ajax({
                    url: action,
                    type: 'POST',
                    dataType: 'json',
                    success: function (data) {
                        if (data.total) {
                            $('.j_assinado').text(data.total);
                        }
                    }
                });
            }

            setInterval(function () {
                TotalAbaixoAssinado();
            }, 4000);
        });

    </script>
@endsection