@page
@model AccessDeniedModel
@{
    ViewData["Title"] = "Access denied";
}

<link rel="stylesheet" href="~/css/accessDenied.css">

<div id="banner-area" style="z-index: 5">
    <img src="~/images/banner/banner2.jpg" alt="" />
    <div class="parallax-overlay"></div>
    <div class="banner-title-content">
        <div class="text-center">
            <h2>@ViewData["Title"] Page</h2>
            <ul class="breadcrumb">
                <li>
                    <a asp-area="" asp-controller="Home" asp-action="Index">Home</a>
                </li>
                <li>
                    <a asp-area="" asp-controller="Blog" asp-action="Index">Blog</a>
                </li>
                <li>
                    <a asp-area="" asp-controller="Contact" asp-action="Index">Contact</a>
                </li>
                <partial name="_LoginPartial" />
            </ul>
        </div>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="forbidden">
            <h1 class="text-danger">@ViewData["Title"]</h1>
            <p class="text-danger">You do not have access to that page.</p>
            <svg xmlns="http://www.w3.org/2000/svg" id="robot-error" viewBox="0 0 260 118.9">
                <defs>
                    <clipPath id="white-clip"><circle id="white-eye" fill="#cacaca" cx="130" cy="65" r="20" /> </clipPath>
                    <text id="text-s" class="error-text" y="106"> 403 </text>
                </defs>
                <path class="alarm" fill="#e62326" d="M120.9 19.6V9.1c0-5 4.1-9.1 9.1-9.1h0c5 0 9.1 4.1 9.1 9.1v10.6" />
                <use xlink:href="#text-s" x="-0.5px" y="-1px" fill="black"></use>
                <use xlink:href="#text-s" fill="#2b2b2b"></use>
                <g id="robot">
                    <g id="eye-wrap">
                        <use xlink:href="#white-eye"></use>
                        <circle id="eyef" class="eye" clip-path="url(#white-clip)" fill="#000" stroke="#2aa7cc" stroke-width="2" stroke-miterlimit="10" cx="130" cy="65" r="11" />
                        <ellipse id="white-eye" fill="#2b2b2b" cx="130" cy="40" rx="18" ry="12" />
                    </g>
                    <circle class="lightblue" cx="105" cy="32" r="2.5" id="tornillo" />
                    <use xlink:href="#tornillo" x="50"></use>
                    <use xlink:href="#tornillo" x="50" y="60"></use>
                    <use xlink:href="#tornillo" y="60"></use>
                </g>
            </svg>
            <h1>You are not allowed to enter here</h1>
            <h2>Go <a asp-area="" asp-controller="Home" asp-action="Index">Home!</a></h2>
        </div>
    </div>
</div>

@section Scripts{
    <script src="~/js/website/accessDenied.js"></script>
}