@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="userDetails">
                <i class="fa fa-users"></i> {{ _mt($moduleId, 'BankWire.user_details') }}
            </div>
            <div class="navEach" data-target="userDocument">
                <i class="fa fa-file-text-o"></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 orderSummary" data-target="gateway">

        </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="userDetails">
            <div class="eachData">
                <label>{{ _mt($moduleId, 'BankWire.first_name') }}</label>
                <span>{{ $details->data['orderData']['firstname'] }}</span>
            </div>
            <div class="eachData">
                <label>{{ _mt($moduleId, 'BankWire.last_name') }}</label>
                <span>{{ $details->data['orderData']['lastname'] }}</span>
            </div>
            <div class="eachData">
                <label>{{ _mt($moduleId, 'BankWire.dob') }}</label>
                <span>{{ $details->data['orderData']['year'] . '-'. sprintf('%02d', $details->data['orderData']['month']) . '-'. sprintf('%02d', $details->data['orderData']['day']) }}</span>
            </div>
            <div class="eachData">
                <label>{{ _mt($moduleId, 'BankWire.address') }}</label>
                <span>{{ $details->data['orderData']['address'] }}</span>
            </div>
            <div class="eachData">
                <label>{{ _mt($moduleId, 'BankWire.country') }}</label>
                <span>{{ \App\Eloquents\Country::where('id', $details->data['orderData']['country_id'])->first()->name }}</span>
            </div>
            <div class="eachData">
                <label>{{ _mt($moduleId, 'BankWire.state') }}</label>
                <span>{{ \App\Eloquents\State::where('id', $details->data['orderData']['state_id'])->first()->name }}</span>
            </div>
            <div class="eachData">
                <label>{{ _mt($moduleId, 'BankWire.city') }}</label>
                <span>{{ $details->data['orderData']['city'] ?? 'NA' }}</span>
            </div>
            <div class="eachData">
                <label>{{ _mt($moduleId, 'BankWire.phone') }}</label>
                <span>{{ $details->data['orderData']['phone']?:'NA' }}</span>
            </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>
    </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');
        loadOrderSummary();

        $('body')
            .off('click', '.accept')
            .on('click', '.accept', function (e) {
                $.post('{{ scopeRoute('bankWire.activate') }}', {bankWireRegId: $(this).attr('data-id')}, function () {
                    toastr.success("{{ _mt($moduleId, 'BankWire.payment_placed_successfully') }}");
                    fetchData();
                    Ladda.stopAll();
                }).fail(function (response) {
                    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 () {
            var bankWireRegId = $('.hiddenId').val();
            var reason = $('.rejectReason').val();
            $.post('{{ scopeRoute('bankWire.reject') }}', {'bankWireRegId': bankWireRegId, 'reason': reason},
                function () {
                    toastr.success("{{ _mt($moduleId,'BankWire.payment_rejected_successfully') }}");
                    fetchData();
                    Ladda.stopAll();
                }).fail(function (response) {
                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");
        });
    });

    function loadOrderSummary()
    {
        var id = {{ $details->id }}
        $.post('{{ scopeRoute('bankWire.getOrderSummary') }}', { id : id}, function (response) {
            $('.orderSummary').html(response)
        });
    }

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

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