@if(isset($details))
    <div class="card">
        <div class="cardNav">
            <div class="navEach active" data-target="gateway">
                <i class="fa fa-google-wallet"></i> {{ _t('pendingRegistration.Order_Data') }}
            </div>
            <div class="navEach" data-target="userData">
                <i class="fa fa-user"></i> {{ _t('pendingRegistration.User_Data') }}
            </div>
            @if(!$details->status)
                <div class="approve">
                    <button class="btn green ladda-button activateUser" data-id="{{  $details->id }}"
                            data-style="contract">
                        <i class="fa fa-check"></i> {{ _t('pendingRegistration.Approve') }}
                    </button>
                </div>
                @if(!$details->deleted_at)
                    <div class="approve">
                        <button class="btn red ladda-button rejectUser" data-id="{{  $details->id }}"
                                data-style="contract">
                            <i class="fa fa-close"></i> {{ _t('pendingRegistration.Reject') }}
                        </button>
                    </div>
                @endif
            @endif
        </div>
        <div class="cardBody active" data-target="gateway">
            <div class="eachData">
                {!! $cartSummery !!}
            </div>
        </div>
        <div class="cardBody" data-target="userData">
            @if(isset($details->value['orderData']['username']))
                <div class="eachData">
                    <label>{{ _t('profile.username') }}</label>
                    <span>{{ $details->value['orderData']['username'] }}</span>
                </div>
            @endif
            <div class="eachData">
                <label>{{ _t('profile.sponsor') }}</label>
                <span>{{ $details->value['orderData']['sponsor'] }}</span>
            </div>
            <div class="eachData">
                <label>{{ _t('profile.email') }}</label>
                <span>{{ $details->value['orderData']['email'] }}</span>
            </div>
            <div class="eachData">
                <label>{{ _t('profile.firstname') }}</label>
                <span>{{ $details->value['orderData']['firstname'] }}</span>
            </div>
            <div class="eachData">
                <label>{{ _t('profile.lastname') }}</label>
                <span>{{ $details->value['orderData']['lastname'] }}</span>
            </div>
            <div class="eachData">
                <label>{{ _t('profile.gender') }}</label>
                <span>{{ $details->value['orderData']['gender'] }}</span>
            </div>
            <div class="eachData">
                <label>{{ _t('profile.address') }}</label>
                <span>{{ $details->value['orderData']['address'] }}</span>
            </div>
            <div class="eachData">
                <label>{{ _t('profile.country') }}</label>
                <span>{{ getCountryName($details->value['orderData']['country_id']) }}</span>
            </div>
            <div class="eachData">
                <label>{{ _t('profile.state') }}</label>
                <span>{{ getStateName($details->value['orderData']['state_id']) }}</span>
            </div>
            <div class="eachData">
                <label>{{ _t('profile.city') }}</label>
                <span>{{ getCityName($details->value['orderData']['city_id']) }}</span>
            </div>
        </div>
    </div>
@else
    <h4>{{ _t('pendingRegistration.no_data_found') }}</h4>
@endif
<script>
    'use strict';

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

        $('.activateUser').click(function () {
            $.post('{{ route("employee.management.pendingRegistration.activate") }}', {bankWireRegId: $(this).attr('data-id')}, function () {
                toastr.success("{{ _t('pendingRegistration.Registration_activated_successfully') }}");
                fetchData();
            }).fail(function () {
                toastr.error("{{ _t('pendingRegistration.cant_activate_the_user') }}");
            });
        });

        $('.rejectUser').click(function () {
            $.post('{{ route("employee.management.pendingRegistration.reject") }}', {bankWireRegId: $(this).attr('data-id')}, function () {
                toastr.success("{{ _t('pendingRegistration.registration_rejected_successfully') }}");
                fetchData();
            }).fail(function () {
                toastr.error("{{ _t('pendingRegistration.failed_to_registration_reject') }}");
            });
        });
    });

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