@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.hold_details.heading')}}</h1>
                    <p class="page-header-text m-0">{{__('cashout.cashout.paragraph')}}</p>
                </div>
            </div>
        </div>
        @if(hasPermission('add', 'Hold'))
        <div class="col-sm-auto min--280 text-right">
            <a class="btn btn-sm btn-success fields-btn" data-type="create">
                <i class="voyager-plus"></i> {{__('cashout.hold_details.create_hold')}}
            </a>
        </div>
        @endif
    </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.expiry_date')}}</th>
                                <th>{{__('cashout.cashout.created_by')}}</th>
                                <th class="actions text-right col-span"> {{ __('voyager::generic.actions') }} </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>
                                 {{checkAndReturnValue($hold, 'created_at')? Carbon\Carbon::parse(checkAndReturnValue($hold, 'created_at'))->format('Y/m/d'):''}}
                                </td>
                                 <td>
                                </td>
                                <td>{{checkAndReturnValue($hold, 'reason')}}</td>
                                <td>
                                    @if(!empty(checkAndReturnValue($hold,'local_id')))
                                    {{__('datatable.active')}}
                                    @endif
                                </td>
                                <td>

                                   {{checkAndReturnValue($hold, 'expired_at')}}
                                </td>
                                <td>{{checkAndReturnValue($hold, 'name')}}</td>

                                <td style="width: 200px;">
                                    @if(hasPermission('approval', 'Hold') && checkAndReturnValue($hold,'is_approval_needed')==1)
                                    <button class="btn btn-sm btn-danger pull-right top-up hold-reject-button" data-href="{{
                                        route('approval.reject', [
                                            'id' => checkAndReturnValue($hold, 'id'),
                                            'route' => 'holds.reject',
                                            'callback_url' => 'wallets.holds.index'
                                        ])
                                    }}">
                                        <i class="voyager-exclamation"></i>
                                        {{__('datatable.reject')}}
                                </button>
                                    <button class="btn btn-sm btn-success pull-right top-up hold-approved-button" data-href="{{
                                        route('approval.approve', [
                                            'activation_key' => 'id',
                                            'activation_val' => checkAndReturnValue($hold, 'id'),
                                            'route' => 'holds.approve',
                                            'callback_url' => 'wallets.holds.index'
                                        ])
                                    }}">
                                        <i class="voyager-check"></i>
                                        {{__('datatable.approve')}}
                            </button>
                                    @endif
                                    @if(hasPermission('release', 'Hold') && checkAndReturnValue($hold,'is_release_approval_needed')==1)
                                            <a class="btn btn-sm btn-danger pull-right top-up" href="{{
                                                route('approval.reject', [
                                                    'id' => checkAndReturnValue($hold, 'id'),
                                                    'route' => 'holds.reject',
                                                    'callback_url' => 'wallets.holds.index'
                                                ])
                                            }}">
                                                <i class="voyager-exclamation"></i>
                                                {{__('cashout.hold_details.reject_release')}}
                                            </a>
                                            <a class="btn btn-sm btn-success pull-right top-up" href="{{
                                                    route('approval.approve', [
                                                        'activation_key' => 'local_id',
                                                        'activation_val' => checkAndReturnValue($hold, 'local_id'),
                                                        'route' => 'holds.release',
                                                        'callback_url' => 'wallets.holds.index'
                                                    ])
                                                }}">
                                                <i class="voyager-check"></i>
                                                {{__('cashout.hold_details.approve_release')}}
                                            </a>
                                        @endif
                                        @if(hasPermission('create_release', 'Hold') && checkAndReturnValue($hold,'is_approval_needed')==0 && checkAndReturnValue($hold,'is_release_approval_needed')==0)
                                            <a class="btn btn-sm btn-primary pull-right top-up" href="{{
                                                route('approval.approve', [
                                                    'id' => checkAndReturnValue($hold, 'id'),
                                                    'route' => 'holds.release.create',
                                                    'callback_url' => 'wallets.holds.index'
                                                ])
                                            }}">
                                                <i class="voyager-plus"></i>
                                                {{__('cashout.hold_details.create_release')}}
                                            </a>
                                        @endif
                                </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>
                                <td>
                                    @if(checkAndReturnValue($hold, 'status')=="ACTIVE")
                                        @if(hasPermission('release', 'Hold'))
                                        <a class="btn btn-sm btn-success pull-right top-up" href="{{
                                            route('approval.approve', [
                                                'id' => checkAndReturnValue($hold, 'id'),
                                                'referenceNumber' => checkAndReturnValue($hold, 'referenceNumber'),
                                                'route' => 'holds.release',
                                                'callback_url' => 'wallets.holds.index'
                                            ])
                                        }}">
                                            {{__('cashout.hold_details.release')}}
                                        </a>
                                        @endif
                                    @else
                                        <i class="voyager-check"></i> {{__('cashout.hold_details.released')}}
                                    @endif
                                </td>
                            </tr>
                            @endforeach
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="modal modal-success fade" tabindex="-1" id="fields_modal" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="{{ __('voyager::generic.close') }}"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">{{__('cashout.hold_details.create_hold')}}</h4>
            </div>
            <div class="modal-body">
                <form class="row" action="{{ route('wallets.holds.store') }}" id="top_up_form" method="POST">
                    {{ csrf_field() }}
                    <div class="form-group  col-md-6 ">
                        <label for="customerId" class="col-form-label">{{__('cashout.cashout.customer_id')}}</label>

                        <input required="" type="text" class="form-control" name="customerId" placeholder="Customer Id">
                    </div>
                    <div class="form-group  col-md-6">
                          <label for="walletId" class="col-form-label">{{__('datatable.wallet_id')}}</label>

                        <input required="" type="text" class="form-control" name="walletId" placeholder="Wallet Id">
                    </div>
                    <div class="form-group  col-md-6">
                       <label for="amount" class="col-form-label">{{__('datatable.amount')}}</label>
                        <input required="" type="number" step="any" class="form-control" name="amount" placeholder="Amount">
                    </div>
                    <div class="form-group  col-md-6 d-none">
                        <input required="" type="number" step="any" class="form-control" name="charges" placeholder="Charges" value="0">
                    </div>
                    <div class="form-group col-md-12 ">
                       <label for="reason" class="col-form-label">{{__('cashout.cashout.reason')}}</label>

                        <textarea name="reason" rows="5" class="form-control" placeholder="Reason ..."></textarea>
                    </div>
                    <div class="col-md-12 text-right">
                        <button type="button" class="btn btn-danger close-btn mr-2" data-dismiss="modal">{{ __('voyager::generic.cancel') }}</button>
                        <button type="submit" class="btn pull-right submit-confirm btn-success"> {{__('voyager::generic.submit')}} </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@stop


@section('javascript')
<script>
    $(document).ready(function() {

        $(".fields-btn").on('click', function() {
            $('#fields_modal').modal('show');
        });

    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')";

        $('#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
                    }
                },
        })
    });

    setupConfirmationButton('hold-approved-button','{{ __('messages.approval_confirmation')}}','{{ __('messages.cancel')}}','{{ __('messages.confirm')}}','{{ __('messages.confirmation_title')}}');
    setupRejectionButton('hold-reject-button', '{{ __('messages.rejection_confirmation')}}','{{ __('messages.cancel')}}','{{ __('messages.confirm')}}', '{{ __('messages.confirmation_title')}}');
</script>
@stop