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

{% block bread_crumb %}
	
    <li><a class="ui-link" href="index.php">{{ 'home' | trans({}, 'app') }}</a><i class="fa fa-angle-right fa-fw"> </i></li>
                        <li>{{ 'front.gift_certificate.label'|trans }}</li>
       
{% endblock bread_crumb %}

{% block page_title_block %}
  
                <div class="row">
                    <div class="col-lg-12">
                        <h1 class="main-title"><i class="fa fa-gift"></i>{{ 'front.gift_certificate.label'|trans }}</h1>    
                    </div>
                </div>
{% endblock page_title_block %}

{% block product_campare_list  %}
  
   <div class="ob-gift-certificate-block">
                    <div class="row">
                        <div class="col-lg-12 col-md-12 col-sm-12">
                            <div class="gift-certificate-block">
                                <img src="{{ asset('images') }}/gift-certificate-bg.png" alt="Gift Certificate" class="img-responsive">
                            </div>
                            
                        </div>
                        <div class="clearfix"></div>
                        <div class="col-lg-12 col-md-12 col-sm-12">
	                        <div class="ob-personal-info-block gift-receipt-info">
		                        <div class="sub-form-box">
		                        	<div class="col-lg-3 col-md-4">
		                        		<span class="gift-certificate-note">{{ 'front.gift_certificate.note'|trans }}</span>
		                        	</div>
		                        	
		                        	<div class="col-lg-3 col-md-3 col-xs-12">
		                            	<label>{{ 'front.gift_certificate.quantity'|trans }}</label>
		                                <div class="selector-quantity">                                                        
		                                	<div class="selector-input">
		                                    	<input type="text" value="1" class="selector-input">
											</div>
		                                    <div class="selector-btn">
		                                    	<div class="sp-minus">
		                                        	<a data-multi="-1" href="javascript:void(0)" class="js-quantity-selector"><i class="fa fa-caret-down overflow-none">-</i></a>
												</div>
		                                        <div class="sp-plus">
		                                        	<a data-multi="1" href="javascript:void(0)" class="js-quantity-selector"><i class="fa fa-caret-up overflow-none">+</i></a>
		                                        </div>
											</div>
											<div class="clearfix"></div>
										</div>
									</div>
									
		                            <div class="col-lg-3  col-md-3 col-xs-12">
		                            	<label>{{ 'front.gift_certificate.enter_amount'|trans }}</label>
		                                <input type="text" class="amount-box" value="" placeholder="{{ 'front.gift_certificate.ph_amount'|trans }}">
									</div>
									
		                            <div class="col-lg-3  col-md-2">
		                            	<div class="btn-box-main">
		                                	<input type="button" onclick="" class="btn btn-default" value="{{ 'front.gift_certificate.add_recipients'|trans }}" tabindex="18">
										</div>
									</div>
									<div class="clearfix"></div>
								</div>
							</div>
						</div>
                        <div class="clearfix"></div>
                        <div class="col-lg-12">
                         	<div class="ob-personal-info-block">
		                        <div class="sub-form-box">
		                        	<h2>Recipient 1 Amount: $100 </h2>
		                        	<div class="col-lg-7 col-md-7  col-xs-12">
		                            	<div class="row">
			                            	<div class="col-md-6">
			                            		<label>{{ 'front.gift_certificate.recipient_name'|trans }}</label>
												<input type="text" value="" placeholder="{{ 'front.gift_certificate.ph_enter_name'|trans }}">
											</div>
											<div class="col-md-6">
			                            		<label>{{ 'front.gift_certificate.email'|trans }}</label>
		                                		<input type="text" value="" placeholder="{{ 'front.gift_certificate.ph_enter_email'|trans }}">
		                               		</div>
										</div>										
		                            </div>
									<div class="col-lg-5 col-md-5  col-xs-12">
		                            	<label>{{ 'front.gift_certificate.message'|trans }}</label>
		                                <input type="text" value="" placeholder="{{ 'front.gift_certificate.ph_enter_msg'|trans }}">
									</div>
									<div class="clearfix"></div>
								</div>
							</div>
						</div>
						<div class="col-lg-12">
                         	<div class="ob-personal-info-block">
		                        <div class="sub-form-box">
		                        	<h2>Recipient 2 Amount: $100 </h2>
		                        	<div class="col-lg-7 col-md-7  col-xs-12">
		                            	<div class="row">
			                            	<div class="col-md-6">
			                            		<label>{{ 'front.gift_certificate.recipient_name'|trans }}</label>
												<input type="text" value="" placeholder="{{ 'front.gift_certificate.ph_enter_name'|trans }}">
											</div>
											<div class="col-md-6">
			                            		<label>{{ 'front.gift_certificate.email'|trans }}</label>
		                                		<input type="text" value="" placeholder="{{ 'front.gift_certificate.ph_enter_email'|trans }}">
		                               		</div>
										</div>										
		                            </div>
									<div class="col-lg-5 col-md-5 col-xs-12">
		                            	<label>{{ 'front.gift_certificate.message'|trans }}</label>
		                                <input type="text" value="" placeholder="{{ 'front.gift_certificate.ph_enter_msg'|trans }}">
									</div>
									<div class="clearfix"></div>
								</div>
							</div>
						</div>
						<div class="col-lg-12">
                         	<div class="ob-personal-info-block">
		                        <div class="sub-form-box">
		                        	<h2>Recipient 3 Amount: $100 </h2>
		                        	<div class="col-lg-7 col-md-7  col-xs-12">
		                            	<div class="row">
			                            	<div class="col-md-6">
			                            		<label>{{ 'front.gift_certificate.recipient_name'|trans }}</label>
												<input type="text" value="" placeholder="{{ 'front.gift_certificate.ph_enter_name'|trans }}">
											</div>
											<div class="col-md-6">
			                            		<label>{{ 'front.gift_certificate.email'|trans }}</label>
		                                		<input type="text" value="" placeholder="{{ 'front.gift_certificate.ph_enter_email'|trans }}">
		                               		</div>
										</div>										
		                            </div>
									<div class="col-lg-5 col-md-5 col-xs-12">
		                            	<label>{{ 'front.gift_certificate.message'|trans }}</label>
		                                <input type="text" value="" placeholder="{{ 'front.gift_certificate.ph_enter_msg'|trans }}">
									</div>
									<div class="clearfix"></div>
								</div>
							</div>
						</div>
						<div class="col-lg-12">
							<input type="button" onclick="window.location.href='shopping_cart.php'" class="btn btn-default pull-right" value="{{ 'add_to_cart'|trans({}, 'app') }}" tabindex="18">
						</div>
					</div>
				</div>
			</div>
			</div>
		</div>
{% endblock product_campare_list %}