@extends('layouts.admin_template')
@section('content')
<style>
	.mark-as-read {
    background: #000;
    padding: 5px 15px;
    display: inline-block;
    border-radius: 5px;
	}	
	#mark-all {
    background: #0073bd;
    color: #fff;
    padding: 7px 15px;
    display: inline-block;
	}
</style>
<!-- <section class="content-header">
	<div class="row">
		<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
			<h4 class="mainsection-title">Notifications</h4>
		</div>
	</div>
</section>	 -->
<section class="content">
	<div class="row">
		<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">				
			<div class="card">
				<div class="card-header bg-card-dark-blue">
					<h3 class="card-title">Notifications</h3>
				</div>					
				<div class="card-body">
					@forelse($notifications as $notification)
					@if($notification->type == 'App\Notifications\NewUserNotification')
					<div class="alert btn-default" role="alert">
						[{{ $notification->created_at }}] User {{ $notification->data['name'] }} ({{ $notification->data['email'] }}) has just registered.
						<a href="{{ url('admin/mark-as-read') }}/{{ $notification->id }}" class="float-right mark-as-read" data-id="{{ $notification->id }}">
							Mark as read
						</a>
					</div>
					@elseif($notification->type == 'App\Notifications\NewAccountNotification')
					<div class="alert btn-info" role="alert">
						[{{ $notification->created_at }}] User {{ $notification->data['name'] }} Vertex Account ({{ $notification->data['mt5account'] }}) has just created.
						<a href="{{ url('admin/mark-as-read') }}/{{ $notification->id }}" class="float-right mark-as-read" data-id="{{ $notification->id }}">
							Mark as read
						</a>
					</div>
					@elseif($notification->type == 'App\Notifications\NewDepositNotification')
					<div class="alert btn-success" role="alert">
						[{{ $notification->created_at }}] User {{ $notification->data['name'] }} Vertex Account {{ $notification->data['mt5account'] }} Amount {{ $notification->data['amount'] }} Deposit request just created.
						<a href="{{ url('admin/mark-as-read') }}/{{ $notification->id }}" class="float-right mark-as-read" data-id="{{ $notification->id }}">
							Mark as read
						</a>
					</div>
					@elseif($notification->type == 'App\Notifications\NewWithdrawNotification')
					<div class="alert btn-warning" role="alert">
						[{{ $notification->created_at }}] User {{ $notification->data['name'] }} Vertex Account {{ $notification->data['mt5account'] }} Amount {{ $notification->data['amount'] }} Withdraw request just created.
						<a href="{{ url('admin/mark-as-read') }}/{{ $notification->id }}" class="float-right mark-as-read" data-id="{{ $notification->id }}">
							Mark as read
						</a>
					</div>
					@elseif($notification->type == 'App\Notifications\DepositApprovedNotification')
					<div class="alert btn-success" role="alert">
						[{{ $notification->created_at }}] Admin {{ $notification->data['adminname'] }} has Approved Deposit for User {{ $notification->data['name'] }} Vertex Account {{ $notification->data['mt5account'] }} Amount {{ $notification->data['amount'] }} Successfully.
						<a href="{{ url('admin/mark-as-read') }}/{{ $notification->id }}" class="float-right mark-as-read" data-id="{{ $notification->id }}">
							Mark as read
						</a>
					</div>
					@elseif($notification->type == 'App\Notifications\DepositRejectedNotification')
					<div class="alert btn-danger" role="alert">
						[{{ $notification->created_at }}] Admin {{ $notification->data['adminname'] }} has Rejected Deposit for User {{ $notification->data['name'] }} Vertex Account {{ $notification->data['mt5account'] }} Amount {{ $notification->data['amount'] }} Successfully.
						<a href="{{ url('admin/mark-as-read') }}/{{ $notification->id }}" class="float-right mark-as-read" data-id="{{ $notification->id }}">
							Mark as read
						</a>
					</div>
					@elseif($notification->type == 'App\Notifications\WithdrawApprovedNotification')
					<div class="alert btn-warning" role="alert">
						[{{ $notification->created_at }}] Admin {{ $notification->data['adminname'] }} has Approved Withdraw for User {{ $notification->data['name'] }} Vertex Account {{ $notification->data['mt5account'] }} Amount {{ $notification->data['amount'] }} Successfully.
						<a href="{{ url('admin/mark-as-read') }}/{{ $notification->id }}" class="float-right mark-as-read" data-id="{{ $notification->id }}">
							Mark as read
						</a>
					</div>
					@elseif($notification->type == 'App\Notifications\WithdrawRejectedNotification')
					<div class="alert btn-danger" role="alert">
						[{{ $notification->created_at }}] Admin {{ $notification->data['adminname'] }} has Rejected Withdraw for User {{ $notification->data['name'] }} Vertex Account {{ $notification->data['mt5account'] }} Amount {{ $notification->data['amount'] }} Successfully.
						<a href="{{ url('admin/mark-as-read') }}/{{ $notification->id }}" class="float-right mark-as-read" data-id="{{ $notification->id }}">
							Mark as read
						</a>
					</div>
					@endif
					@if($loop->last)
					<a href="{{ url('/admin/mark-all-read') }}" id="mark-all">
						Mark all as read
					</a>
					@endif
					@empty
					There are no new notifications
					@endforelse
				</div>					
			</div>
		</div>
	</div>
</section>
@endsection