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

    @section('main-content')
        <section data-index="{{$id}}" data-uuid="{{$uuid}}" data-slug="{{$slug}}" data-layout="{{$layout}}" class="file-manager">
            @if($feature == '')
                <div class="file-drop">
                    <label for="page-files-upload">DRAG AND DROP FILES OR CLICK TO SELECT</label>
                </div>
                <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
                <div class="file-drop">
                    <label for="page-files-upload">DRAG AND DROP FILES OR CLICK TO SELECT</label>
                </div>
                <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
        </section>
        <section class="page-meta">
            <div class="page-meta-wrapper">
                <div class="page-title">
                    <strong>TITLE</strong>
                    <textarea id="post-title-text" class="input-dark" type="text" name="post-title-text" class="post-edit" placeholder="TITLE">{{$title}}</textarea>
                </div>
                <div class="page-tags">
                    <strong>TAGS</strong>
                    <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-layouts">
                    <strong>LAYOUTS</strong>
                    <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-options">
                    <strong>OPTIONS</strong>
                    @include('includes.options') 
                </div>
                <div class="page-updated">
                    <strong>UPDATED</strong>
                    <span id="post-date" type="text">
                        {{$updated}}
                    </span>
                </div>
                <div class="page-created">
                    <strong>CREATED</strong>
                    <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>
            </div>
        </section>
        <section class="text-editor">
            @include('includes.editor') 
            <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