{% extends '@layout/_layout.twig' %}
{% block title %}
    {{ 'BDSM.fm - Create a blog post'|trans }}
{% endblock %}
{% block content %}
    <div id="createPost" class="form-create-post settings-type--album">
        <div class="breadcrumbs">
            <a class="breadcrumbs-elem"
               href="{{ path('profile',{id:globals.profileId}) }}#user-profile-blog">{{ 'Blogs' }}</a>
            <a class="breadcrumbs-elem">{{ 'New 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">{{ 'New 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">
                    </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;"></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="[]"></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" selected="selected">{{ 'Visible to everyone'|trans }}</option>
                        <option value="1">{{ 'Visible only to authorized users'|trans }}</option>
                        <option value="2">{{ 'It is visible only to me'|trans }}</option>
                        <option value="3">{{ 'Visible only to subscribers'|trans }}</option>
                        <option value="4">{{ 'Visible only to subscribes'|trans }}</option>
                    </select>
                </label>
                <div class="switch-control" style="margin-left: 30px;" data-value="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="createPostSubmit" href="#" class="button inline-block button--md"
                    data-userid="{{ globals.profileId }}">
                    <span class="button-inner">{{ 'Save'|trans }}</span>
                </a>
                <a id="createPostCancel" class="button button--as-link inline-block" href="#"
                    data-userid="{{ globals.profileId }}">
                    <span class="button-inner">{{ 'Delete'|trans }}</span>
                </a>
            </div>
        </div>
        <!-- END settings-row -->
    </div>
{% endblock %}