@extends('layouts.master')

@section('content')
<div class="container">
	<div class="card card-custom gutter-b">
		<div class="card-header flex-wrap py-3">
			<div class="card-title">
				<h3 class="card-label">List of Withdrawal</h3>
			</div>
			<div class="card-toolbar">
			</div>
		</div>
		<div class="card-body">
			<!--begin: Datatable-->
			<table class="table table-bordered" id="cashout-table">
				<thead>
					<tr>
						<th>No.</th>
                        <th>Squad</th>
						<th>Date/Time</th>
                        <th>Amount</th>
                        <th>Current Credit</th>
						<th>Approval</th>
					</tr>
				</thead>
				<tbody>
				</tbody>
			</table>
			<!--end: Datatable-->
		</div>
	</div>
</div>

@endsection
@push('script')
<script type="text/javascript">
	var table = $('#cashout-table').DataTable({
        responsive: false,
        scrollX: true,
        lengthMenu: [10, 20, 50, 100],
        columns: [
            {
                "data": null,
                "orderable": false,
                "render": function (data, type, row, meta) {
                    return meta.row + meta.settings._iDisplayStart + 1;
                }
            },
            {
                "data": null,
                "render": function (data, type, row)  {
                    return '<span>'+row.user.name+'</span>';
                }
            },
            {
                "data": null,
                "render": function (data, type, row)  {
                    return moment(row.created_at).format('DD/MM/YYYY HH:mm A');
                }
            },
            {
                "data": null,
                "render": function (data, type, row)  {
                    return '<span>RM '+parseFloat(row.total_amount).toFixed(2)+'</span>';
                }
            },
            {
                "data": null,
                "render": function (data, type, row)  {
                    return '<span>RM '+parseFloat(row.credit.current_amount).toFixed(2)+'</span>';
                }
            },
            {
                "data": null,
                "render": function (data, type, row)  {
                    if(row.status == 0)
                    {
                        return '<a href="#" title="Withdrawal" class="btn btn-icon btn-circle btn-light-default btn-sm mr-2 cashout-status" data-id="'+row.id+'"><i class="la la-exchange-alt icon-xl"></i></a>';
                    }
                    else if(row.status == 1)
                    {
                        return '<i class="la la-exchange-alt icon-xl text-success mr-5"></i>';
                    }
                }
            },
        ],

        ajax: {
            method : 'get',
            url: "{{ route('cashout.dt') }}",
            dataSrc:"data",
            dataType : "json"
        }
    }).on('click', 'a.cashout-status', function(e) {

        e.preventDefault();

        var id      = $(this).data('id');
        var _token  = $("input[name='_token']").val();
        var url     = "{{ route('cashout.status') }}";

        Swal.fire({
            title: "Are you sure you want to approve this withdrawal request?",
            text: "You won't be able to revert this!",
            icon: "warning",
            showCancelButton: true,
            confirmButtonText: "Yes!"
        }).then(function(result) {
            if (result.value) {
                $.ajax({
                    url: url,
                    type: "POST",
                    dataType: "json",
                    data: {
                        id      : id,
                        status  : 1,
                        _token  : _token
                    },
                    success: function(data) {
                        if(data.status != 'success'){
                            Swal.fire({
                                title: "Failed!",
                                text: data.message,
                                icon: "error",
                                buttonsStyling: false,
                                showConfirmButton: false,
                                timer: 3000
                             });
                        } else{
                            Swal.fire({
                                title: "Success!",
                                text: "Successfully confirmed transfer!",
                                icon: "success",
                                buttonsStyling: false,
                                showConfirmButton: false,
                                timer: 3000
                             });
                            $('#cashout-table').DataTable().ajax.reload(null, false);
                        }
                    }
                });
            }
        });            
    });
</script>
@endpush