{% extends "web/base.html" %}
{% load static %}
{% block custom_css %}
<link href="{% static "web/css/bootstrap-social.css" %}" rel="stylesheet">
{% endblock %}
{% block custom_js %}
<script src="https://use.fontawesome.com/966a44aef7.js"></script>
{% endblock %}
{% block content %}
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
{% for index_carousel in index_carousels %}
<li data-target="#carouselExampleIndicators" data-slide-to="{{ forloop.counter0 }}" {% if forloop.first %}class="active"{% endif %}></li>
{% endfor %}
</ol>
<div class="carousel-inner">
{% for index_carousel in index_carousels %}
<div class="carousel-item{% if forloop.first %} active{% endif %}">
<img class="d-block w-100" src="{% get_media_prefix %}{{ index_carousel.image }}" alt="{{ index_carousel.name }}">
</div>
{% endfor %}
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div>
<img style="width: 100%" src="{% static "web/img/cover.png" %}" />
</div>
<div class="spacer50"></div>
<div class="row">
<div class="col">
<div class="alert alert-danger" role="alert" {% if not error %}hidden{% endif %}>
{% if error_message %}{{ error_message }}{% else %}登入異常 請稍後再試！{% endif %}
</div>
<p class="text-center">★於遊戲中進行帳號綁定，並登入相同帳號即可開始儲值★</p>
<p class="lead">
<!-- <div class="g-signin2" data-width="265" data-height="40" data-onsuccess="onSignIn"></div> -->
<a class="btn btn-block btn-social btn-lg btn-google" onclick="signInGoogle();" href="#">
<span class="fa fa-google"></span> Google 登入
</a>
</p>
<p class="lead">
<!-- <div class="fb-login-button" data-max-rows="1" data-size="large" data-button-type="login_with" data-show-faces="false" data-auto-logout-link="false" data-use-continue-as="false"></div> -->
<a class="btn btn-block btn-social btn-lg btn-facebook" onclick="signInFacebook();" href="#">
<span class="fa fa-facebook"></span> Facebook 登入
</a>
</p>
<p class="lead">
<a class="btn btn-block btn-social btn-lg btn-openid" href="{% url 'web_friend_code_login' %}">
<span class="fa fa-openid"></span> 好友碼 登入
</a>
</p>
<p class="text-left">如您為無行為能力人（如未滿七歲之未成年人），應由其法定代理人為之；若為限制行為能力人（滿七歲但未滿二十歲），應於您的法定代理人或監護人閱讀、了解並<a href="https://www.isweety.com.tw/memberrule">同意本服務條款</a>之所有內容及其後修改變更後，方得使用或繼續使用本服務。</p>
</div>
</div>
{% endblock %}