<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="Doxbin is a document sharing and publishing website for text-based information such as dox, code-snippets and other stuff.">
	
	<meta name="robots" content="noindex">
    <title>Notifications - Doxbin</title>
    <link rel="stylesheet" href="/legacy/index.css">
    @include('_scripts')
	<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;
	}

    .order{
        margin-bottom: 10px;
        right: 0;
        position: absolute;
    }

	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;
	}
    .admin-text{
        color: red;
        font-weight: bold;
    }
.button{
    line-height: 1.2;
    color: white;
    background: #b21c1c;
    border: 0;
    border-radius: 2px;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    outline: none;
    padding: 5px 5px 3px 5px;
    /* vertical-align: top; */
    margin-top: 8px;
}
.button:hover{
    text-decoration: none;
    color: white;
    background: #8c1c1c;
}
.add{
    background-color: green;
}
.button:focus{
    color: white;
    text-decoration: none;
}
.add:hover{
    background-color: #1b6e10;
}
.active p{
    color: white;
}
	</style>
</head>

<body>
{!! csrf_field() !!}
    @include('_nav')
    <div class="container" style="padding: 0;background-color: #111111; min-height: 100vh;">
        <div class="col-md-12" style="margin-top: 50px;">
            <div id="notifs-container" class="page-container">
                <h5>Notifications</h5>
                @if($notifs->count() < 1)
                    No notifications.
                @else
                    @foreach($notifs as $notif)
                        <div style="margin-top: 3px; padding-bottom: 5px; border-bottom: solid 1px #494949; font-size: 14px; padding: 3px;">
                            <p style="margin: 0;padding:0; font-weight: bold; font-size: 14px;">{!! ($notif->type == 3 ? '<b style="color:#ed3e3e;display:inline;margin:0;padding:0;">Announcement</b> - ' : '') !!} {{ age($notif->date) }}</p>
                            {!! str_replace("{plural}", ($notif->type == 4 ? "ies" : "s"), str_replace("{count}", $notif->count, $notif->text)) !!}<br />
                        </div>
                    @endforeach
                @endif
            </div>
        </div>
    </div>
    @if($myUser->admin != 1)
    <script src="{{ asset('/legacy/admin.js') }}"></script>
    @endif
</body>
</html>