{% extends "Base.html" %}
{% block head %}
<style>
    table{
        border-collapse: collapse;
        width: 770px;
        /*自動斷行*/
        word-wrap: break-word;
        table-layout: fixed;
    }

    .btnlink {
        font-family: "inherit";
        font-size: 16px;
        font-weight: bold;
        margin: 0;
        float: right;
        border-radius: 3px;
        background-color: #0c5460;
        color: white;
        margin-right: 10px;
    }
</style>
{% endblock %}

{% block navitem %}
<li class="nav-item">
    <a class="nav-link" style="color: black;" href='#'>
    {% if member.isSchool == 2 or member.isSchool == 3 or member.isSchool == 5 %}
     【版權所有，僅限{{member.first_name}}教學使用】
    {% elif member.isSchool == 1 %}
     【版權所有，僅限購買教材或授權學校教學使用】
    {% elif member.isSchool == 0 %}
     【此非公播版，版權所有，僅限購買者個人學習使用】
    {% endif %}
    </a>
</li>

{% endblock %}

{% block content %}
<main role="main" class="container">
    <table class="table" id="myTable">
        {# 產生學生代碼的區域 #}
        {% if member.isSchool == 1 %} {# 第 1 類使用者 #}
            <p>
            <span style="font-size:22px; font-weight: bold;">感謝【{{ user.first_name }}】採用！僅供在學校教學使用</span><span style="font-size:22px;"> （{{ ip }}）</span><br/>
            <span style="color: #0066FF; font-size:22px;">如果【學生】在學校或回家需要練習，請另行取得授權或購買光碟。</span>
            </p>
        {% elif member.isSchool == 2 or member.isSchool == 3 or member.isSchool == 5 %} {# 第 2, 3 類使用者 #}
            {% if isTemporaryUser %}
                <p>
                    <span style="font-size: 22px; font-weight: bold;">歡迎【{{ member.first_name }}】以學生代碼({{ temporaryAccount }})登入</span><span style="font-size:22px;"> ({{ ip }})</span><br/>
                    <span style="color: #0066FF; font-size: 22px;">僅授權貴校教學使用，其他學校未取得相關授權請勿登入使用。</span>
                </p>
            {% elif isIPLogin %}
                <p>
                    <span style="font-size: 22px; font-weight: bold;">歡迎【{{ member.first_name }}】在學校IP自動登入</span><span style="font-size:22px;"> （{{ ip }}）</span><br/>
                    <span style="color: #0066FF; font-size: 22px;">老師想產生學生代碼，或查看其他重要資源，請「登出」，以教師代碼登入</span>
                </p>
            {% else %}
                {# 直接使用代碼登入 #}
                <form id="createTemporaryAccount" method="post" action='{% if not didNotBuyBookFullSemesterYear %}{% url "numberCreate" %}{% endif %}'>
                    {% csrf_token %}
                    <input type="submit" value="產生學生代碼" name="numberCreate" style="float: left;border-radius:3px;background-color:#0c5460;color:white;margin-right:10px">
                </form>
                <p>方便學生登入‧教學使用<span style="font-size: 22px;">（{{ ip }}）</span></p>
                {% if hasTempList %}
                    {% for temporaryNumber, expirationDate, thisMonth in tempList %}
                        <p style="text-align: left; color:black"> {{ temporaryNumber }}
                        {% if member.isSchool == 2 %}
                            <span style="color: #0066FF; font-size:22px;">
                                （學生可：回家練習，期限至學期末止）
                            </span>
                        {% elif member.isSchool == 3 or member.isSchool == 5 %}
                            <span style="color: #0066FF; font-size: 22px;">
                                （上課時段使用，期限至學期末止）
                            </span>
                        {% endif %}
                        </p>
                    {% endfor %}
                {% else %}
                   <p style="text-align: left;">請按「<span style="color: red;">產生學生代碼</span>」，方便學生登入；<span style="color: red;">設定IP</span> (學校或電腦教室)，可自動登入。</p>
                {% endif %}
            {% endif %}
        {% elif member.isSchool == 0 %} {# 第 0 類使用者 #}
            <p>
                <span style="font-size:22px; font-weight: bold;">感謝您的購買！僅限【個人學習】使用</span><span style="font-size: 22px;"> （{{ ip }}）</span><br/>
                <span style="color: #0066FF; font-size:22px;">如果需要【公開播放】或【教學使用】，請另行購買。</span>
            </p>
        {% else %} {# 第 4 類使用者 #}
            <p>
                <span style="font-size: 22px; font-weight: bold;">歡迎試閱資訊優質好書</span><span style="font-size:22px;"> （{{ ip }}）</span><br/>
                <span style="color: #0066FF; font-size:22px;">想選購「教材」或「教學平台」，請連絡我們(02)2971-6507 </span>
            </p>
        {% endif %}

        <br/>
        <br/>

        <div style="margin-bottom: 40px;">
            {# 右側聯絡資訊與 IP 設定、學期調整的區域 #}
            {% if member.isSchool == 2 or member.isSchool == 3 or member.isSchool == 5 %}
                <h6 style="text-align:right; color:black; float: right;">&nbsp;&nbsp;{% if not isTemporaryUser %}任何問題，請連絡我們 (02)2971-6507{% else %}任何問題，請擷取畫面 e-mail 給我們{% endif %}&nbsp;&nbsp;</h6>
                {% if isQueryingFirstSemester %}<form action="" method="get">{% endif %}
                    <input type="hidden" name="secondSemester" value="1">
                    <input type="submit" class='btnlink' {% if not isQueryingFirstSemester %}style="opacity: 0.5;"{% endif %} value="下學期">
                {% if isQueryingFirstSemester %}</form>{% endif %}
                {% if not isQueryingFirstSemester %}<form action="" method="get">{% endif %}
                    <input type="hidden" name="firstSemester" value="1">
                    <input type="submit" class="btnlink" {% if isQueryingFirstSemester %}style="opacity: 0.5;"{% endif %} value="上學期">
                {% if not isQueryingFirstSemester %}</form>{% endif %}
                {% if not isTemporaryUser and not isIPLogin %}
                    <form id="setAutologinIP" action="{% if not didNotBuyBookFullSemesterYear %}{% url 'setAutologinIP' %}{% endif %}" method="get">
                        <input type="submit" class="btnlink" value="設定IP">
                    </form>
                {% endif %}
            {% else %}
               <h6 style="text-align:right; color:black; float: right;">任何問題，請連絡我們 (02)2971-6507 服務信箱：service@ebook123.com.tw&nbsp;&nbsp;</h6>
            {% endif %}
        </div>
        <thead bgcolor="#0c5460" width="1000px">
            <tr>
                <th scope="col" width="190px" style="color:white">教學影片和資源</th>
                <th scope="col" width="135px" style="color:white">電子書</th>
                <th scope="col" width="190px" style="color:white">範例檔</th>
                <th scope="col" width="190px" style="color:white">相關資源</th>
                <th scope="col" width="300px" style="color:white">備註欄</th>
            </tr>
        </thead>
        <tbody>
            {% for book, url in object_list %}
            <tr>
                <td><a href='{{url}}' target="_blank">{{ book.bookName }}</td>

                {% if not isTemporaryUser and not isIPLogin %}
                    {% if member.isSchool != 0 and book.bookName != noBook.bookName %}
                        <td>{{ book.ebookDir | safe }}</td>
                    {% else %}
                        <td></td>
                    {% endif %}
                {% else %}
                    <td></td>
                {% endif %}

                <td>{{ book.ebookDirExample | safe }}</td>

                {% if not isTemporaryUser and not isIPLogin %}
                    {% if member.isSchool != 0 %}
                        <td>{{ book.bonus | safe }}</td>
                    {% else %}
                        <td></td>
                    {% endif %}
                {% else %}
                    <td></td>
                {% endif %}

                {% if not isTemporaryUser and not isIPLogin %}
                    {% if member.isSchool == 2 or member.isSchool == 3 %}
                        <td>{{ book.loginCodeForBook | safe }}</td>
                    {% else %}
                        <td></td>
                    {% endif %}
                {% else %}
                    <td></td>
                {% endif %}
            </tr>
            {% endfor %}

            {% if didNotBuyBook and object_list|length < 2 %}
            <tr>
                <td><a href='{{ noBook.bookUrl }}' target="_blank">{{ noBook.bookName }}</a></td>
                <td></td>
                <td></td>
                <td></td>
                <td>{{ noBook.loginCodeForBook | safe }}</td>
            </tr>
            {% endif %}

            <tr height="300px">
            </tr>
        </tbody>
    </table>
</main>

{% if didNotBuyBookFullSemesterYear %}
<script>
    $('#setAutologinIP').submit(function(e){
        alert('找不到貴校用書，無法產生學生代碼或設定IP。\n如果有用教材，請告知我們 (02)2971-6507！');
        e.preventDefault();
    });

    $('#createTemporaryAccount').submit(function(e){
        alert('找不到貴校用書，無法產生學生代碼或設定IP。\n如果有用教材，請告知我們 (02)2971-6507！');
        e.preventDefault();
    });
</script>
{% endif %}
{% endblock %}