{% extends 'OfficeBrainCustomBundleThemeBundle:'~ app.request.get('project_setting').instance_theme ~':themeModalBase.html.twig' %}


{% block modal_header_icon %}<i class="strip email-popup-strip"></i>{% endblock modal_header_icon %} 
{% block modal_header_title %}{{ 'email.e_mail_product'| trans({},"app") }}{% endblock modal_header_title %}
{% block modal_body_content %}
<style>
.product-forms-modal .btn.btn-primary {
    width: auto;
    background-color: #074770;
    border: 0;
    font-size: 15px;
    padding: 5px;
    font-weight: bold;
    margin: 5px;
}
.email-product-popup.product-section-box{
    border-bottom: 0px;
}
</style>
<div class="product-forms-modal">
	{{ form_start(form) }}
		<div class="email-product-popup product-section-box">
			<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
				<div class="row">
					<div class="col-sm-4 col-xs-12">
                    	<div class="form-group">
	                    	<label>{{ 'email.sender_name'| trans({},"app") }} :</label><span class="red">*</span>		                                    
						</div>
					</div>
                    <div class="col-sm-8 col-xs-12">
                    	<div class="form-group">
	                    	{% block email_send_name %}{% endblock email_send_name %}		                                    
						</div>
					</div>
				</div>
			</div> 
			<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
				<div class="row">
					<div class="col-sm-4 col-xs-12">
						<div class="form-group">
		            		<label>From Email :</label><span class="red">*</span>		                                    
						</div>
					</div>
	                <div class="col-sm-8 col-xs-12">
	                	<div class="form-group">
		                	{% block email_from_email %}{% endblock email_from_email %}		                                    
						</div>
					</div>
				</div>
			</div>
			<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
				<div class="row">
					<div class="col-sm-4 col-xs-12">
						<div class="form-group">
	                    	<label>{{ 'email.recepient_email'| trans({},"app") }} :</label><span class="red">*</span>		                                    
						</div>
					</div>
					<div class="col-sm-8 col-xs-12">
						<div class="form-group">
	                    	{% block email_recepient_email %}{% endblock email_recepient_email %}		                                    
						</div>
					</div>
				</div>
			</div>
			<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
				<div class="row">
					<div class="col-sm-4 col-xs-12">
						<div class="form-group">
							<label>{{ 'email.message'| trans({},"app") }} :</label><span class="red">*</span>		                                    
						</div>
					</div>
					<div class="col-sm-8 col-xs-12">
						<div class="form-group">
							{% block email_message %}{% endblock email_message %}		                                    
						</div>
					</div>				
				</div>
			</div>
			<div class="col-md-12 col-xs-12">
			<div class="form-group">
			<div class="g-recaptcha" data-sitekey="6LdFSNYjAAAAAOygzOAbwDOOQPQaF5drYZ_cYJH-"></div>
		</div>
		</div>
		

	        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
		    	<div class="text-center">
		        	<input type="submit" class="btn btn-primary virtual-modal-btn js-submit-btn" value="{{ 'product_email.submit'|trans({},'goldstar') }}">
		            <input type="reset" class="btn btn-primary virtual-modal-btn js-reset-btn" value="{{ 'reset'| trans({},"app") }}">
				</div>
			</div>
		</div>
		{{ form_rest(form, {'display': 'hidden'}) }}
	{{ form_end(form, {'render_rest': false,'render_submit':false}) }}
</div>	
<script src='https://www.google.com/recaptcha/api.js' async defer></script>

{% endblock modal_body_content %}