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

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

{% 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_reviews_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>
                    </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_review_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_review_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>
                                    </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="/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.nameUa) }}
                                    </div>
                                </div>
                                <div class="form-group"><label class="col-sm-12 control-label">Должность UA:</label>
                                    <div class="col-sm-12">
                                        {{ form_widget(form.positionUa) }}
                                    </div>
                                </div>
                                <div class="form-group"><label class="col-sm-12 control-label">Предприятие UA:</label>
                                    <div class="col-sm-12">
                                        {{ form_widget(form.firmUa) }}
                                    </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>
                    <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="Заголовок"> -->
                                        {{ form_widget(form.nameEn) }}
                                    </div>
                                </div>
                                <div class="form-group"><label class="col-sm-12 control-label">Должность EN:</label>
                                    <div class="col-sm-12">
                                        {{ form_widget(form.positionEn) }}
                                    </div>
                                </div>
                                <div class="form-group"><label class="col-sm-12 control-label">Предприятие EN:</label>
                                    <div class="col-sm-12">
                                        {{ form_widget(form.firmEn) }}
                                    </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>
                    <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">
                                        <!-- <input type="text" class="form-control" placeholder="Заголовок"> -->
                                        {{ form_widget(form.nameRu) }}
                                    </div>
                                </div>
                                <div class="form-group"><label class="col-sm-12 control-label">Должность RU:</label>
                                    <div class="col-sm-12">
                                        {{ form_widget(form.positionRu) }}
                                    </div>
                                </div>
                                <div class="form-group"><label class="col-sm-12 control-label">Предприятие RU:</label>
                                    <div class="col-sm-12">
                                        {{ form_widget(form.firmRu) }}
                                    </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>
                </div>
                {{ form_end(form) }}
            </div>
            <div class="">
                <div class="edit-buttons-content">
                    {{ form_widget(form.secondSubmit) }}
                    <a href="{{ path('admin_reviews_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>
                </div>
            </div>
        </div>
    </div>
    <style>
        .tabs-container .form-group {
            margin: 0px;
        }
    </style>
{% endblock %}