@extends('admin.layouts.master')
@section('content')

<br>
<br>

	<div class="breadcrumbs">
		<div class="col-sm-4">
			<div class="page-header float-left">
				<div class="page-title">
					<h1>Dashboard</h1>
				</div>
			</div>
		</div>
		<div class="col-sm-8">
			<div class="page-header float-right">
				<div class="page-title">
					<ol class="breadcrumb text-right">
						<li>Operator status is: <b>Online</b>. <a href=''>Turn offline</a></li>
					</ol>
				</div>
			</div>
		</div>
	</div>

	<div class="content mt-3">
		<div class="col-sm-6 col-lg-3">
			<div class="card text-white bg-flat-color-1">
				<div class="card-body pb-0">
					<div class="dropdown float-right">
						<i class="fa fa-users"></i>
					</div>
					<h4 class="mb-0">
						<span class="count">{{ $userCount}}</span>
					</h4>
					<p class="text-light">Users</p>
				</div>
			</div>
		</div>
          
		<div class="col-sm-6 col-lg-3">
			<div class="card text-white bg-flat-color-2">
				<div class="card-body pb-0">
					<div class="dropdown float-right">
						<i class="fa fa-refresh"></i>
					</div>
					<h4 class="mb-0">
						<span class="count">{{ $exchangeCount }}</span>
					</h4>
					<p class="text-light">Exchanges</p>
				</div>
			</div>
		</div>
            <!--/.col-->

		<div class="col-sm-6 col-lg-3">
			<div class="card text-white bg-flat-color-3">
				<div class="card-body pb-0">
					<div class="dropdown float-right">
						<i class="fa fa-comments-o"></i>
					</div>
					<h4 class="mb-0">
						<span class="count">{{ $testimonialCount }}</span>
					</h4>
					<p class="text-light">Testimonials</p>
				</div>
			</div>
		</div>
		<!--/.col-->

		<div class="col-sm-6 col-lg-3">
			<div class="card text-white bg-flat-color-4">
				<div class="card-body pb-0">
					<div class="dropdown float-right">
						<i class="fa fa-dollar"></i>
					</div>
					<h4 class="mb-0">
						<span class="count">50</span>
					</h4>
					<p class="text-light">Withdrawals</p>

				</div>
			</div>
		</div>
            

		<div class="col-lg-12 col-md-12">
			<p>Here you can add some Widget to see your website visitors.</p>
		</div>

		<div class="col-md-12">
			<div class="card">
				<div class="card-header">
					<strong class="card-title">New <b>Exchanges</b></strong>
				</div>
				<div class="card-body">
					<table class="table table-striped">
						<thead>
							<tr>
								<th width="5%">ID</th>
								<th width="10%">From</th>
								<th width="10%">To</th>
								<th width="20%">Amount send / Receive</th>
								<th width="20%">Exchange ID</th>
								<th width="10%">Status</th>
								<th width="10%">Process type</th>
								<th width="10%">Action</th>
							</tr>
						</thead>
						<tbody>
							@foreach($exchanges as $exchange)
								<tr>
									<td>{{ $exchange->id }}</td>
									<td> {{ $exchange->gateway_send }} </td>
									<td>{{ $exchange->gateway_receive }}</td>
									<td>{{ $exchange->amount_send }} / {{ $exchange->amount_receive }}</td>
									<td>{{ $exchange->exchange_id }}</td>
									<td>{{ $exchange->status }}</td>	
									<td></td>
									<td>
										<a href="" id="submitBtn" class="" title="Edit"><i class="fa fa-pencil"></i></a> &nbsp; &nbsp; 
										<a href="javascript:void(0);" class="deleteBtn"  title="Delete"><i class="fa fa-times"></i></a>
									</td>		
								</tr>
							@endforeach
						</tbody>
					</table>
				</div>
			</div>
		</div>
			
		<div class="col-md-6">
			<div class="card">
				<div class="card-header">
					<strong class="card-title">Quickly update reserve</strong>
				</div>
				<div class="card-body">
					<form action="{{ route('admin.updateReserve') }}" id="updateReserveForm" method="POST">
						@csrf
						<div class="form-group">
							<label>Gateway</label>
							<select class="form-control custom-dropdown" name="gateway_id">
								@foreach($gateways as $gateway)
									<option value="{{ $gateway->name }}">{{ $gateway->name }}</option>
								@endforeach
							</select>
						</div>
						<div class="form-group">
							<label>New reserve</label>
							<input type="text" class="form-control" name="reserve">
						</div>
						<button type="submit" class="btn btn-primary" name="btn_update_reserve"><i class="fa fa-check"></i> Update</button>
					</form>
				</div>
			</div>
		</div>
			
		<div class="col-md-6">
			<div class="card">
				<div class="card-header">
					<strong class="card-title">Quickly update exchange rate</strong>
				</div>
				<div class="card-body">
					<form action="" method="POST">
						<div class="form-group">
							<label>List with exchange rates</label>
							<select class="form-control" name="rid">
							<option>No gateways</option>
							</select>
						</div>
						<div class="form-group">
							<label>New exchange rate</label>
							<div class="input-group">
								<span class="input-group-addon" id="basic-addon1">Rate from</span>
								<input type="text" class="form-control" name="rate_from" placeholder="1" aria-describedby="basic-addon1">
								<span class="input-group-addon" id="basic-addon1"> Rate to</span>
								<input type="text" class="form-control" name="rate_to" placeholder="0.95" aria-describedby="basic-addon1">
							</div>
						</div>
						<button type="submit" class="btn btn-primary" name="btn_update_rate"><i class="fa fa-check"></i> Update</button>
					</form>
				</div>
			</div>
		</div>
			
		<div class="col-md-12">
			<div class="card">
				<div class="card-header">
					<strong class="card-title">Pending documents for approval</strong>
				</div>
				<div class="card-body">
					<table class="table">
						<thead>
						<tr>
							<th width="5%">ID</th>
							<th width="15%">Username</th>
							<th width="15%">Email address</th>
							<th width="15%">Document 1</th>
							<th width="15%">Document 2</th>
							<th width="15%">Registered on</th>
							<th width="10%">Action</th>
						</tr>
						</thead>
						<tbody>
							<tr>
								<td>11</td>
								<td>hello</td>
								<td>hello@gmail.com</td>
								<td><a href=" " target="_blank"> doc1 </a></td>
								<td><a href="" target="_blank"> doc2</a></td>
								<td><span class="label label-primary"> 01-01-2025</span></td>
								<td>
									<a href="./?a=users&b=edit&id=" title="Approve"><i class="fa fa-check"></i></a>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	
		<div class="col-md-12">
			<div class="card">
				<div class="card-header">
					<strong class="card-title">Pending withdrawals</strong>
				</div>
				<div class="card-body">
					<table class="table">
						<thead>
						<tr>
							<th width="5%">ID</th>
							<th width="15%">User</th>
							<th width="15%">Amount</th>
							<th width="20%">Account</th>
							<th width="10%">Status</th>
							<th width="15%">Requested on</th>
							<th width="15%">Processed on</th>
							<th width="10%">Action</th>
						</tr>
						</thead>
						<tbody>
							<tr>
								<td>11</td>
								<td>hello</td>
								<td>5000</td>
								<td>account</td>
								<td>pending</td>
								<td>01-01-2025</span></td>
								<td>01-01-2025</td>
								<td>
									<a href="" title="Approve"><i class="fa fa-check"></i></a>
									<a href="" title="Reject"><i class="fa fa-times"></i></a>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
		
		<div class="col-md-12">
			<div class="card">
				<div class="card-header">
					<strong class="card-title">Pending deposits</strong>
				</div>
				<div class="card-body">
					<table class="table">
						<thead>
						<tr>
							<th width="15%">User</th>
							<th width="10%">Amount</th>
							<th width="15%">Gateway</th>
							<th width="15%">Payment description</th>
							<th width="30%">Transaction ID/Batch/PIN</th>
							<th width="10%">Action</th>
						</tr>
						</thead>
						<tbody>
								<tr>
									<td><a href="">hello</a></td>
									<td>5000</td>
									<td>gateway </td>
									<td>description</td>
									<td>2RS34</td>
									<td>
										<a href="" title="Confirm deposit"><i class="fa fa-check"></i></a>
										<a href="" title="Reject deposit"><i class="fa fa-times"></i></a>
									</td>
								</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div> 

	<script>
		$(document).ready(function() {
			$('#updateReserveForm').on('submit', function(e) {
				e.preventDefault(); // Prevent the form from submitting traditionally
				let formData = $(this).serialize(); // Serialize the form data

				$.ajax({
					url: "{{ route('admin.updateReserve') }}", // Use the named route
					type: 'POST',
					data: formData,
					success: function(response) {
						if (response.status === 'success') {
							toastr.success(response.message); // Display success toastr message
						} else {
							toastr.error(response.message); // Display error toastr message
						}
					},
					error: function(xhr) {
						if (xhr.responseJSON && xhr.responseJSON.message) {
							toastr.error(xhr.responseJSON.message); // Display specific error message
						} else {
							toastr.error('Something went wrong. Please try again.');
						}
					}
				});
			});
		});
	</script>

        
@endsection