{% extends 'layouts/app.twig' %}
{% import 'macros/base.twig' as m %}
{% import 'macros/form.twig' as f %}

{% block title %}{{ news ? __('news.edit.edit') : __('news.edit.add') }}{% endblock %}

{% block content %}
    <div class="container">
        <h1>{{ block('title') }}</h1>

        {% include 'layouts/parts/messages.twig' %}

        {% if news %}
            <div class="row">
                <div class="col-md-6">
                    <p>
                        {{ m.glyphicon('time') }} {{ news.updated_at.format(__('Y-m-d H:i')) }}

                        {% if news.updated_at != news.created_at %}
                            &emsp;{{ __('news.updated') }}
                            <br>
                            {{ m.glyphicon('time') }} {{ news.created_at.format(__('Y-m-d H:i')) }}
                        {% endif %}

                        &emsp;{{ m.user(news.user) }}
                    </p>
                </div>
            </div>
        {% endif %}

        <form action="" enctype="multipart/form-data" method="post">
            {{ csrf() }}

            <div class="row">
                <div class="col-md-6">
                    {{ f.input(
                        'title',
                        __('news.edit.subject'),
                        null,
                        {'required': true, 'value': news ? news.title : ''}
                    ) }}
                </div>
                <div class="col-md-6">
                    {{ f.checkbox('is_meeting', __('news.edit.is_meeting'), is_meeting) }}
                </div>
            </div>

            <div class="row">
                <div class="col-md-12">
                    {{ f.textarea('text', __('news.edit.message'), {'required': true, 'rows': 10, 'value': news ? news.text : ''}) }}

                    {{ f.submit() }}

                    {{ f.submit(m.glyphicon('eye-close'), {'name': 'preview', 'btn_type': 'info'}) }}

                    {% if news %}
                        {{ f.submit(m.glyphicon('trash'), {'name': 'delete', 'btn_type': 'danger'}) }}
                    {% endif %}
                </div>
            </div>

            {% if news %}
                <div class="row">
                    <div class="col-md-12">
                        <h2>Preview</h2>

                        <div class="panel {% if not news.is_meeting %}panel-default{% else %}panel-info{% endif %}">
                            <div class="panel-heading">
                                <h3 class="panel-title">
                                    {% if news.is_meeting %}{{ __('news.is_meeting') }}{% endif %}
                                    {{ news.title }}
                                </h3>
                            </div>

                            <div class="panel-body">
                                {{ news.text|raw|markdown(false) }}
                            </div>
                        </div>
                    </div>
                </div>
            {% endif %}

        </form>
    </div>
{% endblock %}