@extends('admin.master.master')

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

        <header class="dash_content_app_header">
            <h2 class="icon-file-o">Página [{{ $page->title }}]</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.pages.index')) }}">Páginas</a></li>
                        <li class="separator icon-angle-right icon-notext"></li>
                    </ul>
                    <a href="{{ route('admin.pages.create') }}" class="btn btn-orange icon-pencil ml-1">Nova Página</a>
                </nav>
            </div>
        </header>

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

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

                    <div class="nav_tabs_content">
                        <div class="content_post">

                            <label class="label">
                                <span class="legend">Título:</span>
                                <input type="text" name="title"
                                       value="{{ old('title') ?? $page->title }}"/>
                            </label>

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

                            <label class="label">
                                <span class="legend">Subtitulo: (Importante para SEO [indexação no Google])</span>
                                <input type="text" name="subtitle" value="{{ old('subtitle') ?? $page->subtitle }}"/>
                            </label>

                            <label class="label">
                                <span class="legend">Conteúdo:</span>
                                <textarea class="mce" name="content" cols="30"
                                          rows="10">{{ old('content') ?? $page->content }}</textarea>
                            </label>

                            <label class="label">
                                <span class="legend">Ordem no menu:</span>
                                <input type="number" name="order" value="{{ old('order') ?? $page->order }}"/>
                            </label>

                        </div>

                        <div class="content_cover">
                            <label class="label">
                                <span class="legend">Imagem:</span>
                                <input type="file" class="loadimage" name="cover">
                            </label>
                            <img class="cover"
                                 src="{{ (!empty($page->cover) ? $page->url_cover : url(asset('backend/assets/images/no_image.jpg'))) }}"/>


                            <div class="label_gc">
                                <span class="legend j_status">{{ ($page->status == true ? 'Publicado' : 'Rascunho') }}</span>
                                <label class="label">
                                    <input type="checkbox"
                                           name="status" {{ ((old('status') === 'on' || 'true' && old('status') != null) || $page->status == true ? 'checked' . ' class=active' : 'class=inactive') }}><span></span>
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="text-right mt-2 action_submit">
                        <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 () {

        });
    </script>
@endsection