{% extends '::base_admin.html.twig' %}

{#{% form_theme form ':Form:editFields.html.twig' %}#}
{#{% form_theme delete_form ':Form:editFields.html.twig' %}#}

{% form_theme form ':Form:fields.html.twig' %}

    {% block last_stylesheet %}
    <link href='{{ asset('includes/css/plugins/datapicker/datepicker3.css') }}' rel='stylesheet'>
    <link href='{{ asset('includes/css/plugins/daterangepicker/daterangepicker-bs3.css') }}' rel='stylesheet'>
    <link href='{{ asset('includes/css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css') }}' rel='stylesheet'>
{% endblock %}

{% block body %}
<div class="col-lg-12 main-body">
    <div class="wrapper wrapper-content animated fadeInUp">
        {{ form_start(form,{'attr': {'class': 'tabs-container'}}) }}
        <div class="tabs-container">
            <div class="save-buttons">
                <ul class="nav nav-tabs">
                    <li class="active"><a data-toggle="tab" href="#tab-1" aria-expanded="true"> Info</a></li>
                    <li class=""><a data-toggle="tab" href="#tab-4" aria-expanded="false"> RU</a></li>
                    <li class=""><a data-toggle="tab" href="#tab-2" aria-expanded="false"> UA</a></li>
                    <li class=""><a data-toggle="tab" href="#tab-3" aria-expanded="false"> EN</a></li>
                    <li class="pull-right edit-buttons first" style="margin-left: 20px">
                        {{ form_widget(form.submit) }}
                    </li>
                    <li class="pull-right edit-buttons first" style="margin-left: 20px">
                        <a href="{{ path('admin_news_list') }}" style="margin: 0px; padding: 0px; text-decoration: none">
                            <button type="button" class="btn btn-w-m btn-success pull-right btn-sm btn-outline">Отмена
                            </button>
                        </a>
                    </li>
                    <li class="pull-right edit-buttons">
                        {#<a href="{{ path('admin_news_delete', { 'id': entity.id }) }}" style="margin: 0px; padding: 0px; text-decoration: none">#}
                        <a href="javascript:void(0)"
                           style="margin: 0px; padding: 0px; text-decoration: none"
                           onclick="bootbox.confirm('Вы уверены?', function(result){ if(result) { window.location='{{  path('admin_news_delete', { 'id': entity.id }) }}' } })">
                            <button type="button" class="btn btn-w-m btn-danger pull-right btn-sm">Удалить</button>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="tab-content edit-block">
                <div id="tab-1" class="tab-pane active">
                    <div class="panel-body">
                        <fieldset class="custom-form form-horizontal">
                            <div class="col-xs-3 form-group switchers-group">
                                <label class="switch-label">Опубликовано:</label>
                                <div class="switch">
                                    <div class="onoffswitch">
                                        {{ form_widget(form.isActive,{'attr': {'class': 'onoffswitch-checkbox','id':'collapsemenu'}}) }}
                                        <!-- <input type="checkbox" name="collapsemenu" class="onoffswitch-checkbox" id="collapsemenu"> -->
                                        <label class="onoffswitch-label" for="adminbundle_news_isActive">
                                            <span class="onoffswitch-inner"></span>
                                            <span class="onoffswitch-switch"></span>
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-9 form-group switchers-group">
                                <label class="switch-label">Отобразить на главной:</label>
                                <div class="switch">
                                    <div class="onoffswitch">
                                        {{ form_widget(form.isMainPage,{'attr': {'class': 'onoffswitch-checkbox','id':'collapsemenu'}}) }}
                                        {#<input type="checkbox" name="collapsemenu" class="onoffswitch-checkbox" id="collapsemenu2">#}
                                        <label class="onoffswitch-label" for="adminbundle_news_isMainPage">
                                            <span class="onoffswitch-inner"></span>
                                            <span class="onoffswitch-switch"></span>
                                        </label>
                                    </div>
                                </div>
                            </div>

                            <div class="main-fields-block">
                                <div class="main-fields-block-left col-xs-9">
                                    <div class="form-group">
                                        <div class="col-sm-4"><label class="row col-sm-12 control-label">Дата начала
                                                                                                         публикации:</label>
                                            <div class="input-group date">

                                                {{ form_widget(form.datePublish,{attr:{'class':'form-control', 'view':'date', 'auto-close':'true', 'min-view':'date', 'format':'dd/MM/yyyy'}}) }}

                                            </div>
                                        </div>
                                        {#<div class="col-sm-4"><label class="row col-sm-12 control-label">Дата окончания публикации:</label>
                                            <div class="input-group date">
                                                <input type="datetime" class="form-control" view="date" auto-close="true" min-view="date" format="YYYY-MM-DD">
                                                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                            </div>
                                        </div>#}

                                        <div class="col-sm-4">
                                            <label class="row  col-sm-12 control-label">Категория:</label>
                                            {{ form_widget(form.newsCategory,{attr:{'class':'form-control m-b'}}) }}
                                            <!--                                           <select class="form-control m-b" name="account">
                                                                                          <option>option 1</option>
                                                                                          <option>option 2</option>
                                                                                          <option>option 3</option>
                                                                                          <option>option 4</option>
                                                                                      </select> -->
                                        </div>
                                    </div>
                                    <div class="form-group">

                                        <div class="col-sm-4"><label class="row col-sm-12 control-label">Автор
                                                                                                         новости:</label>
                                            <!-- <input type="text" class="form-control" placeholder="Автор"> -->
                                            {{ form_widget(form.member,{attr:{'class':'form-control'}}) }}
                                        </div>
                                        <div class="col-sm-8"><label class="row col-sm-12 control-label">Ссылка:</label>
                                            <!-- <input type="text" class="form-control" placeholder="Ссылка"> -->
                                            {{ form_widget(form.permalink) }}
                                            {{ form_errors(form.permalink) }}

                                        </div>
                                                                            <div class="form-group">
                                        <div class="col-sm-8"><label class="row col-sm-12 control-label">Сервисы:</label>
                                            {{ form_widget(form.services, {'attr': {'data-placeholder': "Выберите..."}}) }}
                                        </div>
                                    </div>

                                    </div>
                                </div>
                                <div class="col-md-3 col-xs-12 img-prew-block">
                                    <div class="col-sm-12 img-containe" id="previewPictureBlock"><label class="row col-sm-12 control-label">Фото обложки</label>
                                        <img src="{{entity.image?entity.image:'/includes/admin/img/no_image.jpg'}}" alt="">
                                    </div>

                                </div>
                            </div>

                        </fieldset>

                    </div>
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="ibox float-e-margins">
                                <div class="ibox-title  back-change">
                                    <h5>Изменить фото обложки</h5>
                                    <button type="button" class="btn btn-w-m btn-danger pull-right btn-xs" id="deletePreview">Удалить старую обложку</button>
                                    <label title="Upload image file" for="inputImage" class="btn btn-primary btn-xs pull-right" style="margin-right: 20px;">
                                        {#{{ form_widget(form.imageFile,{attr:{'class':'hide','id':'inputImage','accept':'image/*' }}) }}#}
                                        <!-- <input type="file" accept="image/*" name="file" id="inputImage" class="hide"> -->
                                        <input type="file" accept="image/*" name="file" id="inputImage" class="hide">
                                        Загрузить новую обложку
                                    </label>

                                </div>
                                <div class="ibox-content photo-hide">
                                    <div class="row">
                                        <div class="col-md-6 cropper-block">
                                            <input type="hidden" name="crop" class="cropped-input">
                                            <h4>
                                                Загруженное изображение
                                            </h4>

                                            <div class="image-crop">
                                                <img src="" alt="" id="image">
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <h4>Обрезанное изображение</h4>
                                            <div class="img-preview img-preview-sm"></div>
                                            <h4>Изменить фото обложки</h4>
                                            <p>
                                                Вы можете изменить фото обложки либо скачать уже обрезанную
                                            </p>
                                            <div class="btn-group">
                                                <label title="Donload image" id="change" class="btn btn-success">Изменить фото</label>
                                            </div>
                                            <h4>Опции</h4>
                                            <p>
                                                Редактирование изображения
                                            </p>
                                            <div class="btn-group">
                                                <button class="btn btn-white" id="zoomIn" type="button">Zoom In</button>
                                                <button class="btn btn-white" id="zoomOut" type="button">Zoom Out</button>
                                                <button class="btn btn-white" id="rotateLeft" type="button">Rotate Left</button>
                                                <button class="btn btn-white" id="rotateRight" type="button">Rotate Right</button>
                                            </div>
                                            <p>
                                                Пропорции
                                            </p>
                                            <div class="btn-group">
                                                <button class="btn btn-white aspect-ratio" data-type="1.7777777777777777" type="button">16:9</button>
                                                <button class="btn btn-white aspect-ratio" data-type="4/3" type="button">4:3</button>
                                                <button class="btn btn-white aspect-ratio" data-type="1/1" type="button">1:1</button>
                                                <button class="btn btn-white aspect-ratio" data-type="2/3" type="button">2:3</button>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>


                    </div>

                </div>
                <div id="tab-2" class="tab-pane">
                    <div class="panel-body">
                        <fieldset class="form-horizontal custom-form">
                            <div class="form-group">
                                <label class="col-sm-12 control-label">Заголовок UA:</label>
                                <div class="col-sm-12">
                                    <!-- <input type="text" class="form-control" placeholder="Заголовок"> -->
                                    {{ form_widget(form.titleUa) }}
                                </div>
                            </div>
                            <div class="form-group"><label class="col-sm-12 control-label">Описание UA:</label>
                                <div class="col-sm-12">
                                    {{ form_widget(form.contentUa) }}
                                </div>
                            </div>
                        </fieldset>

                    </div>
                    <div class="ibox float-e-margins form-horizontal custom-form">
                        <div class="ibox-title">
                            <h5>Seo block</h5>
                            <div class="ibox-tools">
                                <a class="collapse-link">
                                    <i class="fa fa-chevron-down"></i>
                                </a>
                            </div>
                        </div>
                        <div class="ibox-content">
                            <div class="form-group"><label class="col-sm-12 control-label">Seo Title UA:</label>
                                <!-- <div class="col-sm-12"><input type="text" class="form-control" placeholder="Seo Title"></div> -->
                                {{ form_widget(form.seoTitleUa) }}
                            </div>
                            <div class="form-group"><label class="col-sm-12 control-label">Seo Description UA:</label>
                                <!-- <div class="col-sm-12"><input type="text" class="form-control" placeholder="Seo Description"></div> -->
                                {{ form_widget(form.seoDescriptionUa) }}
                            </div>
                            <div class="form-group"><label class="col-sm-12 control-label">Seo Keywords UA:</label>
                                <!-- <div class="col-sm-12"><input type="text" class="form-control" placeholder="Seo Keywords"></div> -->
                                {{ form_widget(form.seoKeywordsUa) }}
                            </div>
                        </div>

                    </div>
                </div>
                <div id="tab-3" class="tab-pane">
                    <div class="panel-body">

                        <fieldset class="form-horizontal custom-form">
                            <div class="form-group"><label class="col-sm-12 control-label">Заголовок EN:</label>
                                <!-- <div class="col-sm-12"><input type="text" class="form-control" placeholder="Заголовок"></div> -->
                                <div class="col-sm-12">
                                    {{ form_widget(form.titleEn) }}
                                </div>
                            </div>
                            <div class="form-group"><label class="col-sm-12 control-label">Описание EN:</label>
                                <div class="col-sm-12">
                                    {{ form_widget(form.contentEn) }}
                                </div>
                            </div>
                        </fieldset>

                    </div>
                    <div class="ibox float-e-margins form-horizontal custom-form">
                        <div class="ibox-title">
                            <h5>Seo block</h5>
                            <div class="ibox-tools">
                                <a class="collapse-link">
                                    <i class="fa fa-chevron-down"></i>
                                </a>
                            </div>
                        </div>
                        <div class="ibox-content">
                            <div class="form-group"><label class="col-sm-12 control-label">Seo Title EN:</label>
                                <!-- <div class="col-sm-12"><input type="text" class="form-control" placeholder="Seo Title"></div> -->
                                {{ form_widget(form.seoTitleEn) }}
                            </div>
                            <div class="form-group"><label class="col-sm-12 control-label">Seo Description EN:</label>
                                <!-- <div class="col-sm-12"><input type="text" class="form-control" placeholder="Seo Description"></div> -->
                                {{ form_widget(form.seoDescriptionEn) }}
                            </div>
                            <div class="form-group"><label class="col-sm-12 control-label">Seo Keywords EN:</label>
                                <!-- <div class="col-sm-12"><input type="text" class="form-control" placeholder="Seo Keywords"></div> -->
                                {{ form_widget(form.seoKeywordsEn) }}

                            </div>
                        </div>

                    </div>
                </div>
                <div id="tab-4" class="tab-pane">
                    <div class="panel-body">

                        <fieldset class="form-horizontal custom-form">
                            <div class="form-group"><label class="col-sm-12 control-label">Заголовок RU:</label>
                                <div class="col-sm-12">
                                    {{ form_widget(form.titleRu) }}
                                </div>
                                <!-- <div class="col-sm-12"><input type="text" class="form-control" placeholder="Заголовок"></div> -->
                            </div>
                            <div class="form-group"><label class="col-sm-12 control-label">Описание RU:</label>
                                <div class="col-sm-12">
                                    {{ form_widget(form.contentRu) }}
                                </div>
                            </div>
                        </fieldset>

                    </div>
                    <div class="ibox float-e-margins form-horizontal custom-form">
                        <div class="ibox-title">
                            <h5>Seo block</h5>
                            <div class="ibox-tools">
                                <a class="collapse-link">
                                    <i class="fa fa-chevron-down"></i>
                                </a>
                            </div>
                        </div>
                        <div class="ibox-content">
                            <div class="form-group"><label class="col-sm-12 control-label">Seo Title RU:</label>
                                <!-- <div class="col-sm-12"><input type="text" class="form-control" placeholder="Seo Title"></div> -->
                                {{ form_widget(form.seoTitleRu) }}
                            </div>
                            <div class="form-group"><label class="col-sm-12 control-label">Seo Description RU:</label>
                                <!-- <div class="col-sm-12"><input type="text" class="form-control" placeholder="Seo Description"></div> -->
                                {{ form_widget(form.seoDescriptionRu) }}
                            </div>
                            <div class="form-group"><label class="col-sm-12 control-label">Seo Keywords RU:</label>
                                <!-- <div class="col-sm-12"><input type="text" class="form-control" placeholder="Seo Keywords"></div> -->
                                {{ form_widget(form.seoKeywordsRu) }}
                            </div>
                        </div>

                    </div>
                </div>
            </div>
            {{ form_end(form) }}
        </div>
        <div class="">
            <div class="edit-buttons-content">
                {{ form_widget(form.secondSubmit) }}
                <a href="{{ path('admin_news_list') }}" style="margin: 0px; padding: 0px; text-decoration: none">
                    <button style="margin-right:25px" type="button" class="edit-buttons first btn btn-w-m btn-success pull-right btn-sm btn-outline">
                        Отмена
                    </button>
                </a>
                <a href="javascript:void(0)"
                   style="margin: 0px; padding: 0px; text-decoration: none"
                   onclick="bootbox.confirm('Вы уверены?', function(result){ if(result) { window.location='{{  path('admin_news_delete', { 'id': entity.id }) }}' } })">
                    <button style="width: 120px; margin-right:20px" type="button" class="edit-buttons btn btn-w-m btn-danger pull-right btn-sm">
                        Удалить
                    </button>
                </a>
            </div>
        </div>
    </div>

    <style>
        .tabs-container .form-group {
            margin: 0px;
        }
    </style>
{% endblock %}
{% block last_javascript %}
    {{ parent() }}
    <script>
        $(document).ready(function() {
            {% if form.vars.value.isActive == false %}
            $('#adminbundle_news_isActive').prop('checked', false);
            {% endif %}

            {% if form.vars.value.isMainPage == false %}
            $('#adminbundle_news_isMainPage').prop('checked', false);
            {% endif %}
        });
    </script>
{% endblock %}