@php use App\Eloquents\Attachment;@endphp
@if(isset($details))
    <div class="card">
        <div class="cardNav">
            <div class="navEach active" data-target="gateway">
                <i class="fa fa-google-wallet"></i> {{ _mt($moduleId, 'BankWire.Order_data') }}
            </div>
            <div class="navEach" data-target="userDocument">
                <i class="fa fa-users"></i> {{ _mt($moduleId, 'BankWire.payment_receipt') }}
            </div>
            @if($details->status == 'rejected')
                <div class="navEach" data-target="rejectReason">
                    <i class="fa fa-file-text-o"></i> {{ _mt($moduleId, 'BankWire.reject_reason') }}
                </div>
            @endif
        </div>
        <div class="cardBody active" data-target="gateway">
            <div class="eachData">
                <label>{{ _mt($moduleId, 'BankWire.total') }}</label>
                <span>{{currency($details->data['orderData']['amount'])}}</span>
            </div>
        </div>
        <div class="cardBody" data-target="userDocument">
            <div class="eachData">
                <label>{{ _mt($moduleId, 'BankWire.Attachment') }}</label>
                @php
                    $photo = Attachment :: where('id', $details->data['orderData']['attachment'])->first();
                @endphp
                <a href="{{asset('storage/'.$photo->uri)}}">
                    <img id="holder" class="fmImage"
                         src="{{ asset('storage/'.$photo->uri) }}">
                </a>

            </div>
        </div>
        <div class="cardBody" data-target="rejectReason">
            <div class="eachData">
                {{($details->reject_reason)}}
            </div>
        </div>
        <div class="cardNav bottom-footer-nav">
            @if($details->status == 'pending')
                <div class="approve">
                    <button class="btn green ladda-button accept" data-id="{{  $details->id }}"
                            data-style="contract">
                        <i class="fa fa-check"></i> {{ _mt($moduleId, 'BankWire.Approve') }}
                    </button>
                </div>
                <div class="approve">
                    <button class="btn red ladda-button reject" data-id="{{  $details->id }}"
                            data-style="contract">
                        <i class="fa fa-close"></i> {{ _mt($moduleId, 'BankWire.Reject') }}
                    </button>
                </div>
            @endif
        </div>

@else
    <h4>{{ _mt($moduleId, 'BankWire.no_data_found') }}</h4>
@endif

<!-- reject message modal -->
<div id="rejectModal" class="modal fade" role="dialog">
    <div class="modal-dialog">
        <!-- Modal content-->
        <div class="modal-content">
            <input type="hidden" class="hiddenId" name="userId" value="userId">
            <div class="modal-header">
                <h4 class="modal-title">Reason for rejection</h4>
            </div>
            <div class="eachFilter col-sm-12 modal-body">
                <input type="text" class="rejectReason form-control" name="rejectReason"/>
            </div>
            <div class="modal-footer">
                <button type="button"
                        class="btn btn-primary submitReject">{{ _mt($moduleId, 'BankWire.Reject') }}</button>
            </div>
        </div>
    </div>
</div>
<script>
    'use strict';

    $(function () {
        Ladda.bind('.ladda-button');

        $('.accept').click(function () {
            $('.reject').attr('disabled', true);

            $.post('{{ scopeRoute('bankWire.activate') }}', {bankWireRegId: $(this).attr('data-id')}, function () {
                $('.reject').attr('disabled', false);
                toastr.success("{{ _mt($moduleId, 'BankWire.payment_placed_successfully') }}");
                fetchData();
                Ladda.stopAll();
            }).fail(function (response) {
                $('.reject').attr('disabled', false);
                if(response.responseJSON && response.responseJSON.errors && Object.keys(response.responseJSON.errors).length > 0){
                    toastr.error(response.responseJSON.errors);
                }else{
                    toastr.error("{{ _mt($moduleId,'BankWire.payment_failed') }}");
                }
                Ladda.stopAll();
            });
        });

        $('.reject').click(function (e) {
            var requestId = $(this).attr('data-id');
            Ladda.stopAll();
            $("#rejectModal").modal("show");
            $("#rejectModal .hiddenId").val(requestId);
        });

        $('.submitReject').click(function () {
            $('.accept').attr('disabled', true);
            var bankWireRegId = $('.hiddenId').val();
            var reason = $('.rejectReason').val();
            $.post('{{ scopeRoute('bankWire.reject') }}', {'bankWireRegId': bankWireRegId, 'reason': reason},
                function () {
                    $('.accept').attr('disabled', false);
                    toastr.success("{{ _mt($moduleId,'BankWire.payment_rejected_successfully') }}");
                    fetchData();
                    Ladda.stopAll();
                }).fail(function (response) {
                $('.accept').attr('disabled', false);
                if(response.responseJSON && response.responseJSON.errors && Object.keys(response.responseJSON.errors).length > 0){
                    toastr.error(response.responseJSON.errors);
                }else{
                    toastr.error("{{ _mt($moduleId,'BankWire.add_reason') }}");
                }
                Ladda.stopAll();
            });
            $("#rejectModal").modal("hide");
        });
    });

</script>
<style>
    .approve .rejectUser {
        margin-left: 6px;
    }

    .card .eachData {
        padding: 10px;
        border-bottom: 1px dotted #ddd;
    }
</style>