@extends('layouts.admin_template')
@section('content')
<!-- container Start -->
<div class="container-fluid px-3 px-xxl-5">
	<div class="titel-head pb-4">
        <h1>@lang('translate.pending_withdraw')</h1>
	</div>
	<div class="flash-message">
		@foreach (['danger', 'warning', 'success', 'info'] as $msg)
		@if(Session::has('alert-' . $msg))
		<div class="alert alert-{{ $msg }} alert-dismissible fade show" role="alert">
			<strong>{{ ucfirst(($msg == 'danger') ? "Error" : $msg) }}!</strong> {{ Session::get('alert-' . $msg) }}
			<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
		</div>
		@endif
		@endforeach
	</div>
	<div class="row g-3">
        <div class="col-lg-12 mt-3 mt-lg-5">
			<div class="bg-dark pb-4 rounded-3 box-shadow">
				<div class="table-responsive-lg table-p15">
					<table id="withdrawpending_datatable" class="table table-dark table-striped mb-0 text-center table-hover">
						<thead>
							<tr>
								<th>@lang('translate.id')</th>
								<th>@lang('translate.name_email')</th>
								<th>@lang('translate.mt5id')</th>
								<th>@lang('translate.amount')</th>
								<th>@lang('translate.withdraw_to')</th>
								<th>@lang('translate.payment_method')</th>
								<th>@lang('translate.note')</th>
								<th>@lang('translate.status')</th>
								<th>@lang('translate.date')</th>
								<th>@lang('translate.marketing_name')</th>
								<th>@lang('translate.action')</th>
							</tr>
						</thead>
						<tbody>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>
<div class="modal" tabindex="-1" role="dialog" id="pending-withdraw-modal">
	<div class="modal-dialog" role="pendingdeposit">
		<div class="modal-content bg-black">
			<div class="modal-header bg-primary">
				<h5 class="modal-title">@lang('translate.pending_withdraw_approval')</h5>
				<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
			</div>
			<div class="modal-body">
				<form role="form" method="post" action="{{ url('/admin/transaction/pendingwithdrawstore') }}">
					@csrf
					<div class="row">
						<div class="col-sm-12 col-md-12 col-lg-12">
							<div class="mb-4">
								<label for="amount" class="form-label">@lang('translate.amount') <span class="required-mark">*</span></label>
								<input type="text" name="amount" class="form-control form-control-lg bg-dark @error('amount') is-invalid @enderror" id="amount" required />
								@error('amount')
								<div class="invalid-feedback">
									{{ $message }}
								</div>
								@enderror
							</div>
						</div>
						<div class="col-sm-12 col-md-12 col-lg-12">
							<div class="mb-4">
								<label for="status" class="form-label">@lang('translate.status') <span class="required-mark">*</span></label>
								<select name="status" class="form-control form-control-lg bg-dark @error('status') is-invalid @enderror" id="status" required>
									<option value="1">Approve</option>
									<option value="2">Reject</option>
								</select>
								@error('status')
								<div class="invalid-feedback">
									{{ $message }}
								</div>
								@enderror
							</div>
						</div>
						@if(env('exchanger') == 'yes')
						<div class="col-sm-12 col-md-12 col-lg-12">
							<div class="mb-4">
								<label for="exchangerid" class="form-label">@lang('translate.select_exchanger') <span class="required-mark">*</span></label>
								<select name="exchangerid" class="form-control form-control-lg bg-dark @error('exchangerid') is-invalid @enderror" id="exchangerid" required>
									@foreach($exchangerlists as $exchanger)
									<option value="{{ $exchanger->id }}">{{$exchanger->name }}</option>
									@endforeach
								</select>
								@error('exchangerid')
								<div class="invalid-feedback">
									{{ $message }}
								</div>
								@enderror
							</div>
						</div>
						@endif
						<div class="col-sm-12 col-md-12 col-lg-12">
							<div class="mb-4">
								<label for="status" class="form-label">@lang('translate.comment') <span class="required-mark">*</span></label>
								<textarea name="comment" class="form-control form-control-lg bg-dark @error('comment') is-invalid @enderror" id="comment" required></textarea>
								@error('comment')
								<div class="invalid-feedback">
									{{ $message }}
								</div>
								@enderror
							</div>
						</div>
						<input type="hidden" name="withdraw_id" id="withdraw_id" value="">
						<div class="col-md-12 pt-2">
							<button class="btn btn-primary btn-xs font-15" type="submit" onclick="this.disabled=true;this.value='Sending, please wait...';this.form.submit();">@lang('translate.submit')</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script type="text/javascript">
  $(function () { 
    var table = $('#withdrawpending_datatable').DataTable({
		"autoWidth": false,
		"responsive": true,
		"order": [[0, "desc"]],
		"processing": true,
		"serverSide": true,
		"language": { processing: '<i class="fa fa-spinner fa-spin fa-3x fa-fw"></i><span class="sr-only">Loading...</span> '},
		"ajax": {
          url: "{{ route('admin.transaction.pendingwithdrawlist') }}",
        },
        columns: [
            {data: 'DT_RowIndex', name: 'DT_RowIndex'},
            {data: 'udata', name: 'udata'},
            {data: 'mt5id', name: 'mt5id'},
            {data: 'amount', name: 'amount'},
            {data: 'withdraw_to', name: 'withdraw_to'},
            {data: 'paymentmethod', name: 'paymentmethod'},
            {data: 'note', name: 'note'},
            {data: 'status', name: 'status'},
            {data: 'date', name: 'date'},
            {data: 'marketingdata', name: 'marketingdata'},
            {data: 'action', name: 'action'},
        ],
		dom: 'lBfrtip',
		buttons: [
			{ extend: 'excel'},
		],
		"lengthMenu": [ [10, 25, 50, 100, -1], [10, 25, 50, 100, 'All'] ]
    });
  });
  function PendingWithdraw(id)
	{
		let url = "{{ url('/admin/transaction/pendingwithdraw') }}/"+id;
		$.ajax({
			url: url,
			type: "GET",
			success: function(response) {
				let result = response.result;
				$("#withdraw_id").val(result.id); 
				$("#amount").val(result.amount); 
				$("#pending-withdraw-modal").modal('show'); 
			},
			error: function(response) {
				console.log(response.responseJSON)
			}
		});
	}
</script>
@endsection