@extends('admin.master.master')

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

        <header class="dash_content_app_header">
            <h2 class="icon-pencil">Editar Post</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.posts.index')) }}">Posts</a></li>
                        <li class="separator icon-angle-right icon-notext"></li>
                    </ul>
                    <a href="{{ route('admin.posts.create') }}" class="btn btn-orange icon-pencil ml-1">Novo Post</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.posts.update', ['post' => $post->id]) }}" method="post"
                      enctype="multipart/form-data">
                    @csrf
                    @method('PUT')
                    <input type="hidden" name="id" value="{{ $post->id }}">

                    <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') ?? $post->title }}"/>
                            </label>

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

                            <label class="label">
                                <span class="legend">Destaque:</span>
                                <select name="highlight">
                                    <option value="0">Selecione</option>
                                    <option value="1" {{ (old('highlight') == 1 || $post->highlight == 1 ? 'selected' : '') }}>
                                        Destaque principal
                                    </option>
                                    <option value="3" {{ (old('highlight') == 3 || $post->highlight == 3 ? 'selected' : '') }}>
                                        Lista geral
                                    </option>
                                </select>
                            </label>

                            <label class="label">
                                <span class="legend">Imagem:</span>
                                <input type="file" class="loadimage" name="cover">
                            </label>

                            <label class="label">
                                <span class="legend">Subtitulo:</span>
                                <input type="text" name="subtitle" value="{{ old('subtitle') ?? $post->subtitle }}"/>
                            </label>

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

                            <label class="label">
                                <span class="legend">Vídeo: (URL Youtube)</span>
                                <input type="text" name="video" value="{{ old('video') ?? $post->video }}"/>
                            </label>

                            <label class="label">
                                <span class="legend">Fonte:</span>
                                <input type="text" name="source" value="{{ old('source') ?? $post->source }}"/>
                            </label>

                            <label class="label">
                                <span class="legend">
                                    Arquivo:(DOC, PDF, TXT)
                                    @if($post->file)
                                        <a class="btn btn-orange" href="{{ url('storage/' . $post->file) }}" target="_blank">Abrir
                                        arquivo</a>
                                    @endif
                                </span>
                                <input type="file" name="file">
                            </label>

                            <label class="label">
                                <span class="legend">Galeria: (as imagens aparecerão na ordem que foram enviadas)</span>
                                <input type="file" name="images[]" multiple>
                            </label>

                            <div class="content_image"></div>

                            <div class="property_image">
                                @foreach($post->images()->get() as $image)
                                    <div class="property_image_item">
                                        <img src="{{ $image->url_cropped }}" alt="">
                                        <div class="property_image_actions">
                                            <a href="javascript:void(0)"
                                               class="btn btn-small icon-check icon-notext image-set-cover {{ ($image->cover == true ? 'btn-green' : '') }}"
                                               data-action="{{ route('admin.posts.imageSetCover', ['slug' => $image->id]) }}"></a>
                                            <a href="javascript:void(0)"
                                               class="btn btn-small btn-red icon-times icon-notext image-remove"
                                               data-action="{{ route('admin.posts.imageRemove', ['slug' => $image->id]) }}"></a>
                                        </div>
                                    </div>
                                @endforeach
                            </div>

                        </div>

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

                            <label class="label">
                                <span class="legend">Crédito da Imagem:</span>
                                <input type="text" name="cover_credit"
                                       value="{{ old('cover_credit') ?? $post->cover_credit }}"/>
                            </label>

                            <label class="label">
                                <span class="legend">Categoria:</span>
                                <select name="category">
                                    <option value="">Selecione</option>
                                    @if(!empty($categories))
                                        @foreach($categories as $category)
                                            <option value="{{ $category->id }}" {{ (old('category') == $category->id || ($post->category == $category->id && $post->subcategory == null) ? 'selected' : '') }}>{{ $category->title }}</option>

                                            @foreach($category->subcategory()->get() as $subcategory)
                                                <option value="{{ $subcategory->id }}" {{ (old('subcategory') == $subcategory->id || $post->subcategory == $subcategory->id ? 'selected' : '') }}>
                                                    >> {{ $subcategory->title }}</option>
                                            @endforeach
                                        @endforeach
                                    @endif
                                </select>
                            </label>

                            <label class="label">
                                <span class="legend">Autor:</span>
                                <select name="author">
                                    <option value="0">Selecione</option>
                                    @if(!empty($authors))
                                        @foreach($authors as $author)
                                            <option value="{{ $author->id }}" {{ (old('author') == $author->id || auth()->user()->name == $author->name || $post->author == $author->id ? 'selected' : '') }}>{{ $author->name }}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </label>

                            <label class="label">
                                <span class="legend">Dia:</span>
                                <input type="text" name="date"
                                       value="{{ old('date') ?? $post->date_back }}"/>
                            </label>

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

                            <div class="label_gc">
                                <span class="legend">Redes</span>
                                <label class="label">
                                    <input type="checkbox"
                                           name="social" {{ ((old('social') === 'on' || 'true' && old('social') != null) || $post->social == true ? 'checked' . ' class=active' : 'class=inactive') }}><span></span>
                                </label>
                            </div>
                        </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 () {

            $('input[name="images[]"]').change(function (images) {
                $('.content_image').text('');

                $.each(images.target.files, function (key, value) {
                    var reader = new FileReader();
                    reader.onload = function (value) {
                        $('.content_image').append(
                            '<div class="property_image_item">' +
                            '<div class="embed radius" ' +
                            'style="background-image:url(' + value.target.result + '); background-size: cover; background-position: center center;">' +
                            '</div>' +
                            '</div>');
                    };
                    reader.readAsDataURL(value);
                });
            });
        });
    </script>
@endsection