{% extends 'order_contract/add_option/add_option_base.html' %}
{% load staticfiles %}
{% load humanize %}
{% block extrastyle %}
<link rel="stylesheet" href="{% static 'order_contract/css/result.css' %}">
{% endblock extrastyle %}

{% block content %}
    <article>
        <div class="contract">
            <div class="SmartFNDBI"><img src="{% static 'order_contract/images/contractheader.jpg' %}"></div>
            <div class="signArea">
                <p class="signCanver">
                    <span>{{ kindergarten }}<img style="border: none;" id="sig-image" src="{{ order.sign_image.url }}" alt=""></span> 귀하
                    <span>( 서명 )</span>
                </p>
                <div>아래와 같이 공급 계약합니다.<p class="totalPrice">합계 금액 <span>0</span> (VAT 포함)</p></div>

            </div>
            <div class="provider">
                <table class="providerTable">
                    <colgroup>
                        <col width="10%">
                        <col width="20%">
                        <col width="25%">
                        <col width="10%">
                        <col width="15%">
                        <col width="20%">
                    </colgroup>
                    <tr>
                        <td rowspan="5">공급자</td>
                        <td>사업자등록증</td>
                        <td colspan="4">{{ order.kindergarten.user_profile.company.corporate_number }}</td>
                    </tr>
                    <tr>
                        <td>상호</td>
                        <td>{{ order.kindergarten.user_profile.company.name }}</td>
                        <td>대표자</td>
                        <td>{{ order.kindergarten.user_profile.company.ceo }}</td>
                        <td class="stamp"><span>(인)</span>{% if order.kindergarten.user_profile.company.stamp.url != None %}<img src="{{ order.kindergarten.user_profile.company.stamp.url }}" alt="">{% endif %} </td>
                    </tr>
                    <tr>
                        <td>사업장소재지</td>
                        <td colspan="4">{{ order.kindergarten.user_profile.company.address }} {{ order.kindergarten.user_profile.company.detail_address }}</td>
                    </tr>
                    <tr>
                        <td>업체</td>
                        <td colspan="2">{{ order.kindergarten.user_profile.company.conditions }}</td>
                        <td>업종</td>
                        <td>{{ order.kindergarten.user_profile.company.type }}</td>
                    </tr>
                    <tr>
                        <td>담당자</td>
                        <td colspan="2">{{ order.kindergarten.user_profile.company.person }}</td>
                        <td>연락처</td>
                        <td>{{ order.kindergarten.user_profile.company.tel }}</td>
                    </tr>
                </table>
            </div>
            <div class="product">
                <table class="productTable">
                    <colgroup>
                        <col width="8%">
                        <col width="10%">
                        <col width="13%">
                        <col width="13%">
                        <col width="10%">
                        <col width="11.5%">
                        <col width="11.5%">
                        <col width="11.5%">
                        <col width="11.5%">
                    </colgroup>
                    <thead>
                        <tr>
                            <th rowspan="2">품목</th>
                            <th rowspan="2">시즌</th>
                            <th rowspan="2">상품코드</th>
                            <th rowspan="2">세부품목</th>
                            <th rowspan="2">수량</th>
                            <th colspan="2" style="border-bottom: 1px solid #fff">개별가격</th>
                            <th colspan="2" style="border-bottom: 1px solid #fff">합계</th>
                        </tr>
                        <tr>
                            <th>세제외</th>
                            <th>세포함</th>
                            <th>세제외</th>
                            <th>세포함</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% if final_set %}
                        {% regroup final_set by style as style_list %}
                        {% for style in style_list %}
                        {% regroup style.list by season as season_list %}
                        {% for season in season_list %}
                        {% for set in season.list %}
                        <tr class="style-{{ forloop.parentloop.parentloop.counter }}">
                            {% if forloop.first %}
                                {% if forloop.parentloop.first %}
                                    <td rowspan="{{ style.list|length }}">{{ style.grouper }}</td>
                                {% endif %}
                                <td rowspan="{{ season.list|length }}">{{ season.grouper }}</td>
                            {% endif %}
                            <td>{{ set.product.product.name }}-{{ set.product.index }}</td>
                            <td>{{ set.product.product.product_type.get_name_display }}({% if set.gender == 'boy'%}남아{% elif set.gender == 'girl' %}여아{% endif %})</td>
                            <td class="quantity">{{ set.quantity }}개</td>
                            <td class="supply-tax-exclude">{{ set.supply_exclude_tax_price|intcomma }}원</td>
                            <td class="supply-tax-include">{{ set.supply_include_tax_price|intcomma }}원</td>
                            <td class="consumer-tax-exclude">{{ set.consumer_exclude_tax_price|intcomma }}원</td>
                            <td class="consumer-tax-include">{{ set.consumer_include_tax_price|intcomma }}원</td>
                        </tr>
                        {% endfor %}
                        {% if forloop.last %}
                        <tr class="subtotal">
                            <td></td>
                            <td>{{ style.grouper }}</td>
                            <td>소계</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        {% endif %}
                        {% endfor %}
                        {% endfor %}
                        {% endif %}

                        {% if option_set %}
                        {% for obj_quantity in option_set %}
                        <tr class="opt">
                            {% if forloop.first %}
                            <td rowspan="{{ option_set|length }}">기타</td>
                            {% endif %}
                            <td></td>
                            <td>{{ obj_quantity.option.name }}</td>
                            <td>{{ obj_quantity.option.sub_category.name }}</td>
                            <td class="quantity">{{ obj_quantity.quantity }}개</td>
                            <td class="supply-tax-exclude">{{ obj_quantity.supply_exclude_tax_price|intcomma }}원</td>
                            <td class="supply-tax-include">{{ obj_quantity.supply_include_tax_price|intcomma }}원</td>
                            <td class="consumer-tax-exclude">{{ obj_quantity.consumer_exclude_tax_price|intcomma }}원</td>
                            <td class="consumer-tax-include">{{ obj_quantity.consumer_include_tax_price|intcomma }}원</td>
                        </tr>
                        {% if forloop.last %}
                        <tr class="subtotal">
                            <td></td>
                            <td>기타</td>
                            <td>소계</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        {% endif %}
                        {% endfor %}
                        {% endif %}
                        <tr class="total">
                            <td>총계</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="etc">
                <table class="etcTable" style="width: 924px;">
                    <tr><td>아래와 같이 공급 계약합니다.</td></tr>
                    <tr>
                        <td>
                            1. 규격 및 품질<br/>
                              1) 제품의 규격 및 품질에 관한 조건은 발주 전 협의를 통하여 결정한다.<br/>
                              2) 품질 및 규격상의 하자사항에 대해서는 소비자보호원이 제정한 품질 기준에 의거하여 상호 협의를 통하여 조치한다.<br/>
                            2. 납품<br/>
                              공급자는 주문일자 기준       이내 발주자가 요청하는 장소에 납품한다. (공급 일자는 상호 협의하여 공유 함)<br/>
                              발주자는 제품 수령 후 10일 이내에 검수결과를 공급자에게 통지해야 하며, 이 기간 내에 통지하지 않은 경우에는 검수가 완료된 
                              것으로 본다. (주문내역/ 납품내역 첨부파일 참고바랍니다)<br/>
                            3. 제품의 하자 <br/>
                              검사결과 하자가 발견될 경우 당사자간 협의에 따라 수선, 교환, 환불 등을 진행할 수 있다.<br/>
                            4. 대금지급<br/>
                              공급자는 총액에 대해 세금계산서를 발행하고 발주자는     년    월    일까지 공급자가 지정한 계좌에 총액을 입금해야 한다.  <br/>
                               ＊계좌번호: {{ order.kindergarten.user_profile.company.account }} / 은행명: {{ order.kindergarten.user_profile.company.bank }} <br/>
                            5. 비밀유지<br/>
                               공급자(브랜드명: 리틀스마트)의 영업비밀 및 제품가격 등을 제3자에게 누설하여서는 안된다. <br/>
                            6. 특이사항<br/>
                            <textarea name="" id="inp-special-note" cols="120" rows="3" readonly="true" disabled="true">{{ order.special_note }}</textarea>
                            <br/>
                            7. 기타<br/>
                               운송비용은 1차 본주문은 선불로 진행되어지며, 2차 단품 구매 時 착불로 진행되어집니다.<br/>
                            <br/>
                            <br/>
                            <p>{{ order.contract_date|date:"Y년 m월 d일"}}</p>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="provideName">공급자명: {{ order.kindergarten.user_profile.company.person }}</div>
        </div>
    </article>
{% endblock content%}
{% block step_btn %}
    <footer>
        <div class="arrow_left">
            {% if request.user.username == 'admin' %}
                <a href="{% url 'order_contract:custom_admin_order_list' %}"><img src="{% static 'order_contract/images/arrow_left.png' %}"></a>
            {% else %}
                <a href="{% url 'kindergarten:list' %}"><img src="{% static 'order_contract/images/arrow_left.png' %}"></a>
            {% endif %}
        </div>
        <p>COPYRIGHT @ 2017 SMART FNC ALL RIGHT RESERVED</p>
        <div class="arrow_right"><a href="{% url 'order_contract:contract_pamphlet' order_id %}"><img src="{% static 'order_contract/images/arrow_right.png' %}"></a></div>
    </footer>
{% endblock step_btn %}
{% block modal %}
    <div class="signCanverback"></div>
    <div class="signCanverWrap">
        <div class="signCanverHeader"><p>서명</p><img class="signCanverClose" src="{% static 'order_contract/images/closeIcon.png' %}"></div>
        <canvas id="drawCanvas" width="380" height="200"></canvas>
        <input id="sig-submitBtn" type="button" name="확인" value="확인">
        <input id="sig-clearBtn" type="button" name="clear" value="지우기">
    </div>
{% endblock %}

{% block extrascript %}
<script src="{% static 'order_contract/js/contract_complete.js' %}"></script>
<script src="{% static 'base/js/pdfmake.min.js' %}"></script>
<script src="{% static 'base/js/html2canvas.js' %}"></script>
<script src="{% static 'base/js/vfs_fonts.js' %}"></script>
<script type="text/javascript">
    var order_id = {{ order_id }};    
</script>
{% endblock extrascript %}

</body>
</html>