{% extends '@App/uibase/main/one-col-base.html.twig' %}
{% block content_header %}<span class="sitefont-green">SHOPPING CART: <br></span>{% endblock %}
{% block content %}

{% if emptycart is defined %}
<h2 class="sitefont-green">No items in cart.</h2>
{% else %}
<h4 class="sitefont-balck">NOTE: You may add and remove artwork from any line item using the "plus" and "minus" icon in
    the File(s) & Artwork section for the associated line item. You may also adjust any line item's configuration by
    clicking the "gear" icon. After you make changes, click "Add to Cart".  The cart will be updated and will reflect changes
    made to that line item. You may also change the quantity using the quantity field for each line item.</h4>


    <div class="morph-button morph-button-modal morph-button-modal-3 morph-button-fixed morph-button-fixed-search">
        <button type="button" id="artbutton"></button>
        <div class="morph-content morph-button-fixed morph-button-fixed-search">
            <div class="content-style-form content-style-form-1 modal__content-container">
                <span class="icon icon-close" id="close-artwork">Close the dialog</span>
                <h2 class="modal__title">Add Artwork For:</h2>
                <h2 id="productname" class="modal__title"></h2>
                <form action="{{ path('print_designer_list_templates') }}" method="post" id="newdesign">
                    <button type="submit" name="new" class="modal__submit">New Design Online</button>
                </form>
                <form action="{{ path('print_designer_list_saved_templates') }}" method="post" id="previousdesign">
                    <input type="hidden" name="lid" id="lid1" value="">
                    <button type="submit" name="saved" class="modal__submit">Previous Design Online</button>
                </form>

                <div id="notemplates">Online Designer is not available for this product.</div>

                <div id="nologin">If you wish to use our online designer you must be logged in.</div>


                <form action="{{ path('print_configure_upload_artwork_method') }}" method="post" id="uploadafile">
                    <input type="hidden" name="lid" id="lid2" value="">
                    <button type="submit" name="upload" class="modal__submit">Upload a File</button>
                </form>
                <form action="{{ path('cps_ecom_view_cart') }}" method="post" id="skip">
                    <input type="hidden" name="lid" value="">
                    <button type="submit" name="upload" class="modal__submit">Skip for now</button>
                </form>


            </div>
        </div>
    </div>



<form action="{{ path('cps_ecom_update_cart') }}" method="post" name="cart">

                 {% for key,lineitem in lineitems %}
<div class="fluid {{ cycle(["even-cart", "odd-cart"], loop.index) }}">
                     <div class="fluid StackableCart-C1">
                         {{ lineitem.name }} - printed on
                         {% if lineitem.iscustom is defined %}
                             {{ lineitem.paper }} Color- {{ lineitem.color }} Size - {{ lineitem.size }} Finishing - {{ lineitem.finishing }}
                             {% if  lineitem.quotefirst is defined %}QUOTE BEFORE PRINTING{% endif %}
                         {% else %}
                             {{ lineitem.printedsides }} side{% if lineitem.printedsides == 2 %}s{% endif %}
                             per {{ lineitem.paper }} sheet. {{ lineitem.color }} Size - {{ lineitem.size }}
                             {% for userbindery in lineitem.userbinderys %}{{ userbindery }}{% endfor %}
                             {% if lineitem.pages is defined %}- {{ lineitem.pages }} pages per each finished qty{% endif %}
                         {% endif %}
                         {% if  lineitem.quotefirst is defined %}QUOTE BEFORE PRINTING{% endif %}
                         Proof Selection - {{ lineitem.prooftext }} : ${{ lineitem.proofcost }}
                         Date Requested - {{ lineitem.requestedby }}
                         Comments - {{ lineitem.comments }}
                         {% if lineitem.sysmsg != '' %}System Message: {{ lineitem.sysmsg }}{% endif %}
                         {%  if lineitem.pricedas is defined and lineitem.pricedas == 'offset' %} -- OFFSET PRINTED -- please allow 5-7 days to print.{% endif %}
                         <br><br>
                         <div class="fluid StackableCart-C2">
                             <div style="float: left;" class="fluid"><strong class="u-pd4 u-inlineBlock">File(s) & Artwork:</strong><img
                                         src="{{ asset('/images/icons/Add.png') }}"
                                         onclick="addart({{ key }})" class="addico" align="right"></div>
                             {% if lineitem.artwork %}
                                 <div>
                                     {% for artwork in lineitem.artwork %}
                                         <div style="clear: right;"> {{ artwork.uploadedname }}<a
                                                     href="{{ path('print_configure_artwork_remove', {fid:artwork.id}) }}"
                                                     class="confirmremoveart"><img
                                                         src="{{ asset('/images/icons/Subtract.png') }}"
                                                         align="right" class="addico"></a></div>
                                     {% endfor %}
                                 </div>
                             {% endif %}
                         </div>

                     </div>

                     <div class="fluid StackableCart-C3" style="float: right;">
                        <table border="0" width="100%">
                            <tr><td>
                                    Qty: {% if lineitem.qtytype == 1 %}
                                        <select name="qty[{{ lineitem.id }}]" class="qtyfield">
                                          <option value="{{ lineitem.qty }}">{{ lineitem.qty }} </option>
                                            {% for option in lineitem.qtyopts %}
                                                {% if option != lineitem.qty %}
                                                    <option value="{{ option }}">{{ option }}</option>
                                                {% endif %}
                                            {% endfor %}

                                        </select>
                                    {% elseif lineitem.qtytype == 2 %}

                                    {% elseif lineitem.qtytype == 3 %}
                                         <input name="qty[{{ lineitem.id }}]" type="text" value="{{ lineitem.qty }}" size="9" class="qtyfield">
                                    {% endif %}


                                    </td>
                                <td align="right"><a href="{{ path('cps_ecom_print_remove_lineitem', {lid:lineitem.id}) }}" class="confirmremoveli"><img src="{{ asset('/images/icons/DeleteCan.png') }}" class="addico"></a>
                                <a href="{{ path('cps_ecom_print_configure', {productid:lineitem.productid, lid:lineitem.id}) }}"><img src="{{ asset('/images/icons/Gear.png') }}" class="addico"></a>
                                </td></tr>
                            <tr><td colspan="2"> {% if lineitem.quotedprice == 0 %}PRICE NOT QUOTED{% else %}${{ lineitem.quotedprice|number_format(2) }}{% endif %}
                                {% if lineitem.proofcost != 0 %} | Proof Cost: ${{ lineitem.proofcost|number_format(2) }}{% endif %}
                                </td></tr>

                        </table>


                     </div>
</div>
                    {% endfor %}
    <div>Subtotal: ${{ subtotal }} </div>

    <div class="fluid content-style-form">
        <div style="width: 50%; float: left; padding-right: 6px; padding-bottom: 6px;"><button type="submit" name="PLACEORDER" id="confirmapproveart" value="PLACEORDER"><span class="sitefont-med-large"> Review/Place Order</span></button></div>
        <div style="width: 50%; float: left; clear: right; padding-left: 6px; padding-bottom: 6px;"><button type="submit" name="UPDATEQTY"  value="UPDATEQTY" id="updateQTY"><span class="sitefont-med-large">Update Qty/Price</span></button></div>

    </div>

  <!--  <div class="content-style-form-small">
                <div class="content-style-form-maxwidth"><button type="submit" name="PLACEORDER" class="continue_button confirmapproveart" value="PLACEORDER">Review/Place Order</button></div>
                <div class="content-style-form-maxwidth"><button type="submit" name="UPDATEQTY" class="continue_button" value="UPDATEQTY">Update Qty/Price</button></div>
        </div> -->
              </form>


    <script type="text/javascript">
        $('.confirmremoveart').on('click', function () {
            return confirm('Did you mean to remove this artwork from your item?');
        });
        $('.confirmremoveli').on('click', function () {
            return confirm('Did you mean to remove this item from your cart?');
        });
        $("#confirmapproveart").on('click', function () {
            return confirm('I have inspected and approve all artwork/files on this order and have found them to be correct and how I intended them to be. (If you made your design with our online designer, you are agreeing ' +
                    'that you have downloaded and inspected a PDF proof(s) and it(they) met your expectations. By pressing "OK" and proceeding you are agreeing to all of the above.');
        });

        $(document).ready(function(){
            $("#artbutton").hide();
            lineitems = {{ lineitems|json_encode|raw }};
            $(".addico").hover(function() {
                $(this).css('cursor','pointer');
            });

            $(".qtyfield").change(function () {
                $("#updateQTY").click();

            });
        });

        function addart(key){

            lineitem =  lineitems[key];
            $("#nologin").hide();
            $("#previousdesign").hide();
            $("#newdesign").hide();
            $("#notemplates").hide();


            {% if app.user is not defined %}
            user = false;
            {% else %}
            user = true;
            {% endif %}

            templates = (lineitem['nodesigner'] == null?true:false);

            if(!user && templates){
               $("#nologin").show();
            }
            else if(!user && !templates){
                $("#nologin").show();
                $("#notemplates").show();
            }
            else if(user && !templates){
                $("#notemplates").show();
            }
            else if(user && templates){
                $("#previousdesign").show();
                $("#newdesign").show();
            }

            $("#productname").html(lineitem['name']);
            var newdesignpath = $("#newdesign").prop('action');
            var saveddesignpath = $("#previousdesign").prop('action');
            $("#newdesign").prop('action', newdesignpath + '/new/' + lineitem['productid'] + '/' + lineitem['id']);
            $("#previousdesign").prop('action', saveddesignpath + '/' + lineitem['id']);
            $("#lid2").val(lineitem['id']);
            $("#artbutton").click();
        }



    </script>
{% endif %}
             
{% endblock %}