<!DOCTYPE html>
<!--
* Amin Site
* @version v1.o
-->
<!-- Breadcrumb-->
<html lang="ja" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
<head>
    <base href="">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>errors</title>
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="theme-color" content="#ffffff">

    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flag-icon-css@4.1.5/css/flag-icons.css">
    <link rel="canonical" href="https://getbootstrap.jp/docs/5.0/forms/checks-radios/">

    <!-- Main styles for this application-->
    <link href="/assets/css/style.css" rel="stylesheet">

    <!-- Main styles for datetimepicker-->
    <link
            rel="stylesheet"
            type="text/css"
            href="/assets/css/jquery.datetimepicker.min.css"
    />
<style>
#upload-status-container{display:none;}
#upload-header{height:35px;width:100%;background-color: #323254;color: #fff;padding: 8px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
#progress-bar-container{margin-top: 0;padding:20px;max-height:260px;overflow-y:auto;border:1px solid #323254;}
::-webkit-scrollbar {background-color: #fff; width: 8px; height: 8px;}
::-webkit-scrollbar-thumb {background-color: #C0C0C0; border-radius: 10px;}
</style>
</head>

<body>
<!-- Main Navigation -->
<nav class="navbar navbar-expand-md navbar-light bg-light">
    <a class="navbar-brand mg-l-20" href="/admin/users">
        <img src="/assets/images/v18_184.png" width="30" height="30" class="d-inline-block align-top" alt="">
        Custom Mouse Pad Admin site
    </a>
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle Navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbar">
        <ul class="navbar-nav" style="margin:auto;">
            <li class="nav-item ">
                <a class="nav-link" href="/admin/users/">users</a>
            </li>
            <li class="nav-item ">
                <a class="nav-link" href="/admin/products/">products</a>
            </li>
            <li class="nav-item ">
                <a class="nav-link" href="/admin/variations/">variations</a>
            </li>
            <li class="nav-item ">
                <a class="nav-link" href="/admin/types/">types</a>
            </li>
            <li class="nav-item ">
                <a class="nav-link" href="/admin/parts/">parts</a>
            </li>
            <li class="nav-item ">
                <a class="nav-link" href="/admin/sells/">sells</a>
            </li>
            <li class="nav-item ">
                <a class="nav-link" href="/admin/templates/">Templates</a>
            </li>
            <li class="nav-item ">
                <a class="nav-link" href="/admin/settings/">settings</a>
            </li>
            <li class="nav-item ">
                <a class="nav-link" href="/admin/artistSetting/">ArtistSetting</a>
            </li>
            <li class="nav-item ">
                <a class="nav-link" href="/admin/orders/">orders</a>
            </li>
        </ul>
        <div class="d-flex sign-out-block">
            <span class="me-2"></span>
            <a href="/admin/logout">Sign out</a>
        </div>
    </div>
</nav>

<!-- Content Section -->
<section layout:fragment="content">
    <div class="wrapper d-flex flex-column min-vh-100 min-vw-100">
        <div class="body flex-grow-1 px-3">
            <div class="container-lg pt-5" style="text-align:center;">

                <div class="row">
                    <h1>Error occurred.</h1>
                </div>
                <div class="row mb-3">
                    <span class="text-danger">エラーが発生されました</span>
                </div>
                
                <div class="row text-center" style="display:contents;">
                    <button class="btn btn-primary col-1" onclick="goBack();">Back</button>
                </div>

                <!-- ここまで -->

            </div>
        </div>
    </div>
</section>

<!-- Footer -->
<footer class="container py-5">
    <div class="row">
        <div class="col-md-12">
            <p class="text-muted">&copy; 2020 Business Name. All rights reserved.</p>
        </div>
    </div>
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.7.0.min.js" integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
    <script src="/assets/js/confirmbutton.js"></script>

    <!-- jQuery first, then datetimepicker -->
    <script src="/assets/js/jquery.datetimepicker.full.min.js"></script>

    <script src="/assets/js/admin_site.js"></script>
</footer>
<script type="text/javascript">
function goBack() {
    var url = null;
    window.location = url;
}
</script>
</body>
</html>