{% extends 'simulation/custom_admin/mapping/mapping_base.html' %}
{% block content %}
{% load staticfiles %}
<div id='globalContainer'>
    <header>
        {% include 'simulation/custom_admin/mapping/header.html' %}
    </header>
    
    <article>
        <div class="jacketOnOff OnOffMain">
            <p>자켓 on/off</p>
            <div class="list-toggle" onclick="sc.slideJacketHideClickEvent();"><input id="slideJacketToggleCheck" type="checkbox" checked="checked"><label class="label-success"></label></div>
        </div>
        <div class="container_Back"></div>
        <div id="container">
            <ul class="lefttabs">
                <li onclick="sc.coupleCategoryChange('popular');" class="active" rel="tab1">인기제품</li>
                <li onclick="sc.coupleCategoryChange('catalog');" rel="tab2">카탈로그</li>
                <li onclick="sc.coupleCategoryChange('normal');" rel="tab3">
                    {% if request.session.sim_type == 'admin' %}미공개코디{% else %}사용자코디{% endif %}
                </li>
            </ul>
            {% if request.session.sim_type == 'admin' %}
                <div class="left-admin">
            {% else %}
                <div class="left">
            {% endif %}
{#                {% include 'simulation/custom_admin/mapping/left_menu_container.html' %}#}
                <div class="tab_container">
                    <div id="tab1" class="tab_content best">
                        <p>BEST ITEM</p>
                        <div class="bestWrap" id="leftPopularCouple">
                        </div>
                    </div>
                    <div id="tab2" class="tab_content set">
                        <div class="setWrap" id="leftCatalogCouple">
                        </div>
                    </div>
                    <div id="tab3" class="tab_content coodi">
                        <div class="coodiWrap" id="leftNormalCouple">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {% block bottom %}{% endblock bottom %}
        <div class="ModelWrap">
            <div class="ModelWrap_Left"></div>
            <div class="ModelWrap_Right"></div>
                {% include 'simulation/custom_admin/mapping/one_couple_view.html' %}
            <div {% if request.session.sim_type == 'admin' %} class="swiper-container-admin swiper-container" {% else %} class="swiper-container-user swiper-container" {% endif %} id="center_list">
                {% include 'simulation/custom_admin/mapping/center_list.html' %}
            </div>
            <div class="BtnWrap">
                {% block selected_couple_btn %}{% endblock selected_couple_btn %}
                <div class="ModelInformationOpen" onclick="sc.slideCoupleDetailClickEvent();">상세보기</div>
            </div>
            <div class="rotateBtn" onclick="sc.slideBackClick();"><img src="{% static 'simulation/images/rotate.png' %}"></div>
            <div class="BIlogo"><img src="{% static 'simulation/images/littlesmart.png' %}"></div>
            {% block arrow_left_mapping %}{% endblock arrow_left_mapping %}
        </div>
    </article>
    <footer>COPYRIGHT © 2016 YOUNGWOO C&I ALL RIGHTS RESERVED.</footer>
    <div {% if request.session.sim_type == 'admin' %} class="ModelInformationAdmin ModelInformation" {% else %} class="ModelInformation" {% endif %} id="coupleDetail">
        {% include 'simulation/custom_admin/mapping/model_information.html' %}
    </div>
    <div {% if request.session.sim_type == 'admin' %} class="ModelCoodiAdmin ModelCoodi" {% else %} class="ModelCoodi" {% endif %}>
        {% include 'simulation/custom_admin/mapping/coordi/coordi.html' %}
    </div>

<div {% if request.session.sim_type == 'admin' %} class="ebookModalAdmin ebookModal" {% else %} class="ebookModal" {% endif %}>
    <div class="ebookclosebtn"><img src="{% static 'order_contract/images/closeIcon.png' %}"></div>

    <div class="ebookModalImgWrap">
        <img src="{% static 'base/image/bro_1.jpg' %}">
    </div>

    <div class="ebookBtnWarp">
        {% if request.session.sim_type == 'admin' %}
        <div class="ebookCenter">
            <label>
                파일 업로드
                <form id="catalogImageFileForm" method="post" enctype="multipart/form-data">{% csrf_token %}
                    <input type="file" id="catalog-image" name="catalog-image" onchange="javascript:document.getElementById('file_route').value=this.value">
                </form>
            </label>
            <input type="text" readonly="readonly" title="File Route" id="file_route">
            <button id="catalogImageRegistration">등록</button>
            <button id="catalogImageDelete">삭제</button>
        </div>
        {% endif %}
    </div>
</div>
</div>
{% endblock content %}