{% extends "::baseAjax.html.twig" %}
{% block ajax_body %}
{% set locale =  app.request.locale %}

{% if id > 0 %}
	{% set add= 'admin.flyer_management.edit_flyer'|trans  %}
	{% set submitbtn= 'admin.flyer_management.editbtn'|trans  %}
	{% set form_action = path('office_brain_flyerbundle_flyeradmin_flyernewadd')~'?id='~id %}
{% else %}
	{% set add= 'admin.flyer_management.add_flyer'|trans %}	
	{% set submitbtn= 'admin.flyer_management.addbtn'|trans  %}
	{% set form_action = path('office_brain_flyerbundle_flyeradmin_flyernewadd') %}
{% endif %}
<form name='flyerown'  id='flyerown' method='post' action='{{form_action}}' enctype="multipart/form-data"  novalidate>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><i class="fa fa-times"></i></button>
            <div class="modal-header">
                <h1 class="modal-title modal-popup-icon-title"><i class="fa fa-plus"></i> {{ add }}</h1>
            </div> 
            
            <div class="modal-body">
                <div class="row">
                
                <div class="col-sx-12">
	                <div class="row">
	                	<div class="col-sm-4 col-xs-12">
	                		<div class="form-group">
								{{ form_label(form.title, 'admin.flyer_management.title.label'|trans) }}: <span class="required"">*</span>
								{{ form_widget(form.title, { 'attr': {'class': 'form-control form-control-tool-tip', 'title':'admin.flyer_management.title.tool_tip'|trans,'data-placement':'right'} }) }}
								{{ form_errors(form.title) }}
								 <!-- <p class="custum_alert_danger error" id="title_error"></p>  -->
								 <ul class="error-message"><li id="title_error"></li></ul>
								 
                                </div>
	                	</div>
	                	<div class="col-sm-4 col-xs-12">
	                		<div class="form-group">
                                    <div class="form-group">
                                                      
				                            {{ form_label(form.validUntilDate) }}: <span class="required"">*</span>
				                             
				                            <div class="input-append date input-group date-block date-block-full" id="datetimepicker1">
				                                {{ form_widget(form.validUntilDate, { 'attr': {'class': 'form-control','data-format':'MM/dd/yyyy'} }) }}
				                                <span class="add-on input-group-addon datepicker-color">
				                                <i class="fa-calendar fa"></i>
				                                </span>
				                            </div> 				                            
				                            {{ form_errors(form.validUntilDate) }}  
				                            <!-- <p class="custum_alert_danger error" id="validUntilDate_error"></p> -->   
				                            <ul class="error-message"><li id="validUntilDate_error"></li></ul>      
                                        
                                    </div>
                                </div>
	                	</div>
	                	<div class="col-sm-4 col-xs-12">
	                		<div class="form-group">                                     
                                    <div class="select-group">                                         
									{{ form_label(form.flyers_category_id, 'admin.flyer_management.flyers_category_id.label'|trans) }}: <span class="required" >*</span>
								    {{ form_widget(form.flyers_category_id, { 'attr': {'class': 'form-control form-control-tool-tip', 'title':'admin.flyer_management.flyers_category_id.tool_tip'|trans,'data-placement':'right'} }) }}
									{{ form_errors(form.flyers_category_id) }}
									 <!-- <p class="custum_alert_danger error" id="supplier_id_error"></p>  -->
									 <ul class="error-message"><li id="flyers_category_id_error"></li></ul>
                                    </div>
                                </div>
	                	</div>
	                </div>
	                <div class="row">
	                	<div class="col-xs-8">
	                		<div class="row">
	                        	<div class="col-xs-12">
	                        		<div class="upload">
	                                    <div class="form-group">
	                                    	<div class="row">
	                                    		<div class="col-xs-5">
	                                    			<label for="pwd">USD Image Upload :</label> <span class="required"">*</span>
	                                    		</div>
	                                    		<div class="col-xs-7">
										         	<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 }}
						                                    <span class="test">  {{ form_widget(form.flyerUploadedPath, { 'attr': {'class': 'form-control'} }) }} </span>
						                                        {{ form_errors(form.flyerUploadedPath) }}
						                                </span>
						                                <ul class="error-message"><li id="jsimageerror"></li></ul>
						                            </label>
						                            <span class="file-name" id="js-flyernoimage">                                        	
						                            	{{ 'admin.flyer_management.no_file' | trans }}
						                            </span>    
						                            <ul class="error-message"><li id="flyerUploadedPath_error"></li></ul>
						                        </div>
				                            </div>     
                                    	</div>
                                	</div>
	                        	</div>
	                        	<div class="col-xs-12">
	                        		<div class="upload">
                                    	<div class="form-group">
                                    		<div class="row">
	                                    		<div class="col-xs-5">
	                                    			<label for="pdf">USD PDF Upload :</label> <span class="required"">*</span>
	                                    		</div>
	                                    		<div class="col-xs-7">
		                                    		<label   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 }}
					                                      	<span class="test">
					                                      		{{ form_widget(form.flyerUploadedPdf, { 'attr': {'class': 'form-control'} }) }} 
					                                      	</span>
					                                        {{ form_errors(form.flyerUploadedPdf) }}
					                                    </span>
					                                </label>
					                                 <span class="file-name" id="js-flyernopdf">                                        	
														{{ 'admin.flyer_management.no_file' | trans }}
					                                 </span>
					                                 <ul class="error-message"><li id="jsimageerror"></li></ul>
					                            	 <ul class="error-message"><li id="flyerUploadedPdf_error"></li></ul>
	                                    		</div>
				                            </div>     
                                    	</div>
                                    </div>
	                        	</div>
	                        	<div class="col-xs-12">
	                        		<div class="upload">
	                                    <div class="form-group">
	                                    	<div class="row">
	                                    		<div class="col-xs-5">
	                                    			<label for="pwd">CDN Image Upload :</label> <span class="required"">*</span>
	                                    		</div>
	                                    		<div class="col-xs-7">
										         	<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 }}
						                                    <span class="test">  {{ form_widget(form.extraFlyerUploadedPath, { 'attr': {'class': 'form-control'} }) }} </span>
						                                        {{ form_errors(form.extraFlyerUploadedPath) }}
						                                </span>
						                                <ul class="error-message"><li id="jsextraimageerror"></li></ul>
						                            </label>
						                            <span class="file-name" id="js-extra-flyernoimage">                                        	
						                            	{{ 'admin.flyer_management.no_file' | trans }}
						                            </span>    
						                            <ul class="error-message"><li id="extraFlyerUploadedPath_error"></li></ul>
						                        </div>
				                            </div>     
                                    	</div>
                                	</div>
	                        	</div>
	                        	<div class="col-xs-12">
	                        		<div class="upload">
                                    	<div class="form-group">
                                    		<div class="row">
	                                    		<div class="col-xs-5">
	                                    			<label for="pdf">CDN PDF Upload :</label> <span class="required"">*</span>
	                                    		</div>
	                                    		<div class="col-xs-7">
		                                    		<label   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 }}
					                                      	<span class="test">
					                                      		{{ form_widget(form.extraFlyerUploadedPdf, { 'attr': {'class': 'form-control'} }) }} 
					                                      	</span>
					                                        {{ form_errors(form.extraFlyerUploadedPdf) }}
					                                    </span>
					                                </label>
					                                 <span class="file-name" id="js-extraflyernopdf">                                        	
														{{ 'admin.flyer_management.no_file' | trans }}
					                                 </span>
					                                 <ul class="error-message"><li id="jsimageerror"></li></ul>
					                            	 <ul class="error-message"><li id="extraFlyerUploadedPdf_error"></li></ul>
	                                    		</div>
				                            </div>     
                                    	</div>
                                    </div>
	                        	</div>
	                        </div>
	                	</div>
                            <div class="col-xs-4 ">
	                        		<div class="form-group upload-img">
			                            <label for="text">USD {{ 'admin.flyer_management.flyer_image' | trans }}</label>
			                            <div>
			
			                            <div id="js-image-preview" class="js-banner-area custom-upload  {% if mod is defined and mod!='add' %} hide{% endif %}">
			
			                            </div>
			
			                            {% if mod is defined and mod!='add' %}
			                            <div id="js-image-previewedit" class="js-banner-area">
			                           					 
			                            			 {% if flyerThumb is defined and flyerThumb is not empty  %}
							                        	    {% set image_path =  asset("images/uploads/flyers/flyerthumb/"~ flyerThumb ) %}
							                        	    	 
															{% elseif flyerUploadedPath is defined and flyerUploadedPath is not empty %}
																{% set image_path =  asset("images/uploads/flyers/flyerthumb/"~ flyerUploadedPath ) %}	
																
					                    					{% else %}
					                    					
					                    						{% set image_path =  asset('images/grey-logo.png') %}		                    						
					                    					{% endif %}
					                    					
					                    					{% if flyerUploadedPath is defined and  flyerUploadedPath is not empty %}                			
								                				<img height="138" width="138"  src="{{ image_path }}" alt="" />
								                			{% else %}
								                				<img height="138" width="138" src="{{ image_path }}" alt="" />          				
								                			{% endif %}       
			                             
			                                    </div>
			                            {% endif %}
			                            </div>
			                            {% if flyerUploadedPdf != '' %}
			                            	<label for="text"><a href="{{ asset("images/uploads/flyers/flyerpdf/"~ flyerUploadedPdf ) }}" target="_blank">USD PDF Link</a></label>
			                            {% endif %}
			                        </div>
			                        <div class="form-group upload-img">
			                            <label for="text">CDN {{ 'admin.flyer_management.flyer_image' | trans }}</label>
			                            <div>
			
			                            <div id="js-extra-image-preview" class="js-banner-area custom-upload  {% if mod is defined and mod!='add' and extraFlyerUploadedPath is defined and extraFlyerUploadedPath is not empty %} hide{% endif %}">
			
			                            </div>
			
			                            {% if mod is defined and mod!='add' and extraFlyerUploadedPath is defined and extraFlyerUploadedPath is not empty %}
			                            <div id="js-extra-image-previewedit" class="js-banner-area">
			                           					    	 
															{% if extraFlyerUploadedPath is defined and extraFlyerUploadedPath is not empty %}
																{% set image_path =  asset("images/uploads/flyers/flyerthumb/"~ extraFlyerUploadedPath ) %}	
															{% endif %}
					                    					
					                    					{% if extraFlyerUploadedPath is defined and  extraFlyerUploadedPath is not empty %}                			
								                				<img height="138" width="138"  src="{{ asset("images/uploads/flyers/flyerthumb/"~ extraFlyerUploadedPath ) }}" alt="" />
								                			{% endif %}       
			                             
			                                    </div>
			                            {% endif %}
			                            </div>
			                            {% if extraFlyerUploadedPdf != '' %}
			                            	<label for="text"><a href="{{ asset("images/uploads/flyers/flyerpdf/"~ extraFlyerUploadedPdf ) }}" target="_blank">CDN PDF Link</a></label>
			                            {% endif %}
			                        </div>
	                        	
	                    </div> 
	                </div>
                </div>


             <div class="col-lg-12">
                       
                        <div class="col-lg-12 note">
                        <p> <span>{{ 'admin.userList.pleasenote' |trans }}</span>: {{ 'admin.userList.pleasemsg' |trans }}. {{ 'admin.userList.imgmsg' |trans }} </p>
                        
                        </div>

                        <div class="col-lg-8 text-center form-group">
                          
                            <button type="button" class="customize-btn" onclick="flyer_object.postOwnFlyerForm(this.form)"><i class="icon-ok bigger-110"></i>{{ submitbtn }}</button>
							<button type="reset" class="customize-btn js-reset-btn2"><i class="icon-undo bigger-110"></i>{{'reset'|trans}}</button>
                        </div>
                       
                    </div>
       </div>
       	</div>
       	{{ form_rest(form) }}
</form>

<script type="text/javascript">     
     flyer_object.addimage();       
</script>

{% endblock ajax_body %}