{% extends '@layout/_layout.twig' %}
{% block title %}
    {{ 'BDSM.fm - Edit a blog post'|trans }}
{% endblock %}
{% block content %}
    <div id="updatePost" class="form-create-post">
        <div class="breadcrumbs">
            <a class="breadcrumbs-elem"
               href="{{ path('profile',{id:globals.profileId }) }}#user-profile-blog">{{ 'Blogs'|trans }}</a>
            <a id="lnkToPost" class="breadcrumbs-elem" href="#">{{ 'Blog post'|trans }}
                &laquo;{{ article.title }}&raquo;</a>
            <a class="breadcrumbs-elem">{{ 'Edit blog post'|trans }}</a>
        </div>
        <!-- BEGIN settings-row -->
        <div class='settings-row settings-row--header'>
            <div class="settings-column settings-column--title settings-column--empty">
                &nbsp;
            </div>
            <div class="settings-column settings-column--value">
                <h2 class="form-create-post-title">{{ 'Edit blog post'|trans }}</h2>
            </div>
        </div>
        <!-- END settings-row -->
        <!-- BEGIN settings-row -->
        <div class='settings-row'>
            <div class="settings-column settings-column--title">
                <p class="profile-str">{{ 'Subject'|trans }}</p>
            </div>
            <div class="settings-column settings-column--value">
                <label for="partnersComment" class="form-label margin0">
                    <label for="postsubject" class="form-label margin0">
                        <input type="text" name="postsubject" class="form-input"
                                value="{{ article.title }}">
                    </label>
                </label>
            </div>
        </div>
        <!-- END settings-row -->        
        <!-- BEGIN settings-row -->
        <div class='settings-row'>
            <div class="settings-column settings-column--title">
                <p class="profile-str">{{ 'Text'|trans }}</p>
            </div>
            <div class="settings-column settings-column--value">
                 <label for="posttext" class="form-label margin0">
                    <textarea class="form-textarea" name="posttext"
                            style="height: 275px; width: 100%; resize:none;">{{ article.content }}</textarea>
                </label>
            </div>
        </div>
        <!-- END settings-row -->
        <!-- BEGIN settings-row -->
        <div class='settings-row settings-row--media'>
            <div class="settings-column settings-column--title settings-column--empty">
                &nbsp;
            </div>
            <div class="settings-column settings-column--value">
                <div class="wrap-media" data-images="[]">
                    <input type="file" class="media-browse-file" multiple accept="image/*">
                    <a href="#" class="media-lnk media-lnk--img"></a>
                </div>
            </div>
        </div>
        <!-- END settings-row -->
        <!-- BEGIN settings-row -->
        <div class='settings-row settings-row--default'>
            <div class="settings-column settings-column--title settings-column--empty">
                &nbsp;
            </div>
            <div class="settings-column settings-column--value">
                <div id="tagsPost" data-text="{{ 'Add tag'|trans }}" data-tags="{{ blog_article_tags_json(article) }}"></div>
            </div>
        </div>
        <!-- END settings-row -->
        <!-- BEGIN settings-row -->
        <div class='settings-row settings-row--default'>
            <div class="settings-column settings-column--title settings-column--empty">
                &nbsp;
            </div>
            <div class="settings-column settings-column--value settings-column--default">
                <label for="blogpostsecurity" class="form-label width263 margin0">
                    <select name="blogpostsecurity" id="" class="form-select">
                        <option value="0"
                                {% if article.privacy==0 %}selected="selected"{% endif %}>{{ 'Visible to everyone'|trans }}</option>
                        <option value="1"
                                {% if article.privacy==1 %}selected="selected"{% endif %}>{{ 'Visible only to authorized users'|trans }}</option>
                        <option value="2"
                                {% if article.privacy==2 %}selected="selected"{% endif %}>{{ 'It is visible only to me'|trans }}</option>
                        <option value="3"
                                {% if article.privacy==3 %}selected="selected"{% endif %}>{{ 'Visible only to subscribers'|trans }}</option>
                        <option value="4"
                                {% if article.privacy==4 %}selected="selected"{% endif %}>{{ 'Visible only to subscribes'|trans }}</option>
                    </select>
                </label>
                <div class="switch-control" style="margin-left: 30px;"
                        data-value="{{ article.isPinned ?1:0 }}">
                    <div class="switch-control-inner">
                        <div class="switch-control-view">
                            <label for="blogpostontop" class="switch-control-btn">
                                <span class="switch-control-btn__buble"></span>
                            </label>
                        </div>
                        <div class="switch-control-text">
                            <div class="switch-control-title">{{ 'Attach to the top'|trans }}</div>
                            <div class="switch-control-str">{{ 'Fixed recording may be only one. Privacy can not be adjusted'|trans }}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END settings-row -->
        <!-- BEGIN settings-row -->
        <div class='settings-row settings-row--footer'>
            <div class="settings-column settings-column--title">
                &nbsp;
            </div>
            <div class="settings-column settings-column--value">
                <a id="updatePostSubmit" class="button inline-block button--md" href="#"
                    data-userid="{{ globals.profileId }}" data-article-id="{{ article.id }}">
                    <span class="button-inner">{{ 'Save'|trans }}</span>
                </a>
                <a id="updatePostCancel" class="button button--as-link inline-block" href="#"
                    data-userid="{{ globals.profileId }}"
                    data-article-id="{{ article.id }}">
                    <span class="button-inner">{{ 'Delete'|trans }}</span>
                </a>
            </div>
        </div>
        <!-- END settings-row -->
    </div>
{% endblock %}