{% 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_services_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_service_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_service_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">
                                                    {{ form_widget(form.termFrom,{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">
                                                    {{ form_widget(form.termTo,{attr:{'class':'form-control', 'view':'date', 'auto-close':'true', 'min-view':'date', 'format':'dd/MM/yyyy'}}) }}
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-sm-12"><label class="row col-sm-12 control-label">Цена:</label>
                                                {{ form_widget(form.price) }}
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <div class="col-sm-12"><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>
                                        <div class="col-sm-12"><label class="row col-sm-12 control-label">Категория:</label>
                                            {{ form_widget(form.serviceCategory,{attr:{'class':'form-control m-b'}}) }}
                                        </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-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> -->
                                    <div class="col-sm-12">
                                        {{ form_widget(form.seoTitleUa) }}
                                    </div>
                                </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> -->
                                    <div class="col-sm-12">
                                        {{ form_widget(form.seoDescriptionUa) }}
                                    </div>
                                </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> -->
                                    <div class="col-sm-12">
                                        {{ form_widget(form.seoKeywordsUa) }}
                                    </div>
                                </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> -->
                                    <div class="col-sm-12">
                                        {{ form_widget(form.seoTitleEn) }}
                                    </div>
                                </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> -->
                                    <div class="col-sm-12">
                                        {{ form_widget(form.seoDescriptionEn) }}
                                    </div>
                                </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> -->
                                    <div class="col-sm-12">
                                        {{ form_widget(form.seoKeywordsEn) }}
                                    </div>
                                </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> -->
                                    <div class="col-sm-12">
                                        {{ form_widget(form.seoTitleRu) }}
                                    </div>
                                </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> -->
                                    <div class="col-sm-12">
                                        {{ form_widget(form.seoDescriptionRu) }}
                                    </div>
                                </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> -->
                                    <div class="col-sm-12">
                                        {{ form_widget(form.seoKeywordsRu) }}
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
                {{ form_end(form) }}
            </div>
            <div class="">
                <div class="edit-buttons-content">
                    {{ form_widget(form.secondSubmit) }}
                    <a href="{{ path('admin_services_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 %}