<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{% block title %}Welcome!{% endblock %}</title>
{% block stylesheets %}{% endblock %}
<meta name="author" content="株式会社ステラリンク">
<link rel="stylesheet" href="{{ asset('style.css') }}" type="text/css">
<link rel="stylesheet" href="{{ asset('html5doctor.css') }}" type="text/css">
<link rel="stylesheet" href="{{ asset('scroll-hint.css') }}" type="text/css">
<script src="../js/jquery-3.6.0.min.js"></script>
<link href="https://use.fontawesome.com/releases/v5.13.0/css/all.css" rel="stylesheet">
<script src="../js/jquery.lazyload.min.js"></script>
<link rel="apple-touch-icon" href="{{ asset('../image/favicons/apple-touch-icon-152x152.png') }}" sizes="152x152">
<link rel="icon" type="image/png" href="{{ asset('../image/favicons/icon-16x16.png') }}" sizes="16x16">
<link rel="icon" type="image/png" href="{{ asset('../image/favicons/icon-32x32.png') }}" sizes="32x32">
</head>
<body {% if app.request.attributes.get('_route') == 'area' %}class="area-top"{% elseif app.request.attributes.get('_route') == 'item' %}class="item-top"{% elseif app.request.attributes.get('_route') == 'complete' %}class="complete-top"{% endif %}>
<div id="screen_touch" class="wrapper">
<header>
<div class="flexbox">
<div class="login-top{% if app.request.attributes.get('_route') != 'area' %} top-logo{% endif %}"><a href="{{ path("item") }}"><img src="{{ asset('../image/logo.png') }}" alt=""></a>
{% if app.session.get('AreaId')!= "" and app.session.get('StoreId')!= "" %}
<h1 class="login-name">{{ app.session.get('StoreName') | length > 19? app.session.get('StoreName') | slice(0, 19) ~ '…' : app.session.get('StoreName') }}支店</h1></div>
<div class="narrow-down-form">
{% if app.request.attributes.get('_route') == 'item' %}
並べ替え
<select class="sort_select" name="sort" id="sort">
{% for sort in sorts %}
<option value="{{ sort.id }}" {% if (sortId is not null) and sortId == sort.id %}selected{% endif %}>{{ sort.name }}</option>
{% endfor %}
</select>
<button class="app-btn" name="searchBtn" onclick="return sortSelect();">適用</button>
{% endif %}
<button class="logout" type="button" name="logout" value="" onclick="location.href='{{ path("area") }}'">拠点選択へ戻る</button>
</div>
{% else %}
</div>
{% endif %}
</div>
{# インデックスタブ #}
{% if app.request.attributes.get('_route') == 'item' %}
<div class="tab-buttons sp-none">
{% for key, indexTab in index %}
<span {% if indexId == key %}class="tab-active"{% endif %} onclick="return tabChange({{ key }});">{{ indexTab }}</span>
{% endfor %}
</div>
<div class="tab-buttons pc-none">
{% for key, s_indexTab in s_index %}
<span {% if indexId == key %}class="tab-active"{% endif %} onclick="return tabChange({{ key }});">{{ s_indexTab }}</span>
{% endfor %}
</div>
{% endif %}
</header>
<main>
<div class="{% if app.request.attributes.get('_route') == 'item' %}main{% else %}main_top{% endif %}">
{% block body %}{% endblock %}
</div>
</main>
<footer>
<p class="copyright">Copyright © 2021 StellarLink CORPORATION. </p>
</footer>
</div>
{% block javascripts %}{% endblock %}
</body>
</html>