@page
@model ServiceHost.Areas.Camera.Pages.ErrorMessageModel


@{
    Layout = "Shared/_Layout";
    ViewData["Title"] = " - " + "خطای سیستمی";
    string cameraVersion = _0_Framework.Application.Version.CameraVersion;
}

@section Styles
{
    <link rel="stylesheet" href="~/AssetsClient/css/webcam.css?ver=@cameraVersion">
    <style>
        body {
            background-color: #222831
        }

        .title-logo {
            color: #20a2a2;
            font-weight: 600;
        }

        .title-logo-mobile {
            font-size: 55px;
            font-weight: 700;
            margin: 0 0 40px 0;
        }

        .logoutBtn {
	        background-color: #22a6a6;
	        padding: 7px 70px;
	        border-radius: 5px;
	        color: #ffffff !important;
        }
    </style>
}

<div class="d-flex flex-column justify-content-center vh-100 text-center">
    <div>
        <svg width="100px" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 621.6 721.91">
            <defs>
                <style>
                    .clsd-1 {
                        fill: url(#linear-gradient-2);
                    }

                    .clsd-2 {
                        fill: url(#linear-gradient-3);
                    }

                    .clsd-3 {
                        fill: url(#linear-gradient);
                    }
                </style>
                <linearGradient id="linear-gradient" x1="0" y1="481.82" x2="621.6" y2="481.82" gradientUnits="userSpaceOnUse">
                    <stop offset="0" stop-color="#30c1c1" />
                    <stop offset="1" stop-color="#087474" />
                </linearGradient>
                <linearGradient id="linear-gradient-2" x1="217.07" y1="187.47" x2="523.83" y2="187.47" xlink:href="#linear-gradient" />
                <linearGradient id="linear-gradient-3" x1="1.3" y1="146.6" x2="395.56" y2="146.6" xlink:href="#linear-gradient" />
            </defs>
            <polygon class="clsd-3" points="0 328.82 129.91 244.95 129.91 453.87 310.8 562.4 488.4 453.87 488.4 355.2 310.8 355.2 488.4 241.73 621.6 241.73 621.6 541.02 310.8 721.91 0 541.02 0 328.82" />
            <polygon class="clsd-1" points="217.07 309.16 217.07 192.4 426.8 65.78 523.83 123.33 217.07 309.16" />
            <polyline class="clsd-2" points="308.61 0 395.56 47.69 1.3 293.19 1.3 184.66 308.61 0" />
        </svg>
        <h5 class="mt-2 title-logo">سامانه هوشمند گزارشگیر</h5>
    </div>
    <div>
	    <p class="text-white">@Model.Message</p>
        <a class="logoutBtn" asp-page="/ErrorMessage" asp-page-handler="Logout">خروج</a>
    </div>
</div>