{% 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' %}">
<link rel="stylesheet" href="{% static 'base/css/jquery-ui.min.css' %}">
{% endblock extrastyle %}

{% block step_image %}
        <ul class="carouselList">
            <a href="{% url 'simulation:extend_mapping:index' order_id %}"><li>1. 디자인 제안</li></a>
            <a href="{% url 'order_contract:option_index' order_id %}"><li>2. 추가옵션</li></a>
            <a href="{% url 'order_contract:estimate_index' order_id %}"><li>3. 공급가격</li></a>
            <a href="{% url 'order_contract:contract_index' order_id %}"><li class="active">4. 계약서 작성</li></a>
        </ul>
{% endblock step_image %}
{% 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="" 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><input type="number" min="1" name="{{ set.product.id }}" class="input-quantity" data-gender="{{ set.gender }}" value="1">개</td>
                            <td class="supply-tax-exclude">{{ set.exclude_tax_price|intcomma }}원</td>
                            <td class="supply-tax-include">{{ set.include_tax_price|intcomma }}원</td>
                            <td class="consumer-tax-exclude">{{ set.exclude_tax_price|intcomma }}원</td>
                            <td class="consumer-tax-include">{{ set.include_tax_price|intcomma }}원</td>
                        </tr>
                        {% endfor %}
                        {% endfor %}
                        <tr class="subtotal">
                            <td></td>
                            <td>{{ style.grouper }}</td>
                            <td>소계</td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                            <td></td>
                        </tr>
                        {% 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><input type="number" min="1" class="input-option" name="{{ obj_quantity.option.id }}" value="1">개</td>
                            <td class="supply-tax-exclude">{{ obj_quantity.exclude_tax_price|intcomma }}원</td>
                            <td class="supply-tax-include">{{ obj_quantity.include_tax_price|intcomma }}원</td>
                            <td class="consumer-tax-exclude">{{ obj_quantity.exclude_tax_price|intcomma }}원</td>
                            <td class="consumer-tax-include">{{ obj_quantity.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">
                    <tr><td>아래와 같이 공급 계약합니다.</td></tr>
                    <tr>
                        <td>
                            1. 규격 및 품질<br/>
                              1) 제품의 규격 및 품질에 관한 조건은 발주 전 협의를 통하여 결정한다.<br/>
                              2) 품질 및 규격상의 하자사항에 대해서는 소비자보호원이 제정한 품질 기준에 의거하여 상호 협의를 통하여 조치한다.<br/>
                            2. 납품<br/>
                              공급자는 주문일자 기준       이내 발주자가 요청하는 장소에 납품한다. (공급 일자는 상호 협의하여 공유 함)<br/>
                              발주자는 제품 수령 후 10일 이내에 검수결과를 공급자에게 통지해야 하며, 이 기간 내에 통지하지 않은 경우에는 검수가 완료된 
                              것으로 본다. (주문내역/ 납품내역 첨부파일 참고바랍니다)<br/>
                            3. 제품의 하자 <br/>
                              검사결과 하자가 발견될 경우 당사자간 협의에 따라 수선, 교환, 환불 등을 진행할 수 있다.<br/>
                            4. 대금지급<br/>
                              공급자는 총액에 대해 세금계산서를 발행하고 발주자는     년    월    일까지 공급자가 지정한 계좌에 총액을 입금해야 한다.  <br/>
                               ＊계좌번호: {{ user.userprofile.company.account }} / 은행명: {{ user.userprofile.company.bank }} <br/>
                            5. 비밀유지<br/>
                               공급자(브랜드명: 리틀스마트)의 영업비밀 및 제품가격 등을 제3자에게 누설하여서는 안된다. <br/>
                            6. 특이사항<br/>
                            <textarea name="" id="inp-special-note" cols="120" rows="3"></textarea>
                            <br/>
                            7. 기타<br/>
                               운송비용은 1차 본주문은 선불로 진행되어지며, 2차 단품 구매 時 착불로 진행되어집니다.<br/>
                            <br/>
                            <br/>
                            <p><input type="text" id="datepicker" value="{% now Y %}" readonly></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"><a href="{% url 'order_contract:estimate_index' order_id %}"><img src="{% static 'order_contract/images/arrow_left.png' %}"></a></div>
        <p>COPYRIGHT @ 2017 SMART FNC ALL RIGHT RESERVED</p>
        <div class="arrow_right"><a href=#><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>
        <p class="sign-info">* 본 서명은 법적 효력이 있습니다.</p>
        <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.js' %}"></script>
<script src="{% static 'base/js/jquery-ui.min.js' %}"></script>
<script type="text/javascript">
    var order_id = {{ order_id }};

    
</script>
{% endblock extrascript %}

</body>
</html>