{% 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_members_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_member_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_member_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-6">
                                            <label class="row col-sm-12 control-label">Лет опыта работы:</label>
                                            {{ form_widget(form.experienceDate) }}
                                        </div>

                                        <div class="col-sm-6">
                                            <label class="row col-sm-12 control-label">Часов практики:</label>
                                            {{ form_widget(form.experienceHours) }}
                                        </div>

                                        <div class="col-sm-6">
                                            <label class="row col-sm-12 control-label">Закрытых дел:</label>
                                            {{ form_widget(form.experienceCase) }}
                                        </div>

                                        <div class="col-sm-6"><label class="row col-sm-12 control-label">Ссылка:</label>
                                            {{ form_widget(form.permalink) }}
                                            {{ form_errors(form.permalink) }}
                                        </div>

                                        <div class="col-sm-12"><label class="row col-sm-12 control-label">Сервисы:</label>
                                            {{ form_widget(form.services, {'attr': {'data-placeholder': "Выберите..."}}) }}
                                        </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="/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.surnameUa) }}
                                </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.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="Заголовок"> -->
                                    {{ 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.surnameEn) }}
                                </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.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">
                                    <!-- <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.surnameRu) }}
                                </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.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_members_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 %}