{% load staticfiles %}
<!-- 남자 -->
<div class="fabricTabContainer" id="boyFabric">
    <div class="scrollBlind">
    <ul class="fabricTabs">
        {% if boy_shirts %}
            <li class="fabricTabActive" rel="boyShirtsCategoryFabric"><img src="{% static 'simulation/images/shirts_on.png' %}"/><p>상의</p></li>
        {% endif %}
        {% if boy_jacket %}
           <li rel="boyJacketCategoryFabric"><img src="{% static 'simulation/images/shirts_off.png' %}" /><p>자켓</p></li>
        {% endif %}
        {% if boy_vest %}
           <li rel="boyVestCategoryFabric"><img src="{% static 'simulation/images/vest_off.png' %}" /><p>조끼</p></li>
        {% endif %}
        {% if boy_pants %}
            <li rel="boyPantsCategoryFabric"><img src="{% static 'simulation/images/pants_off.png' %}" /><p>바지</p></li>
        {% endif %}
        {% if boy_overall %}
           <li rel="boyOverallCategoryFabric"><img src="{% static 'simulation/images/overall_off.png' %}"/><p>오버롤 </p></li>
        {% endif %}
        {% if boy_acc %}
           <li rel="boyAccCategoryFabric"><img src="{% static 'simulation/images/acc_off.png' %}"/><p>악세사리</p></li>
        {% endif %}
    </ul>
    </div>
    {% if boy_shirts %}
        <div id="boyShirtsCategoryFabric" class="fabricTabContent">
        </div>
    {% endif %}
    {% if boy_jacket %}
        <div id="boyJacketCategoryFabric" class="fabricTabContent">
        </div>
    {% endif %}
    {% if boy_vest %}
        <div id="boyVestCategoryFabric" class="fabricTabContent">
        </div>
    {% endif %}
    {% if boy_pants %}
        <div id="boyPantsCategoryFabric" class="fabricTabContent">
        </div>
    {% endif %}
    {% if boy_overall %}
        <div id="boyOverallCategoryFabric" class="fabricTabContent">
        </div>
    {% endif %}
    {% if boy_acc %}
        <div id="boyAccCategoryFabric" class="fabricTabContent">
        </div>
    {% endif %}
</div>

<!-- 여자 -->
<div class="fabricTabContainer" id="girlFabric">
    <div class="scrollBlind">
    <ul class="fabricTabs">
        {% if girl_shirts %}
            <li class="fabricTabActive" rel="girlShirtsCategoryFabric"><img src="{% static 'simulation/images/shirts_on.png' %}" width="35" /><p>상의</p></li>
        {% endif %}
        {% if girl_jacket %}
            <li rel="girlJacketCategoryFabric"><img src="{% static 'simulation/images/vest_off.png' %}" /><p>자켓</p></li>
        {% endif %}
        {% if girl_vest %}
            <li rel="girlVestCategoryFabric"><img src="{% static 'simulation/images/vest_off.png' %}" /><p>조끼</p></li>
        {% endif %}
        {% if girl_pants %}
            <li rel="girlPantsCategoryFabric"><img src="{% static 'simulation/images/pants_off.png' %}" /><p>바지</p></li>
        {% endif %}
        {% if girl_skirt %}
            <li rel="girlSkirtCategoryFabric"><img src="{% static 'simulation/images/skirt_off.png' %}"/><p>치마</p></li>
        {% endif %}
        {% if girl_one_piece %}
            <li rel="girlOnePieceCategoryFabric"><img src="{% static 'simulation/images/dress_off.png' %}" /><p>원피스</p></li>
        {% endif %}
        {% if girl_overall %}
            <li rel="girlOverallCategoryFabric"><img src="{% static 'simulation/images/overall_off.png' %}" /><p>오버롤</p></li>
        {% endif %}
        {% if girl_dress %}
            <li rel="girlDressCategoryFabric"><img src="{% static 'simulation/images/dress_off.png' %}" /><p>드레스</p></li>
        {% endif %}
        {% if girl_acc %}
            <li rel="girlAccCategoryFabric"><img src="{% static 'simulation/images/acc_off.png' %}" /><p>악세사리</p></li>
        {% endif %}
    </ul>
    </div>
    {% if girl_shirts %}
        <div id="girlShirtsCategoryFabric" class="fabricTabContent">
        </div>
    {% endif %}
    {% if girl_jacket %}
        <div id="girlJacketCategoryFabric" class="fabricTabContent">
        </div>
    {% endif %}
    {% if girl_vest %}
        <div id="girlVestCategoryFabric" class="fabricTabContent">
        </div>
    {% endif %}
    {% if girl_pants %}
        <div id="girlPantsCategoryFabric" class="fabricTabContent">
        </div>
    {% endif %}
    {% if girl_skirt %}
        <div id="girlSkirtCategoryFabric" class="fabricTabContent">
        </div>
    {% endif %}
    {% if girl_one_piece %}
        <div id="girlOnePieceCategoryFabric" class="fabricTabContent">
        </div>
    {% endif %}
    {% if girl_overall %}
        <div id="girlOverallCategoryFabric" class="fabricTabContent">
        </div>
    {% endif %}
    {% if girl_dress%}
        <div id="girlDressCategoryFabric" class="fabricTabContent">
        </div>
    {% endif %}
    {% if girl_acc%}
        <div id="girlAccCategoryFabric" class="fabricTabContent">
        </div>
    {% endif %}
</div>