@extends('voyager::master')

@section('page_title', 'Hold Details')

@section('page_header')
<div class="page-header">
    <div class="row align-items-center py-2">
        <div class="col-sm mb-2 mb-sm-0">
            <div class="d-flex align-items-center">
                <img class="onerror-image" data-onerror-image="{{asset('thumb.png')}}" src="{{asset('thumb.png')}}" width="38" alt="img">
                <div class="w-0 flex-grow pl-2">
                    <h1 class="page-header-title mb-0"> {{__('cashout.cashout.heading')}} </h1>
                    <p class="page-header-text m-0">{{__('cashout.cashout.paragraph')}}</p>
                </div>
            </div>
        </div>

    </div>
</div>
@stop

@section('content')
<div class="row">
    <div class="col-md-12">
        <div class="panel panel-bordered">
            <div class="panel-body">
                <div class="table-responsive">
                    <table id="dataTable" class="table table-hover customers-table">
                        <thead>
                            <tr>
                                <th>{{__('datatable.sn')}}</th>
                                <th>{{__('datatable.reference_number')}}</th>
                                <th>{{__('cashout.cashout.customer_id')}}</th>
                                <th>{{__('datatable.wallet_id')}}</th>
                                <th>{{__('datatable.amount')}}</th>
                                <th>{{__('cashout.cashout.created_date')}}</th>
                                <th>{{__('cashout.cashout.updated_date')}}</th>
                                <th>{{__('cashout.cashout.reason')}}</th>
                                <th>{{__('datatable.status')}}</th>
                                <th>{{__('cashout.cashout.created_by')}}</th>
                                <th>{{__('cashout.cashout.expiry_date')}}</th>

                            </tr>
                        </thead>
                        <tbody>
                            {{-- @foreach($holds as $index=>$hold)
                            <tr>
                                <td>{{++$index}}</td>
                                <td>{{checkAndReturnValue($hold, 'reference_number')}}</td>
                                <td>{{checkAndReturnValue($hold, 'customer_id')}}</td>
                                <td>{{checkAndReturnValue($hold, 'wallet_id')}}</td>
                                <td>{{format_number(checkAndReturnValue($hold, 'amount'))}}</td>
                                <td>
                                </td>
                                <td>
                                </td>
                                <td>{{checkAndReturnValue($hold, 'reason')}}</td>
                                <td>{{checkAndReturnValue($hold, 'status')}}</td>
                                <td>
                                </td>
                                <td></td>

                            </tr>
                            @endforeach --}}
                            @if(isset($holdDetails['params']))
                            @foreach($holdDetails['params'] as $index=>$hold)
                            <tr>
                                <td>{{++$index}}</td>
                                <td>{{checkAndReturnValue($hold, 'referenceNumber')}}</td>
                                <td>{{checkAndReturnValue($hold, 'customerId')}}</td>
                                <td>{{checkAndReturnValue($hold, 'walletId')}}</td>
                                <td>{{format_number(checkAndReturnValue($hold, 'amount'))}}</td>
                                <td>
                                    {{checkAndReturnValue($hold,'createdDt')?Carbon\Carbon::createFromTimestamp((int)$hold['createdDt'] / 1000)->format('Y/m/d'):''}}
                                </td>
                                <td>
                                    {{checkAndReturnValue($hold,'updatedDt')?Carbon\Carbon::createFromTimestamp((int)$hold['updatedDt'] / 1000)->format('Y/m/d'):''}}
                                </td>
                                <td>{{checkAndReturnValue($hold, 'reason')}}</td>
                                <td>{{checkAndReturnValue($hold, 'status')}}</td>
                                <td>
                                    {{checkAndReturnValue($hold,'expiryDt')?Carbon\Carbon::createFromTimestamp((int)$hold['expiryDt'] / 1000)->format('Y/m/d'):''}}
                                </td>
                                <td>{{checkAndReturnValue($hold, 'createdBy')}}</td>

                            </tr>
                            @endforeach
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

@stop


@section('javascript')
<script>
    $(document).ready(function() {
    var searchLabel = "@lang('datatable.sSearch')";
    var lengthMenuLabel = "@lang('datatable.sLengthMenu')";
    var infoLabel = "@lang('datatable.sInfo')";
    var infoEmptyLabel = "@lang('datatable.sInfoEmpty')";
    var infoFilteredLabel = "@lang('datatable.sInfoFiltered')";
    var loadingRecordsLabel = "@lang('datatable.sLoadingRecords')";
    var processingLabel = "@lang('datatable.sProcessing')";
    var zeroRecordsLabel = "@lang('datatable.sZeroRecords')";

    var firstLabel = "@lang('datatable.oPaginate.sFirst')";
    var lastLabel = "@lang('datatable.oPaginate.sLast')";
    var nextLabel = "@lang('datatable.oPaginate.sNext')";
    var previousLabel = "@lang('datatable.oPaginate.sPrevious')";

    var sortAscendingLabel = "@lang('datatable.oAria.sSortAscending')";
    var sortDescendingLabel = "@lang('datatable.oAria.sSortDescending')";

        $(".fields-btn").on('click', function() {
            $('#fields_modal').modal('show');
        });
        $('#dataTable').DataTable({
                language: {
            search: searchLabel,
            lengthMenu: lengthMenuLabel,
            info: infoLabel,
            infoEmpty: infoEmptyLabel,
            infoFiltered: infoFilteredLabel,
            loadingRecords: loadingRecordsLabel,
            processing: processingLabel,
            zeroRecords: zeroRecordsLabel,
            paginate: {
                first: firstLabel,
                last: lastLabel,
                next: nextLabel,
                previous: previousLabel
            },
            aria: {
                sortAscending: sortAscendingLabel,
                sortDescending: sortDescendingLabel
            }
        },
        })
    });
</script>
@stop