{% extends "OfficeBrainCustomBundleThemeBundle:IdmeTheme:themeBase.html.twig" %}

{% block main_content %}
{% set fname = '' %}
{% set lname = '' %}
{% set emailId = '' %}

{% if app.user %}
    {% set fname = app.user.firstName %}    
    {% set lname = app.user.lastName %}
    {% set emailId = '' %}
{% endif %}

{% set ob_city_dropdown = ob_project_setting['configuration_rule']['site_management']['option']['address']['option']['city']['option']['dropdown']['status'] %}
{% set ob_city_textbox = ob_project_setting['configuration_rule']['site_management']['option']['address']['option']['city']['option']['textbox']['status'] %} 
{% set ob_state_dropdown = ob_project_setting['configuration_rule']['site_management']['option']['address']['option']['state']['option']['dropdown']['status'] %}
{% set ob_state_textbox = ob_project_setting['configuration_rule']['site_management']['option']['address']['option']['state']['option']['textbox']['status'] %}
{% set ob_country_dropdown = ob_project_setting['configuration_rule']['site_management']['option']['address']['option']['country']['option']['dropdown']['status'] %}
{% set ob_country_textbox = ob_project_setting['configuration_rule']['site_management']['option']['address']['option']['country']['option']['textbox']['status'] %}

<div class="container main">
    <div class="content-info-page">
        <div class="innerpage">
	        <div class="ob-upload-artwork-block">
	        	{% use 'OfficeBrainCustomBundleThemeBundle:IdmeTheme:BaseUIElements/breadCrumb.html.twig' %}
				{% block bread_crumb %} {{ parent() }} {% endblock bread_crumb %}
				<div class="ob-contact-main-block">
		        	{% block page_title_block %}
		      			<h1 class="main-title register"><i class="heading-icon order-catalog-icon"></i> {{ 'cms.front.order_catalog.heading' | trans }}</h1>
		      		{% endblock page_title_block %}
		      		<div class="row">
						<div class="col-sm-12 col-md-12 col-lg-12 col-xs-12">
							<div class="ob-contact-main-block">
								{{ form_start(form, {'action' : path('office_brain_custombundle_cmsbundle_order_catalog_process_add'), 'attr' : { 'novalidate' : ''}}) }}
								<div class="ob-order-form-block">
									<div class="sub-form-box">
								 <div class="row">
                                    <h2>{{ 'cms.front.order_catalog.catalog_version.label' | trans }}</h2>
                                    <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
                                        <div class="form-group inp-parts">
                                        	{{ form_widget(form.catalogVersion,{'attr': {'class':'custom-select', 'placeholder': "*"~"cms.front.order_catalog.catalogversion.label"|trans }}) }}
											{{ form_errors(form.catalogVersion) }}
                                    </div>  
                                    </div>
                                    <h2>{{ 'cms.front.order_catalog.catalog_number.label' | trans }}</h2>
                                    <div class="col-md-2 col-lg-2 col-sm-2 col-xs-3">
                                        <div class="form-group inp-parts">
                                       		{{ form_widget(form.catalogNumber,{'attr': { 'class':'custom-select','placeholder': "*"~"cms.front.order_catalog.catalog_number.label"|trans }}) }}
											{{ form_errors(form.catalogNumber) }}
                                    </div>  
                                    </div>
                                    <div class="col-md-10 col-lg-10 col-sm-10 col-xs-9 padding-left-0">
                                        
                                        <div class="form-group">
                                          	{{ form_widget(form.shipperNo,{'attr': { 'placeholder': "*"~"cms.front.order_catalog.shipperno.label"|trans }}) }}
											{{ form_errors(form.shipperNo) }}
                                            <ul class="message">
                                            	<li>*{{ 'cms.front.order_catalog.note.label' | trans }}</li>
                                            	<li>{{ 'cms.front.order_catalog.note.label_sec' | trans }}</li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                    <h2>{{ 'cms.front.order_catalog.contact_shpping.label' | trans }}</h2>
                                    <div class="col-md-6 col-lg-6 col-sm-12 col-xs-12">
                                        <div class="form-group">
											{{ form_widget(form.firstName,{'attr': { 'placeholder': "*"~"cms.front.order_catalog.first_name.label"|trans,'value':fname }}) }}
											{{ form_errors(form.firstName) }}
									    </div>
                                    </div>
                                    <div class="col-md-6 col-lg-6 col-sm-12 col-xs-12 padding-left-0">
                                        <div class="form-group">
											{{ form_widget(form.lastName,{'attr': { 'placeholder': "*"~"cms.front.order_catalog.last_name.label"|trans,'value':lname }}) }}
											{{ form_errors(form.lastName) }}
									    </div>
                                    </div>
                                    <div class="clearfix"></div>
                                    
                                    <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
                                        <div class="form-group">											
											{{ form_widget(form.companyName,{'attr': { 'placeholder': "*"~"cms.front.order_catalog.companyname.placeholder"|trans }}) }}
											{{ form_errors(form.companyName) }}											
										</div>
                                    </div>
                                    <div class="clearfix"></div>
                                     <div class="col-md-8 col-lg-8 col-sm-8 col-xs-12">
                                        <div class="form-group">
                                            {{ form_widget(form.street1,{'attr': { 'placeholder': "*"~"cms.front.order_catalog.street1.placeholder"|trans }}) }}
											{{ form_errors(form.street1) }}
                                        </div>

                                    </div>
                                     <div class="col-md-4 col-lg-4 col-sm-4 col-xs-12 padding-left-0">
                                        <div class="form-group">
                                         	{{ form_widget(form.street2,{'attr': { 'placeholder': "cms.front.order_catalog.street2.placeholder"|trans }}) }}
											{{ form_errors(form.street2) }}  
                                        </div>
                                    </div>
                                    <div class="clearfix"></div>
                                    {% if ob_city_dropdown %}                                    
                                    <div class="col-sm-12 col-xs-12">
                                         <div class="form-group inp-parts">                                         
                                        	{{ form_widget(form.cityId,{'attr': {'class':'chosen-select  js-city' }}) }}
											{{ form_errors(form.cityId) }}
                                    	</div> 
                                    </div>
                                    {% endif %}
                                    {% if ob_city_textbox %}
                                    <div class="col-sm-12 col-xs-12">
                                         <div class="form-group">                                         
                                        	{{ form_widget(form.cityName,{'attr': {'class':'input', 'placeholder': '* '~'user.cityId.label'|trans({},'validators') }}) }}
											{{ form_errors(form.cityName) }}
                                    	</div> 
                                    </div>
                                    {% endif %}
                                    <div class="clearfix"></div>

                                    {% if ob_country_textbox %}
                                    	<div class="col-sm-4 col-xs-12">
                                             <div class="form-group inp-parts">                                         
                                                {{ form_widget(form.countryName,{'attr': {'class':'input', 'placeholder': '* '~'user.countryId.label'|trans({},'validators') }}) }}
    											{{ form_errors(form.countryName) }}
                                        	</div> 
                                        </div>
                                    {% elseif ob_country_dropdown %}
                                    	<div class="col-sm-4 col-xs-12">
                                             <div class="form-group inp-parts">                                         
                                           		{{ form_widget(form.countryId,{'attr': {'class':'custom-select  js-country','data-original-title': 'cms.front.order_catalog.country.label'|trans, 'data-placement':'bottom', 'data-toggle':'tooltip' }}) }}
    											{{ form_errors(form.countryId) }}
                                        	</div> 
                                        </div>
                                    {% endif %}
                                    
                                    
                                    {% if ob_state_textbox %}
                                    	<div class="col-sm-4 col-xs-12 padding-left-0">
                                            <div class="form-group  inp-parts">                                        
                                                {{ form_widget(form.stateName,{'attr': {'class':'input', 'placeholder': '* '~'user.stateId.label'|trans({},'validators') }}) }}
    											{{ form_errors(form.stateName) }}								
                                            </div>
                                        </div>
                                    {% elseif ob_state_dropdown %}
                                    	<div class="col-sm-4 col-xs-12 padding-left-0">
                                            <div class="form-group  inp-parts">                                        
                                             	{{ form_widget(form.stateId,{'attr': {'class':'custom-select  js-state' }}) }}
    											{{ form_errors(form.stateId) }}										
                                            </div>
                                        </div>
                                    {% endif %}

                                    <div class="col-md-4 col-lg-4 col-sm-4 col-xs-12 padding-left-0">
                                         <div class="form-group">
                                          	{{ form_widget(form.zipcode,{'attr': {'class':'input js-zipcode', 'placeholder': "*"~"cms.front.order_catalog.zipcode.placeholder"|trans }}) }}
											{{ form_errors(form.zipcode) }}  
                                        </div>
                                    </div>
                                    <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
                                        <div class="form-group">
                                            
                                            {{ form_widget(form.email,{'attr': { 'placeholder': "cms.front.order_catalog.email.placeholder"|trans,'value':emailId }}) }}
                                            {{ form_errors(form.email) }}
                                        </div>
                                    </div>
                                    <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
                                        <div class="form-group">
                                            {{ form_widget(form.phone,{'attr': { 'class':'input js-phone','autocomplete':'off', 'placeholder': "cms.front.order_catalog.phone.placeholder"|trans }}) }}
											{{ form_errors(form.phone) }} 
                                        </div>
                                    </div>
                                </div>
									
									</div>
								</div>
								<div class="btn-box-main">
									<div class="hide">{{ form_rest(form, {'attr' :{'class' :'hidden'}}) }}</div>
									<input type="submit" value="Submit" class="btn btn-default">
	                				<input type="reset" value="Reset" class="btn btn-default js-reset-btn">
								</div>
								{{ form_end(form) }}
							</div>
						</div>
					</div>
				</div>
			</div>  	
        </div>
    </div>
</div>
{% endblock main_content %}