@extends('admin.layout.master')

@section('content')

<div class="app-content  my-3 my-md-5">
	<div class="side-app">
		<div class="page-header">
			<h4 class="page-title">Suspended/Rejected/Cancelled Circle Details Lists</h4>
			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="{{route('circle.suspendedList')}}">Suspended Circle Management Lists</a></li>
				<li class="breadcrumb-item active" aria-current="page">Suspended Circle Details Lists</li>
			</ol>

		</div>
		<div class="row ">
			<div class="col-md-12">
				<div class="card">
					@if(Session::has('success'))

						<div class="alert alert-primary">
							<p>{{ Session::get('success') }}</p>
						</div>

					@endif

					@if(Session::has('errors'))

						<div class="alert alert-danger">
							<p>{{ Session::get('errors') }}</p>
						</div>

					@endif
					
					<div class="card-header">
						<h3 class="card-title">Suspended/Rejected/Cancelled Circle Details List</h3>
						<h4 style="padding: 13px 10px 2px 300px">Circle Code : {{$circle_code}}</h4>
					</div>


					<div class="card-body">

					  <div class="table-responsive">
						<table id="table" class="table card-table table-vcenter text-nowrap">
							<thead>
								<tr>
									<th>Name</th>
									<th>Deposit</th>
									<th>Reimborsement/<br/>Overdraft</th>
									<th>Paid</th>
									<th>Collected</th>
									<th>Balance</th>
									<th>Settlement <br/>Status</th>
								</tr>
							</thead>
							<tbody>
														@foreach($circles as $key=>$val)
								<tr>
									<td>{{$val->username}}</td>
									<td>{{$val->deposit}}</td>
									<td>@if($val->balance >= 0){{'Reimborsement'}}@else{{'Overdraft'}}@endif</td>
									<td>{{$val->totalPaymentDetails}}</td>
									<td>{{$val->withdrawDetails}}</td>
									<td>{{$val->balance}}</td>
									<td>
										@if($val->settle_status == 0)
											<a class="btn btn-dark btn-sm text-white" href="{{route('circle.suspendSettlement', base64_encode($val->id))}}" style="border-radius: 50px; background-color: #d81427;" onclick="return confirm('Are you sure to settle ?')" data-toggle="tooltip" data-original-title="Settle"><i class="fa fa-close"></i></a>
										@else
											<a class="btn btn-dark btn-sm text-white" href="javascript:void(0)" style="border-radius: 50px; background-color: #21bd67;"><i class="fa fa-check"></i></a>
										@endif
									</td>
								</tr>
															@endforeach							
							</tbody>
						</table>
						
					  </div>
					</div>
					
				</div>
			</div>
		</div>
	</div>
</div>

@endsection
@section('scripts')
<script type="text/javascript">
	function withdrawn() {
		var conf = confirm('Are you sure?');

		if(conf)
		{
			return true;
		}
	}
</script>
@endsection