@extends('frame') 
@section('title', 'The Dash | Editing '. $editTitle)

    @section('main-content')
        @include('includes.editor') 
        <section class="meta hide-el">
            <div data-index="{{$id}}" data-uuid="{{$uuid}}" data-slug="{{$slug}}" data-layout="{{$layout}}" class="file-manager">
                ADD IMAGES AND FILES
                <div class="file-drop">
                    <button id="files-upload" title="upload files">DRAG AND DROP FILES OR CLICK TO SELECT</button>
                </div>
                <div class="page-files-list"></div>
                @if($feature == '')
                    <label class="list-title">IMAGES AND VIDEO</label>
                    <div id="page-images-list" class="page-images-list"></div>
                    <label class="list-title">FILES</label>
                    <div class="page-files-list"></div>
                @else
                    <label class="list-title">IMAGES AND VIDEO</label>
                    <div id="page-images-list" class="page-images-list">
                        @include('includes.media-list') 
                    </div>
                    <label class="list-title">FILES</label>
                    <div class="page-files-list">
                        @include('includes.files-list') 
                    </div>
                @endif
            </div>
            <div class="page-meta">
                <div class="page-layouts">
                    LAYOUTS
                    <select id="page-templates">
                        @foreach($views as $view)
                            @if($view == $layout)
                                <option value= {{$view}} selected>{{$view}}</option>
                            @else
                                <option value= {{$view}}>{{$view}}</option>
                            @endif
                        @endforeach
                    </select>
                </div>
                <div class="page-tags">
                    TAGS
                    <textarea id="post-tags" class="input-dark" type="text" name="post-tags" class="form-control" placeholder="tags [comma seperated]">{{$tags}}</textarea>
                </div>
                <div class="page-options">
                    OPTIONS
                    @include('includes.options') 
                </div>
                <div class="page-updated">
                    <strong>UPDATED</strong><br />
                    <span id="post-date" type="text">
                        {{$updated}}
                    </span>
                </div>
                <div class="page-created">
                    <strong>CREATED</strong><br />
                    <span id="post-date" type="text">
                        {{$date}}
                    </span>
                    <input id="page-files-upload" type="file" name="page-files-upload" multiple />
                    <input id="post-image-upload" type="file" name="post-image-upload" />
                    <input id="form_token" name="token" type="hidden" value="needtoaddtoken">
                </div>
            </div>
        </section>
        <section class="text-editor">
            <div class="page-title">
                <textarea id="post-title-text" class="input-dark" type="text" name="post-title-text" class="post-edit" placeholder="TITLE">{{$editTitle}}</textarea>
            </div>
            <div class="edit-post-wrapper">
                <textarea id="edit" spellcheck="false" class="language-md">{{$content}}</textarea>
                <pre id="highlight"><code id="highlight-content" class="language-md"></code></pre>
            </div>
        </section>
    @endsection
    @section('scripting')
        <script type="module" src="/assets/scripts/dash/app/EditPage.js"></script>
    @endsection