{% extends '::baseAjax.html.twig' %}
{% block ajax_body %}
<div class="modal-dialog modal-lg">
        <div class="modal-content">
            <a href="javascript:void(0)" class="close" data-dismiss="modal" aria-label="Close"></a>
            <div class="modal-body">
                <div class="head">
                    <img src="{{  (ob_project_base_url~asset(ob_project_assets_base_url ~ '/images/logo.png') ) | logo }}" alt="" class="img-responsive pull-left" />
                    <div class="pull-left">
                        <h1>{{ 'comment_request_quote.standard_size_chart' | trans }}</h1>
                        <p>{{ 'comment_request_quote.standard_size_chart1' | trans }}</p>
                        <p>{{ 'comment_request_quote.diffrent_styles_size' | trans }}</p>
                    </div>
                </div>
                <div class="row chart-block">
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 gray-col">
                        <div>
                            <h3>Adult Sizes: (Unisex T-shirts)</h3>
                            <div class="size-col">
                                <span>S<span>Small</span></span>
                                <p><b>Ladies:</b> Fits Sizes 4-6</p>
                                <p><b>Mens:</b> Fits Sizes 34-36 Chest</p>
                            </div>
                            <div class="size-col">
                                <span>M<span>Medium</span></span>
                                <p><b>Ladies:</b> Fits Sizes 12-14</p>
                                <p><b>Mens:</b> Fits Sizes 45-44 Chest</p>
                            </div>
                            <div class="size-col">
                                <span>L<span>Large</span></span>
                                <p><b>Ladies:</b> Fits Sizes 12-14</p>
                                <p><b>Mens:</b> Fits Sizes 45-44 Chest</p>
                            </div>
                            <div class="size-col">
                                <span>XL<span>x-Large</span></span>
                                <p><b>Ladies:</b> Fits Sizes 16-18</p>
                                <p><b>Mens:</b> Fits Sizes 46-48 Chest</p>
                            </div>
                            <p class="note">*Larger sizes available upon request.</p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 green-col">
                        <div>
                            <h3>Ladies Sizes: (Ladies Only T-shirts)</h3>
                            <div class="size-col">
                                <span>S<span>Small</span></span>
                                <p><b>Ladies:</b> Fits Sizes 4-6</p>
                            </div>
                            <div class="size-col">
                                <span>M<span>Medium</span></span>
                                <p><b>Ladies:</b> Fits Sizes 12-14</p>
                            </div>
                            <div class="size-col">
                                <span>L<span>Large</span></span>
                                <p><b>Ladies:</b> Fits Sizes 12-14</p>
                            </div>
                            <div class="size-col">
                                <span>XL<span>x-Large</span></span>
                                <p><b>Ladies:</b> Fits Sizes 16-18</p>
                            </div>
                            <p class="note">*We also offer Ladies Fashion Style for Tighter Fitting.</p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 blue-col">
                        <div>
                            <h3>Youth Sizes</h3>
                            <div class="size-col">
                                <span>S<span>Small</span></span>
                                <p><b>Youth:</b> Fits Sizes 4-6</p>
                            </div>
                            <div class="size-col">
                                <span>M<span>Medium</span></span>
                                <p><b>Youth:</b> Fits Sizes 12-14</p>
                            </div>
                            <div class="size-col">
                                <span>L<span>Large</span></span>
                                <p><b>Youth:</b> Fits Sizes 12-14</p>
                            </div>
                            <div class="size-col">
                                <span>XL<span>x-Large</span></span>
                                <p><b>Youth:</b> Fits Sizes 16-18</p>
                            </div>
                            <p class="note"></p>
                        </div>
                    </div>

                </div>
                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 size-chart-col">
                    <img src="{{ (ob_project_base_url~asset(ob_project_assets_base_url ~ '/images/size-t-shirt.png') ) | logo }}" alt="" class="img-responsive" />
                    <div class="size-detail">
                        <h3>{{ 'comment_request_quote.imprint_area_size_charts' | trans }}</h3>
                        <span>{{ 'comment_request_quote.screen_printing_imprint_areas' | trans }}</span>
                        <a href="javascript:void(0)" class="chart-button daigram-mod js_open_view_chart_imprint" data-url="{{ path('office_brain_requestquotebundle_requestquote_imprintchart') }}">VIEW CHART</a>
                        <span class="blue-color">{{ 'comment_request_quote.embroidery_imprint_areas' | trans }}</span>
                        <a href="javascript:void(0)" class="chart-button blue-color emp-mod js_open_view_chart_embrodidery" data-url="{{ path('office_brain_requestquotebundle_requestquote_embrodiderychart') }}">VIEW CHART</a>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 size-have-question">
                    <div>
                        <img src="{{ (ob_project_base_url~asset(ob_project_assets_base_url ~ '/images/size-contact-image.png') ) | logo }}" alt="" class="img-responsive" />
                        <div class="size-detail">
                            <span>Question? Call Us!</span>
                            <p>We Are Here To Help!<br/>
                                <b>+ 47 51 90 57 50</b>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="clear"></div>
                <div class="ex-col">
                    <h3>Shop Our Different Apparel Options Now</h3>
                    <p>T-Shirt - Polo Shirts - Dress Shirts - Sweatshirts - Jackets / Hoodies - Tank Tops &amp; Accessories - Caps<br/> Men’s Apparel - Women’s Apparel - Youth Apparel</p>
                </div>
                <div class="ex-note">
                    <p>* Please note the size chart is just for reference and is not exact. as every style, brand or material varies in size ans shape.<br/>
                        If you have any further questions, we encourage you to call our sales team at + 47 51 90 57 50 or to order a sample of the shirt you wish to purchase.</p>
                </div>
            </div>
        </div>
    </div>
{% endblock ajax_body %}