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

{% block seo_meta_title %}
    Your Cart | Custom Promo Products & Branded Merchandise
{% endblock seo_meta_title %}

{% block seo_meta_description %}
    Review and manage your selected custom promotional products in your cart. Easily update quantities, remove items, and proceed to checkout.
{% endblock seo_meta_description %}

{% block bread_crumb_after_home %}
    <li> <strong>{{ 'cart.shopping_cart' |trans }}</strong></li>
{% endblock bread_crumb_after_home %}
{% block main_content %}
<section class="cart-det">
	<div class="container">
		<div class="row">
			<div class="col-xs-12 col-12">
				{% use 'OfficeBrainCustomBundleThemeBundle:IdmeTheme:BaseUIElements/breadCrumb.html.twig' %}
				{% block bread_crumb %}  {% endblock bread_crumb %}
			</div>
			<div class="col-xs-12 col-12 p-t-20 ">
				<div class="cart-title">Your Cart</div>
			</div>
			<div class="col-xs-12 col-12 p-b-20 ">
				<div class="pro-info-msg cart-list">
					<span>
						<a href="javascript:void(0);"><b>Awesome News! </b>You won't have to pay at checkout. 
						To ensure accuracy, we'll send you a proof to review before payment is due.</a>
					</span>
				</div>
			</div>
			{% block  cart_product_row %}{% endblock cart_product_row %} 
		</div>
	</div>
</section>
<style>
.pro-info-msg.cart-list {
    padding: 10px 10px 0px 0px;
    font-size: 25px;
}
.pro-info-msg.cart-list-bottom {
    padding: 10px 10px 0px 0px;
    font-size: 20px;
}
.pro-questions-about.cart-list-bottom {
    padding: 10px 10px 0px 0px;
    font-size: 20px;
}
.cart-title {
    font-size: 28px;
    font-weight: 700;
    display: inline-block;
    margin-top: 20px;
}
.cart-message-info{
    width: 410px;
    display: inline-block;
    text-align: left;
}
.title-block .pro-info-msg span a, .title-block .pro-questions-about span a {
    text-transform: inherit;
    font-size: 15px;
    margin: 0px;
}
</style>
<div id="model-cart" class="modal fade" data-keyboard="false" data-backdrop="static" tabindex="-1"></div>

<!-- Modal -->
 <div class="modal fade" id="questions_about_your_cart" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-body questions_about_modal">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
          <div class="about-modal-title">
            Questions About Your Artwork? <br>
            <span>Get your promos fast and easy!</span>
          </div>
          <div class="about-modal-contact">
            <span>
              <strong><u>Is your artwork ready?</u></strong>
              You can upload your artwork file(s) at checkout.
            </span>
            <span>
              <strong><u>Is your artwork NOT ready?</u></strong>
              Don’t worry!  You will have the option to select "contact me later for my artwork" at checkout.
            </span>
            <span>
              <strong><u>Can I see a mockup before production ?</u></strong>
              To help you get what you expect, we will email a digital mockup to you after checkout.  Your credit card will not be charged until we receive your approval of the mockup.
            </span>
          </div>
        </div>
      </div>
    </div>
  </div>
{% endblock main_content %}

{% block footer_js %}
 	{{ parent() }}
	 {% javascripts '@OfficeBrainOrderBundle/Resources/public/js/cart-list.js' 
	 				'@OfficeBrainCustomBundleThemeBundle/Resources/public/IdmeTheme/js/transaction-custom.js'
	 				'@OfficeBrainCustomBundleServiceGroupBundle/Resources/public/js/discount_code.js'
	 				'@OfficeBrainCustomBundleThemeBundle/Resources/public/IdmeTheme/javascript/shopping_cart.js'
	 				%}
        <script src="{{ asset_url }}" type='text/javascript'></script>
    {% endjavascripts %}
{% endblock footer_js %}