<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="robots" content="noindex">
    <title>503</title>
    <link rel="stylesheet" href="/legacy/index.css">
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
	<style>
	input[type=text], select, option{
		line-height: 1.2;
		color: white;
		background: #282828;
		border: 0;
		border-radius: 2px;
		display: inline-block;
		-webkit-font-smoothing: antialiased;
		outline: none;
		padding: 7px 5px;
		width: 200px;
	}

	input[type=text]::placeholder{
		color: rgb(167, 167, 167);
	}
	input[type=submit]{
		line-height: 1.2;
		color: white;
		background: #282828;
		border: 0;
		border-radius: 2px;
		display: inline-block;
		-webkit-font-smoothing: antialiased;
		outline: none;
		padding: 7px 5px;
	}
	input, select, option{
		font-size: 100%;
	}
	input[type=submit]:hover{
		color: white;
		background: #3d3d3d;
		text-decoration: none;
	}
	.center {
	  text-align: center;
	}

    .middle-align{
        position: absolute;
        top: 50%;
        height: 20%;
        width: 100%;
        margin: -10% 0 0 0;
    }
	</style>
</head>

<body style="height: 100vh;">
{!! csrf_field() !!}
<div class="col-md-12" style="height: 100%;">
    <div class="col-md-6 col-md-offset-3 text-center" style="height: 100%;">
        <div style="margin-top: calc(50vh - 300px)">
            <h4>Doxbin is under maintenance</h4>
			{{-- 
				This has been changed for a few reasons:

				1. When in production, the image does not show. This is because /files is also an affected directory when maintenance mode is enabled
				   Although it does work in a local environment, it does not work in proudction
				   
				2. This is a GIF, whereas the maintenance-cat beforehand was an MP4 file. 
				
			--}}
            <img style="height: 500px;" src="https://c.tenor.com/NoxXhCo1EU4AAAAC/tenor.gif" alt="Maintenance Cat GIF">
            <h6>{!! $maintenance_reason !!}</h6>
        </div>
    </div>
</div>
<script src="{{ asset('/legacy/jquery.min.js') }}"></script>
<script src="{{ asset('/legacy/jquery-ui-1.10.3.custom.min.js') }}"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="{{ asset('/legacy/logout.js') }}"></script>
</body>
</html>
<!-- Contact: 
Telegram: @brenton
Twitter: @brenton_xxx
-->
