@extends('layouts.admin.theme')
<!-- TELA CREATE ATUALIZADA POR CURSOR -->
@section("title", env("APP_NAME") . " :: Nova Página HTML")
@section('content')
    <form action="{{ route('admin.htmls.store') }}" method="post" enctype="multipart/form-data">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="card shadow">
                        @php
                            $headLine = __('Nova Página HTML');
                        @endphp
                        @include('components.buttons._headLineButtonsBackAdd', [
                            'headLine' => $headLine,
                            'routeBack' => 'admin.htmls.index',
                            'routeBackParams' => $filterParams ?? [],
                            'nameBack' => __('Voltar'),
                            'permission' => 'GERENCIADOR_DE_PAGINAS_HTML',
                        ])
                        <div class="card-body">
                            @csrf
                            <input type="hidden" name="return_url" value="{{ old('return_url', $returnUrl ?? null) }}">
                            @if(!empty($filterParams))
                                @foreach($filterParams as $key => $value)
                                    @if($value !== null && $value !== '')
                                        <input type="hidden" name="{{ $key }}" value="{{ $value }}">
                                    @endif
                                @endforeach
                            @endif
                            @if ($errors->any())
                                @foreach ($errors->all() as $error)
                                    <div class="alert alert-danger">
                                        {!! $error !!}
                                    </div>
                                @endforeach
                            @endif

                            @if (session('error'))
                                <div class="alert alert-danger">
                                    {{ session('error') }}
                                </div>
                            @endif
                            <div class="mb-3">
                                <input type="hidden" name="slug" value="">
                                <input type="hidden" name="order" value="">
                                <input type="hidden" name="structure_id" value="">
                                <label for="type" class="form-label text-bold">{{ __('Pertence a:') }}</label>
                                <select class="form-control" name="structure_id" id="structure_id">
                                    <option value="">---</option>
                                    @foreach($secretarias as $secretaria)
                                        <option value="{{ $secretaria->id }}">{{ $secretaria->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="mb-3">
                                <label for="reusable_menu_id" class="form-label text-bold">
                                    {{ __('Menu reutilizável (opcional)') }}
                                </label>
                                <select class="form-control" name="reusable_menu_id" id="reusable_menu_id">
                                    <option value="">{{ __('Sem menu reutilizável (usar menu personalizado, se ativado)') }}</option>
                                    @foreach($reusableMenus as $menu)
                                        <option value="{{ $menu->id }}" {{ old('reusable_menu_id') == $menu->id ? 'selected' : '' }}>
                                            {{ $menu->title }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('reusable_menu_id')
                                    <small class="text-danger text-bold">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="mb-3">
                                <label for="title" class="form-label text-bold">{{ __('Título da Página:') }} <span
                                        class="span-admin-create">*</span></label>
                                <input type="text" class="form-control @error('title') is-invalid @enderror" name="title"
                                    id="title" autocomplete="off" value="{{ old('title') }}">
                                @error('title')
                                    <small class="text-danger text-bold">{{ $message }}</small><br>
                                @enderror
                                <small id="charCounterTitleNews" class="text-muted">0/85</small>
                            </div>
                            <div class="mb-3 text-wrap">
                                <label for="summary" class="form-label text-bold">{{ __('Descrição sumária:') }} <span
                                        class="span-admin-create">*</span></label>
                                <textarea class="form-control @error('summary') is-invalid @enderror" name="summary"
                                    id="summary">{{ old('summary') }}</textarea>
                                @error('summary')
                                    <small class="text-danger text-bold">{{ $message }}</small>
                                @enderror
                            </div>

                            <div class="mb-3">
                                <label for="display_context" class="form-label text-bold">
                                    {{ __('Onde esta página deve aparecer?') }} <span class="span-admin-create">*</span>
                                </label>
                                <select class="form-control @error('display_context') is-invalid @enderror" name="display_context" id="display_context">
                                    <option value="ORG_PAGE" {{ old('display_context', 'ORG_PAGE') === 'ORG_PAGE' ? 'selected' : '' }}>
                                        {{ __('Somente na página do órgão') }}
                                    </option>
                                    <option value="INDEPENDENT" {{ old('display_context') === 'INDEPENDENT' ? 'selected' : '' }}>
                                        {{ __('Somente como página independente') }}
                                    </option>
                                    <option value="BOTH" {{ old('display_context') === 'BOTH' ? 'selected' : '' }}>
                                        {{ __('Na página do órgão e como página independente') }}
                                    </option>
                                </select>
                                <small class="text-muted">
                                    {{ __('Use "Somente na página do órgão" para evitar duplicidade com a URL independente.') }}
                                </small>
                                @error('display_context')
                                    <small class="text-danger text-bold">{{ $message }}</small>
                                @enderror
                            </div>

                            <ul class="nav nav-pills mb-3 justify-content-center bg-light p-2 rounded shadow-sm"
                                role="tablist">
                                    @include('components.lists._liLinkPaneHtml', [
                                    'paineis' => [
                                        ['class' => 'active', 'id' => 'html-tab', 'hash' => 'primeiraSection', 'target' => 'html-tab-pane', 'label' => __('HTML'), 'aria1' => 'html-tab-pane', 'aria2' => 'true', 'for' => 'css'],
                                        ['class' => '', 'id' => 'css-tab', 'hash' => 'segundaSection', 'target' => 'css-tab-pane', 'label' => __('CSS'), 'aria1' => 'css-tab-pane', 'aria2' => 'false', 'for' => 'css'],
                                        ['class' => '', 'id' => 'js-tab', 'hash' => 'terceiraSection', 'target' => 'js-tab-pane', 'label' => __('JS'), 'aria1' => 'js-tab-pane', 'aria2' => 'false', 'for' => 'js']
                                    ]
                                ])
                            </ul>

                            <div class="tab-content mt-0">
                                <div class="tab-pane fade show active" id="html-tab-pane" role="tabpanel"
                                    aria-labelledby="html-tab" tabindex="0">
                                    <div class="mb-3 text-wrap">
                                        <textarea class="form-control @error('code') is-invalid @enderror" name="code"
                                            id="code" style="height: 600px">{{ old('code') }}</textarea>
                                        @error('code')
                                            <small class="text-danger text-bold">{{ $message }}</small>
                                        @enderror
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="css-tab-pane" role="tabpanel" aria-labelledby="css-tab"
                                    tabindex="0">
                                    <div class="mb-3 text-wrap">
                                        <textarea class="form-control @error('css') is-invalid @enderror" name="css"
                                            id="css" style="height: 600px">{{ old('css') }}</textarea>
                                        @error('css')
                                            <small class="text-danger text-bold">{{ $message }}</small>
                                        @enderror
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="js-tab-pane" role="tabpanel" aria-labelledby="js-tab"
                                    tabindex="0">
                                    <div class="mb-3 text-wrap">

                                        <textarea class="form-control @error('js') is-invalid @enderror" name="js" id="js"
                                            style="height: 600px">{{ old('js') }}</textarea>
                                        @error('js')
                                            <small class="text-danger text-bold">{{ $message }}</small>
                                        @enderror
                                    </div>
                                </div>
                            </div>
                            <div class="mb-3">
                                <label for="visibility" class="form-label text-bold">{{ __('* Visível na Lista de Serviços') }}</label>
                                <select class="form-control @error('visibility') is-invalid @enderror" name="visibility"
                                    id="visibility">
                                    @foreach(App\Enums\StatusEnum::cases() as $status)
                                        <option value="{{ $status->name }}">{{ $status->value }}</option>
                                    @endforeach
                                </select>
                                @error('visibility')
                                    <small class="text-danger text-bold">{{ $message }}</small>
                                @enderror
                            </div>

                            <div class="mb-3">
                                <label for="status" class="form-label text-bold">{{ __('* Status') }}</label>
                                <select class="form-control @error('status') is-invalid @enderror" name="status"
                                    id="status">
                                    @foreach(App\Enums\StatusEnum::cases() as $status)
                                        <option value="{{ $status->name }}">{{ $status->value }}</option>
                                    @endforeach
                                </select>
                                @error('status')
                                    <small class="text-danger text-bold">{{ $message }}</small>
                                @enderror
                            </div>
                            <div class="mb-3">
                                <a href="{{ route('admin.htmls.index', $filterParams ?? []) }}" class="btn btn-lg btn-secondary d-inline">{{ __('Voltar') }}</a>

                                <button type="submit" class="btn btn-lg btn-info d-inline text-white" formaction="{{ route('admin.htmls.preview') }}" formtarget="_blank">
                                    <i class="fa-solid fa-eye"></i> {{ __('Pré-visualizar') }}
                                </button>

                                <button class="btn btn-lg btn-dark d-inline" type="submit">{{ __('Enviar') }}</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
@endsection