{% extends app.request.get('instance_id') > 0 ? "::adminBaseAjax.html.twig" : app.request.get('project_setting').instance_theme_path~":AdminTheme:base.html.twig" %}

{% block breadcrumb %}  
    <li><a href="{{ path('office_brain_page_admin_content_management') }}">{{ "cms.admin.breadcrumb"|trans }}</a> /</li>  
    <li><a href="{{ path('office_brain_homesectionbundle_admin_funpromosectionlist') }}">Home Page Section</a> / </li>
    <li>Add Fun promos section</li>
    {% endblock breadcrumb %}

{% block main_page_title %}

    {% block form_title %}
        <i class="fa fa-image"></i> Add Fun promos section
    {% endblock form_title %}

{% endblock main_page_title %}

{% block ajax_body %}
{% block header_css %}
    {{ parent() }}
    <link rel='stylesheet' href='{{ asset('bundles/officebrainbanner/css/banner-manage.css')  }}' type='text/css' />
{% endblock header_css %}

    {% block main_content %}
        <div class="ui-table-block col-lg-12 col-md-12 col-xs-12 add-banner-block">
            <div class="ui-content-block">
                {{ form_start(form, {'action' : path('office_brain_homesectionbundle_admin_processfunhomesection', {'instance_id':app.request.get('instance_id')}), 'attr' : {'class':'js-add-edit-form','novalidate' : '', 'role' : 'form'}}) }}
                <input type="hidden" name="instance_id" id="instance_id" value="{{app.request.get('instance_id')}}">
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" id="myTabContent">
                        <div class=" col-xs-12">
                            <div class="row">
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                    <div class="form-group">
                                        {{ form_label(form.section ) }}&nbsp;<span class="red">*</span> <span class="hint-text">{{ 'e.g. Home Page section name'}}</span>
                                        {{ form_widget(form.section, { 'attr': {'class': 'form-control', 'placeholder': 'bannertype.banner.form.banner_name'} }) }}
                                        {{ form_errors(form.section) }}
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                                    <div class="form-group">
                                        {{ form_label(form.sectionHeading ) }}&nbsp;<span class="red">*</span> <span class="hint-text">{{ 'e.g. Section Heading'}}</span>
                                        {{ form_widget(form.sectionHeading, { 'attr': {'class': 'form-control', 'placeholder': 'Enter section heading'} }) }}
                                        {{ form_errors(form.sectionHeading) }}
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                                    <div class="form-group">
                                        {{ form_label(form.sectionTitle ) }}&nbsp;<span class="red">*</span> <span class="hint-text">{{ 'e.g. Section Title'}}</span>
                                        {{ form_widget(form.sectionTitle, { 'attr': {'class': 'form-control', 'placeholder': 'Enter section title'} }) }}
                                        {{ form_errors(form.sectionTitle) }}
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                                    <div class="form-group">
                                        {{ form_label(form.title ) }}&nbsp;<span class="red">*</span> <span class="hint-text">{{ 'e.g. Title'}}</span>
                                        {{ form_widget(form.title, { 'attr': {'class': 'form-control', 'placeholder': 'Enter title'} }) }}
                                        {{ form_errors(form.title) }}
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                                    <div class="form-group">
                                        {{ form_label(form.buttonLabel ) }}&nbsp;<span class="red">*</span> <span class="hint-text">{{ 'e.g. Button Label'}}</span>
                                        {{ form_widget(form.buttonLabel, { 'attr': {'class': 'form-control', 'placeholder': 'Enter button label'} }) }}
                                        {{ form_errors(form.buttonLabel) }}
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="form-title col-sm-12">Upload image<span class="red">*</span></div>
                                <div class="clearfix"></div>
                                <div class="form-group col-md-12">
                                    <label  id="file" class="file-input-wrap">                                        
                                        <span class="admin-custom-btn label-name" href="javascript:void(0);"><i class="fa fa-upload"></i>                                            
                                            {{ 'bannertype.banner.form.choose_file' | trans }}
                                            <input type="file" name="upload_banner" id="upload_banner" class="form-control js-upload-banner-image" data-route="office_brain_bannerbundle_banneradmin_uploadbannerimageajax">
                                            {{ form_widget(form.uploadedBanner, {}) }}
                                        </span>
                                        <span class="file-name form-control">
                                            {#{ form_label(form.uploadedBanner) }#}
                                        </span>
                                    </label>
                                    <div class="form-group">
                                        <div id="display-banner-block" class="js-banner-toggle banner-outer-block hide">
                                            <div class="banner-inner-block"  id="containment-wrapper">
                                                <div class="js-banner-area">
                                                    <img style="display:none;" src="">
                                                </div>                             
                                            </div>
                                        </div>
                                        {{ form_errors(form.uploadedBanner) }}
                                    </div>
                                </div>
                                <div class="clearfix"></div>
                            </div>

                            <div class="clearfix"></div>
                            <div class="row">
                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                    <div class="form-group">
                                        {{ form_label(form.description ) }}&nbsp;<span class="red">*</span> <span class="hint-text"></span>
                                        {{ form_widget(form.description, { 'attr': {'class': 'form-control', 'placeholder': 'Enter description'} }) }}
                                        {{ form_errors(form.description) }}
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                                    <div class="form-group">
                                        {{ form_label(form.link ) }}&nbsp;<span class="red">*</span> <span class="hint-text">{{ 'e.g. http://google.com'}}</span>
                                        {{ form_widget(form.link, { 'attr': {'class': 'form-control', 'placeholder': 'Enter url'} }) }}
                                        {{ form_errors(form.link) }}
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                                    <div class="form-group">
                                        {{ form_label(form.status ) }}&nbsp;<span class="red">*</span> <span class="hint-text">{{ 'e.g. Status active/inactive'}}</span>
                                        {{ form_widget(form.status, { 'attr': {'class': 'form-control'} }) }}
                                        {{ form_errors(form.status) }}
                                    </div>
                                </div>
                            </div>
                            {{ form_rest(form, {'attr' :{'class' :'hidden'}})  }}
                            
                            <div class="btn-block">
                                 <button type="submit" class='customize-btn {{ app.request.get("instance_id") > 0 ? "js-submit-btn" : ""}}'>  {{ 'bannertype.save'|trans }}</button>
                                
                                <button type="reset" class="customize-btn js-banner-reset js-reset-btn">{{ 'bannertype.reset'|trans }}</button>
                            </div>
                        </div>
                    </div>
                </div>
                {{ form_end(form) }}
            </div>
        </div>
        
        
	
    {% endblock main_content %}
{% endblock ajax_body %}



{% block footer_js %}
 
        {{ parent() }}
        <script src="{{ asset('bundles/officebrainpage/js/tinymce/tinymce.min.js') }}" type='text/javascript'></script>
		
        {% javascripts '@OfficeBrainPageBundle/Resources/public/js/customtinymce.js'
        			   '@OfficeBrainPageBundle/Resources/public/js/banner/jssor.js'
 				       '@OfficeBrainPageBundle/Resources/public/js/banner/jssor.slider.js'
				       '@OfficeBrainBannerBundle/Resources/public/js/banner-list.js'
				      				   
        %}
        <script src="{{ asset_url }}" type='text/javascript'></script>
        {% endjavascripts %}
 
    
 
        <script type="text/javascript">
		    banner_object.init();
		    banner_object.preview();
		    banner_object.addimage();
		    banner_object.bannerHtmlDisplay();
		    banner_object.customHTML();
        </script>
{% endblock footer_js %}