{% extends app.request.get('project_setting').instance_theme_path~":AdminTheme:base.html.twig" %}
{% block breadcrumb %}  
	<li><a href="{{ path('officebrain_admin_seolist') }}">{{ 'seolabel.main_heading' |trans }} </a> /</li>
	<li>{{ 'seolabel.add_title' |trans }}  </li>
{% endblock breadcrumb %}
{% block main_page_title %}
	{% block form_title %}
		<i class="fa fa-search"></i> {{ 'seolabel.add_title' |trans }} 
	{% endblock form_title %}
{% endblock main_page_title %}
{% 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('officebrain_admin_create'), 'attr': {'class': 'js-add-edit-form', 'id':'create_seo', 'method':'post', novalidate: 'novalidate'}}) }}
				<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-xs-12 text-center red ">
									{% for flashMessage in app.session.flashbag.get('error') %}
									    	<strong> {{ flashMessage }} </strong>
									{% endfor %}
								</div>
								<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
									<div class="form-group">
										{{ form_label(form.IsPrefix, 'seolabel.meta_position'|trans({},'validators'), {'label_attr': {'class': 'form-title '}}) }}
										{{ form_widget(form.IsPrefix,{'attr':{'class':'seo-radio-btn'}}) }}
									</div>
									<div class="form-group">
										{{ form_label(form.productSku, 'seolabel.product_sku'|trans({},'validators'), {'label_attr': {'class': 'form-title '}}) }}
										{{ form_widget(form.productSku,{'attr':{'class':'form-control auto_complete_project_name'}}) }}
										{{ form_errors(form.productSku) }}
									</div>
									<div class="form-group">
										{{ form_label(form.metaTitle, 'seolabel.meta_title'|trans({},'validators'), {'label_attr': {'class': 'form-title'}}) }}
										{{ form_widget(form.metaTitle,{'attr':{'class':'form-control js_counter'}}) }}
                                        {# <span>{{ 'seo.count_label' |trans }}: <span class="js_character_count">0</span></span> #}
                                        {{ form_errors(form.metaTitle) }} 
									</div>
									<div class="form-group">
										{{ form_label(form.metaKeyWords, 'seolabel.meta_keyword'|trans({},'validators'), {'label_attr': {'class': 'form-title'}}) }}
										{{ form_widget(form.metaKeyWords,{'attr':{'class':'form-control js_counter'}}) }}
										{# <span>{{ 'seo.count_label' |trans }}: <span class="js_character_count">0</span></span> #}
										{{ form_errors(form.metaKeyWords) }}
									</div>
									<div class="form-group">
										{{ form_label(form.metaDescription, 'seolabel.meta_description'|trans({},'validators'), {'label_attr': {'class': 'form-title'}}) }}
										{{ form_widget(form.metaDescription,{'attr':{'class':'form-control js_counter'}}) }}
										{#<span>{{ 'seo.count_label' |trans }}: <span class="js_character_count">0</span></span>#}
										{{ form_errors(form.metaDescription) }}
									</div>
									<div class="btn-block">
										{{ form_rest(form, {'display': 'hidden'})  }}
                                        <button type="submit" class="customize-btn">{{ 'seo.save' |trans }}</button>
										 <button type="reset" class="customize-btn js-banner-reset">{{ 'seo.reset' |trans }}</button>
									</div>

								</div>
							</div>
						</div>
					</div>
				</div>
			{{ form_end(form) }}
		</div>
	</div>
{% endblock main_content %}
{% block footer_js %}
	{{ parent() }}
	{% javascripts 
		'@OfficeBrainSeoBundle/Resources/public/js/seo-common.js'
		 %}
		<script src="{{ asset_url }}" type='text/javascript'></script>
	{% endjavascripts %}
    <link href="{{ asset('bundles/officebrainseo/css/seo.css')}}" rel="stylesheet" type="text/css" />
{% endblock footer_js %}