@extends('admin.master.master')

@section('content')
    <section class="dash_content_app">

        <header class="dash_content_app_header">
            <h2 class="icon-tasks">Editar Formulário</h2>

            <div class="dash_content_app_header_actions">
                <nav class="dash_content_app_breadcrumb">
                    <ul>
                        <li><a href="{{ route('admin.home') }}">Dashboard</a></li>
                        <li class="separator icon-angle-right icon-notext"></li>
                        <li><a href="{{ route(('admin.forms.index')) }}">Formulários</a></li>
                        <li class="separator icon-angle-right icon-notext"></li>
                    </ul>
                    <a href="{{ route('admin.posts.create') }}" class="btn btn-green icon-tasks ml-1">Criar
                        Formulário</a>
                </nav>
            </div>
        </header>

        <div class="dash_content_app_box">
            <div class="nav">
                <ul id="message"></ul>

                <ul class="nav_tabs">
                    <li class="nav_tabs_item">
                        <a href="#data" class="nav_tabs_item_link active">Formulário</a>
                    </li>
                    <li class="nav_tabs_item">
                        <a href="#leadlovers" class="nav_tabs_item_link">LeadLovers</a>
                    </li>
                </ul>

                <form class="app_form j_form" action="{{ route('admin.forms.update', ['form' => $form->id]) }}"
                      method="post"
                      enctype="multipart/form-data">
                    @csrf
                    @method('PUT')

                    <div class="nav_tabs_content">
                        <div id="data">
                            <label class="label">
                                <span class="legend">Tema/Assunto:</span>
                                <input type="text" name="theme"
                                       value="{{ old('theme') ?? $form->theme }}"/>
                            </label>

                            <label class="label">
                                <span class="legend">URL:</span>
                                <input type="text" name="slug" class="slug_input"
                                       value="{{ old('slug') ?? $form->slug }}"/>
                            </label>

                            <label class="label">
                                <span class="legend">Início:</span>
                                <input type="text" name="start" class="" value="{{ old('start') ?? $form->start }}"/>
                            </label>

                            <label class="label">
                                <span class="legend">Fim (OPCIONAL):</span>
                                <input type="text" name="end" class=""
                                       value="{{ old('end') ?? $form->end }}"/>
                            </label>

                            <label class="label">
                                <span class="legend">Imagem: (Tamanho: 1980x600px)</span>
                                <input type="file" class="loadimage" name="cover">
                            </label>

                            <img class="cover"
                                 src="{{ (!empty($form->cover) ? $form->url_cover : url(asset('backend/assets/images/no_image.jpg'))) }}"/>

                            <label class="label">
                                <span class="legend">Mensagem final:</span>
                                <textarea class="mce" name="message" cols="30"
                                          rows="10">{{ old('message') ?? $form->message }}</textarea>
                            </label>

                            <div class="j_inputs form_inputs">
                                <h4 style="margin-bottom: 30px;display: block;width: 100%;">Campo "email" é obrigatório
                                    em todos os formulários. É por onde será feita a
                                    verificação se o cadastro já existe no banco.</h4>

                                @if($form->inputs())
                                    @foreach($form->inputs()->get() as $input)
                                        <label class="label">
                                            <span class="legend">Campo nome:</span>
                                            <input type="text" name="name[]" class=""
                                                   value="{{ old('name') ?? $input->name }}"/>
                                        </label>

                                        <label class="label">
                                            <span class="legend">Tipo:</span>
                                            <select name="type[]">
                                                <option value="">Selecione</option>
                                                <option value="text" {{ (old('type[]') == 'text' || $input->type == 'text' ? 'selected' : '') }}>
                                                    text
                                                </option>
                                                <option value="select" {{ (old('type[]') == 'select' || $input->type == 'select' ? 'selected' : '') }}>
                                                    select
                                                </option>
                                                <option value="number" {{ (old('type[]') == 'number' || $input->type == 'number' ? 'selected' : '') }}>
                                                    number
                                                </option>
                                                <option value="textarea" {{ (old('type[]') == 'textarea' || $input->type == 'textarea' ? 'selected' : '') }}>
                                                    textarea
                                                </option>
                                                <option value="hidden" {{ (old('type[]') == 'hidden' || $input->type == 'hidden' ? 'selected' : '') }}>
                                                    hidden
                                                </option>
                                            </select>
                                        </label>

                                        <label class="label">
                                            <span class="legend">Classe ou complemento:</span>
                                            <input type="text" name="class[]" class=""
                                                   value="{{ old('class') ?? $input->class }}"/>
                                        </label>

                                        <label class="label">
                                            <span class="legend">Obrigatório?</span>
                                            <select name="required[]">
                                                <option value="">Selecione</option>
                                                <option value="1" {{ (old('required[]') == '1' || $input->required == true ? 'selected' : '') }}>
                                                    Sim
                                                </option>
                                                <option value="0" {{ (old('required[]') == '0' || $input->required == false ? 'selected' : '') }}>
                                                    Não
                                                </option>
                                            </select>
                                        </label>

                                    @endforeach
                                @endif
                            </div>

                            <div class="nav_tabs_content text-center mb-2">
                                <a href="javascript:void(0)"
                                   class="btn btn-orange icon-plus ml-1 j_inputs_create">adicionar
                                    campo</a>
                            </div>

                            <div class="label_gc">
                                <span class="legend j_status">{{ ($form->status == true ? 'Publicado' : 'Rascunho') }}</span>
                                <label class="label">
                                    <input type="checkbox"
                                           name="status" {{ ((old('status') === 'on' || 'true' && old('status') != null) || $form->status == true ? 'checked class=active' : 'class=inactive') }}><span></span>
                                </label>
                            </div>

                            <div class="label_gc">
                                <span class="legend">Mostrar contagem de assinaturas</span>
                                <label class="label">
                                    <input type="checkbox"
                                           name="ass" {{ ((old('ass') === 'on' || 'true' && old('ass') != null) || $form->ass == true ? 'checked class=active' : 'class=inactive') }}><span></span>
                                </label>
                            </div>
                        </div>

                        <div id="leadlovers" class="d-none">
                            <label class="label">
                                <span class="legend">Link LL:</span>
                                <input type="text" name="link_ll"
                                       value="{{ old('link_ll') ?? $form->link_ll }}"/>
                            </label>

                            <label class="label">
                                <span class="legend">ID LL:</span>
                                <input type="text" name="id_ll"
                                       value="{{ old('id_ll') ?? $form->id_ll }}"/>
                            </label>

                            <label class="label">
                                <span class="legend">MID LL:</span>
                                <input type="text" name="mid_ll"
                                       value="{{ old('mid_ll') ?? $form->mid_ll }}"/>
                            </label>

                            <label class="label">
                                <span class="legend">PID LL:</span>
                                <input type="text" name="pid_ll"
                                       value="{{ old('pid_ll') ?? $form->pid_ll }}"/>
                            </label>

                            <label class="label">
                                <span class="legend">Campos LL: (separe por vírgulas)</span>
                                <input type="text" name="inputs_ll"
                                       value="{{ old('inputs_ll') ?? $form->inputs_ll }}"/>
                            </label>
                        </div>
                    </div>

                    <div class="text-right mt-2 action_submit nav_button_content">
                        <button class="btn btn-large btn-green icon-check-square-o" type="submit">Salvar Alterações
                        </button>
                        <span class="ajax-loader"></span>
                    </div>
                </form>
            </div>
        </div>
    </section>
@endsection

@section('js')
    <script>
        $(function () {
            $('.j_inputs_create').click(function () {
                var input = "<label class='label'><span class='legend'>Campo nome:</span><input type='text' name='name[]' class='' value='{{ old('name') }}'/></label><label class='label'><span class='legend'>Tipo:</span><select name='type[]'><option value=''>Selecione</option><option value='text' {{ (old('type[]') == 'text' ? 'selected' : '') }}>text</option><option value='select' {{ (old('type[]') == 'select' ? 'selected' : '') }}>select</option><option value='number' {{ (old('type[]') == 'number' ? 'selected' : '') }}>number</option><option value='textarea' {{ (old('type[]') == 'textarea' ? 'selected' : '') }}>textarea</option><option value='hidden' {{ (old('type[]') == 'hidden' ? 'selected' : '') }}>hidden</option></select></label><label class='label'><span class='legend'>Classe ou complemento:</span><input type='text' name='class[]' class='' value='{{ old('class') }}'/></label><label class='label'><span class='legend'>Obrigatório?</span><select name='required[]'><option value=''>Selecione</option><option value='1' {{ (old('required[]') == '1' ? 'selected' : '') }}>Sim</option><option value='0' {{ (old('required[]') == '0' ? 'selected' : '') }}>Não</option></select></label>";
                $('.j_inputs').append(input);
            });
        });
    </script>
@endsection