<?php $__env->startSection('content'); ?>

<?php
    $environment_data = getEnvironmentData();
    $id_verification_section = $environment_data['ID_VERIFICATION_SECTION'];
?>

<div class="card">
    <div class="card-header d-flex justify-content-sm-between">
        <p><?php echo e(trans('global.show')); ?> <?php echo e(trans('cruds.user.title')); ?></p>

        
    </div>
    
    <div class="card-body">
        <ul class="nav nav-tabs" id="userTab" role="tablist">
            <li class="nav-item" role="presentation">
                <a class="nav-link <?php echo e(request('tab') == 'personal' || !request('tab') ? 'active' : ''); ?>" id="personal-tab" data-bs-toggle="tab" href="#personal" role="tab"><?php echo e(trans('global.tabbing.personal_info')); ?></a>
            </li>
            <?php if($user->kyc_status != 0): ?>
                <?php if($id_verification_section == 'enable'): ?>
                    <li class="nav-item" role="presentation">
                        <a class="nav-link <?php echo e(request('tab') == 'kyc' ? 'active' : ''); ?>" id="kyc-tab" data-bs-toggle="tab" href="#kyc" role="tab"><?php echo e(trans('global.tabbing.address_kyc')); ?></a>
                    </li>
                <?php else: ?>
                    <li class="nav-item" role="presentation">
                        <a class="nav-link <?php echo e(request('tab') == 'kyc' ? 'active' : ''); ?>" id="kyc-tab" data-bs-toggle="tab" href="#kyc" role="tab"><?php echo e(trans('global.tabbing.address')); ?></a>
                    </li>
                <?php endif; ?>
            <?php endif; ?>
            <?php if($user->seller_status != ''): ?>
                <li class="nav-item" role="presentation">
                    <a class="nav-link <?php echo e(request('tab') == 'seller' ? 'active' : ''); ?>" id="seller-tab" data-bs-toggle="tab" href="#seller" role="tab"><?php echo e(trans('global.tabbing.became_a_seller_profile')); ?></a>
                </li>
            <?php endif; ?>
        </ul>
        <div class="tab-content" id="userTabContent">
            <!-- Personal Info Tab -->
            <div class="tab-pane fade <?php echo e(request('tab') == 'personal' || !request('tab') ? 'show active' : ''); ?>" id="personal" role="tabpanel">
                <table class="table table-bordered">
                    
                    <tr>
                        <th><?php echo e(trans('cruds.user.fields.first_name')); ?></th>
                        <td><?php echo e(ucfirst($user->first_name)); ?></td>
                    </tr>
                    <tr>
                        <th><?php echo e(trans('cruds.user.fields.last_name')); ?></th>
                        <td><?php echo e(ucfirst($user->last_name)); ?></td>
                    </tr>
                    <tr>
                        <th><?php echo e(trans('cruds.user.fields.email')); ?></th>
                        <td><?php echo e($user->email); ?></td>
                    </tr>
                    <tr>
                        <th><?php echo e(trans('cruds.user.fields.phone_code')); ?></th>
                        <?php $country_details = getCountrydetailsById($user->country_id); ?>
                        <td>
                            <?php if(isset($country_details->top_level_domain)): ?>
                                <span class="d-flex">
                                    <img class="mr-1" src="<?php echo e(env('app_url')); ?>/uploads/flags/<?php echo e($country_details->top_level_domain); ?>.png"> <?php echo e($country_details->country_name); ?> (+<?php echo e($country_details->phone_code); ?>) 
                                </span>
                            <?php endif; ?>
                        </td>
                    </tr>
                    <tr>
                        <th><?php echo e(trans('cruds.user.fields.phone')); ?></th>
                        <td><?php echo e($user->phone); ?></td>
                    </tr>
                </table>
            </div>
            
            <!-- Address & KYC Tab -->
            <div class="tab-pane fade <?php echo e(request('tab') == 'kyc' ? 'show active' : ''); ?>" id="kyc" role="tabpanel">
                <table class="table table-bordered">
                    <?php if($user->address != ''): ?>
                        <tr>
                            <th><?php echo e(trans('cruds.user.fields.address')); ?></th>
                            <td><?php echo e($user->address); ?></td>
                        </tr>
                    <?php endif; ?>

                    <?php if($user->document_type != ''): ?>
                        <tr>
                            <th><?php echo e(trans('cruds.user.fields.document_type')); ?></th>
                            <td>
                                <?php echo e($user->document_type == 1 ? 'Passport' : ($user->document_type == 2 ? 'Driving Licence' : 'Any Government ID')); ?>

                            </td>
                        </tr>
                    <?php endif; ?>

                    <?php if($user->document_picture != ''): ?>
                        <tr>
                            <th><?php echo e(trans('cruds.user.fields.document_picture')); ?></th>
                            <td>
                                <a href="<?php echo e(asset($user->document_picture)); ?>" class="fancybox-popup">
                                    <img src="<?php echo e(asset($user->document_picture)); ?>" style="width: 150px; height: 150px;">
                                </a>
                            </td>
                        </tr>
                    <?php endif; ?>

                    <tr>
                        <th><?php echo e(trans('cruds.user.fields.kyc_status')); ?></th>
                        <td>
                            <?php if($user->kyc_status == 1): ?>
                                <div class="form-group kyc_status_div">
                                    <select class="form-control" name="kyc_status" id="kyc_status" required>
                                        <option value disabled <?php echo e(old('kyc_status', null) === null ? 'selected' : ''); ?>><?php echo e(trans('global.pleaseSelect')); ?></option>
                                        <option value="2" <?php echo e(old('kyc_status', $user->kyc_status) === 2 ? 'selected' : ''); ?>>Approved</option>
                                        <option value="3" <?php echo e(old('kyc_status', $user->kyc_status) === 3 ? 'selected' : ''); ?>>Rejected</option>
                                    </select>
                                </div>
                                <div class="submit_btn_div">
                                    <button class="btn btn-danger create-submit-btn kyc_status_btn" type="submit">
                                        <?php echo e(trans('global.save')); ?>

                                    </button>
                                </div>
                                <div class="d-flex justify-content-between">
                                    <span class="kyc_status_text text-success d-none"></span> 
                                    <span class="reject_reason_success text-success"></span>
                                </div>
                            <?php else: ?>
                                <?php if($user->kyc_status == 2): ?>
                                    <span class="text-success"><?php echo e(trans('global.approved')); ?></span>
                                <?php elseif($user->kyc_status == 3): ?>
                                    <span class="text-danger"><?php echo e(trans('global.rejected')); ?></span>
                                <?php endif; ?>
                            <?php endif; ?>
                        </td>
                    </tr>
                </table>
            </div>
            
            <!-- Became a Seller Profile Tab -->
            <div class="tab-pane fade <?php echo e(request('tab') == 'seller' ? 'show active' : ''); ?>" id="seller" role="tabpanel">
                <table class="table table-bordered">
                    <tr>
                        <th><?php echo e(trans('cruds.user.fields.bank_name')); ?></th>
                        <td><?php echo e($user->seller_bank_name); ?></td>
                    </tr>
                    <tr>
                        <th><?php echo e(trans('cruds.user.fields.iban')); ?></th>
                        <td><?php echo e($user->seller_iban); ?></td>
                    </tr>
                    <tr>
                        <th><?php echo e(trans('cruds.user.fields.profile_image')); ?></th>
                        <td>
                            <?php if($user->seller_profile_image): ?>
                                <a href="<?php echo e(asset($user->seller_profile_image)); ?>" class="fancybox-popup">
                                    <img src="<?php echo e(asset($user->seller_profile_image)); ?>" style="width: 150px; height: 150px;">
                                </a>
                            <?php endif; ?>
                        </td>
                    </tr>
                    <tr>
                        <th><?php echo e(trans('cruds.user.fields.cover_image')); ?></th>
                        <td>
                            <?php if($user->seller_cover_image): ?>
                                <a href="<?php echo e(asset($user->seller_cover_image)); ?>" class="fancybox-popup">
                                    <img src="<?php echo e(asset($user->seller_cover_image)); ?>" style="width: 150px; height: 150px;">
                                </a>
                            <?php endif; ?>
                        </td>
                    </tr>
                    <tr>
                        <th><?php echo e(trans('cruds.user.fields.description')); ?></th>
                        <td><?php echo e($user->seller_description); ?></td>
                    </tr>
                    <tr>
                        <th><?php echo e(trans('cruds.user.fields.seller_status')); ?></th>
                        <td>
                            <?php if($user->seller_status == 1): ?>
                                <div class="form-group seller_status_div">
                                    <select class="form-control" name="seller_status" id="seller_status" required>
                                        <option value disabled <?php echo e(old('seller_status', null) === null ? 'selected' : ''); ?>><?php echo e(trans('global.pleaseSelect')); ?></option>
                                        <option value="2" <?php echo e(old('seller_status', $user->seller_status) === 2 ? 'selected' : ''); ?>>Approved</option>
                                        <option value="3" <?php echo e(old('seller_status', $user->seller_status) === 3 ? 'selected' : ''); ?>>Rejected</option>
                                    </select>
                                </div>
                                <div class="submit_btn_div">
                                    <button class="btn btn-danger create-submit-btn seller_status_btn" type="submit">
                                        <?php echo e(trans('global.save')); ?>

                                    </button>
                                </div>
                                <div class="d-flex justify-content-between">
                                    <span class="seller_status_text text-success d-none"></span> 
                                    <span class="reject_reason_success text-success"></span>
                                </div>
                            <?php else: ?>
                                <?php if($user->seller_status == 2): ?>
                                    <span class="text-success"><?php echo e(trans('global.approved')); ?></span>
                                <?php elseif($user->seller_status == 3): ?>
                                    <span class="text-danger"><?php echo e(trans('global.rejected')); ?></span>
                                <?php endif; ?>
                            <?php endif; ?>
                        </td>
                        <tr>
                            <th><?php echo e(trans('cruds.user.fields.seller_commission_percentage')); ?></th>
                            <td><?php echo e($user->seller_commission_percentage); ?></td>
                        </tr>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="kycRejectModal" tabindex="-1" aria-labelledby="kycRejectModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="kycRejectModalLabel"><?php echo e(trans('global.enter_rejection_reason')); ?></h5>
                <button type="button" class="btn-close cancel_btn" data-bs-dismiss="modal" aria-label="Close">X</button>
            </div>
            <div class="modal-body">
                <form id="kycRejectForm">
                    <textarea id="KYCrejectReason" class="form-control" placeholder="Enter reason for rejection..."></textarea>
                    <input type="hidden" id="rejectUserId" value="<?php echo e($user->id); ?>">
                    <span class="reject_reason_error text-danger"></span>
                    <div class="mt-3 text-right">
                        <button type="submit" class="btn btn-success submit-btn">
                            <span class="spinner-border spinner-border-sm d-none" role="status" aria-hidden="true"></span>
                            <?php echo e(trans('global.submit')); ?>

                        </button>
                        <button type="button" class="btn btn-secondary cancel_btn" data-bs-dismiss="modal"><?php echo e(trans('global.cancel')); ?></button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="sellerRejectModal" tabindex="-1" aria-labelledby="sellerRejectModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="sellerRejectModalLabel"><?php echo e(trans('global.enter_rejection_reason')); ?></h5>
                <button type="button" class="btn-close cancel_btn" data-bs-dismiss="modal" aria-label="Close">X</button>
            </div>
            <div class="modal-body">
                <form id="sellerRejectForm">
                    <textarea id="sellerRejectReason" class="form-control" placeholder="Enter reason for rejection..."></textarea>
                    <input type="hidden" id="rejectUserId" value="<?php echo e($user->id); ?>">
                    <span class="reject_reason_error text-danger"></span>
                    <div class="mt-3 text-right">
                        <button type="submit" class="btn btn-success submit-btn">
                            <span class="spinner-border spinner-border-sm d-none" role="status" aria-hidden="true"></span>
                            <?php echo e(trans('global.submit')); ?>

                        </button>
                        <button type="button" class="btn btn-secondary cancel_btn" data-bs-dismiss="modal"><?php echo e(trans('global.cancel')); ?></button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('scripts'); ?>
    <script>
        document.addEventListener("DOMContentLoaded", function () {
            let tabs = document.querySelectorAll(".nav-link");
            
            tabs.forEach(tab => {
                tab.addEventListener("click", function (event) {
                    event.preventDefault();
                    let newTab = this.getAttribute("href").substring(1);
                    
                    let url = new URL(window.location.href);
                    url.searchParams.set("tab", newTab);
                    window.history.pushState({}, "", url); // Update the URL without reloading
                    
                    // Activate the selected tab
                    document.querySelectorAll(".tab-pane").forEach(pane => pane.classList.remove("show", "active"));
                    document.getElementById(newTab).classList.add("show", "active");

                    // Set active class on nav links
                    tabs.forEach(t => t.classList.remove("active"));
                    this.classList.add("active");
                });
            });
        });

        $(document).ready(function() {
            // KYC Status Change Code Start
            $('#kyc_status').change(function() {
                let selectedStatus = $(this).val();

                if (selectedStatus == "3") {
                    $('#KYCrejectReason').val('');
                    $('.reject_reason_error').text('');
                    $('#kycRejectModal').modal('show');
                }

                $('.reject_reason_success').text('');
            });

            $('.kyc_status_btn').click(function(e) {
                var kyc_status = $('#kyc_status').val();
                if(kyc_status != ''){
                    updateKYCStatus(2, '');
                }
            });

            $('#kycRejectForm').submit(function(e) {
                e.preventDefault();
                let kyc_rejection_reason = $('#KYCrejectReason').val();

                if (kyc_rejection_reason == '') {
                    $('.reject_reason_error').text('Please enter KYC reject reason');
                    return;
                }

                updateKYCStatus(3, kyc_rejection_reason);
            });

            function updateKYCStatus(kyc_status, kyc_rejection_reason) {
                let submitBtn = $('.submit-btn');
                let spinner = submitBtn.find('.spinner-border');

                spinner.removeClass('d-none');
                submitBtn.prop('disabled', true);

                $.ajax({
                    url: "<?php echo e(route('admin.users.kyc_status_update')); ?>",
                    type: "POST",
                    data: {
                        user_id: $('#rejectUserId').val(),
                        kyc_status: kyc_status,
                        kyc_rejection_reason: kyc_rejection_reason,
                        _token: "<?php echo e(csrf_token()); ?>"
                    },
                    success: function(response) {
                        $('.kyc_status_div').addClass('d-none');
                        $('.submit_btn_div').addClass('d-none');

                        if (kyc_status == 2) {
                            $('.kyc_status_text').text('Approved').addClass('text-success').removeClass('d-none');
                        } else if (kyc_status == 3) {
                            $('.kyc_status_text').text('Rejected').addClass('text-danger').removeClass('d-none');
                            $('#kycRejectModal').modal('hide');
                            $('#KYCrejectReason').val('');
                        }

                        $('.reject_reason_success').text(response.message);

                        spinner.addClass('d-none');
                        submitBtn.prop('disabled', false);
                    },
                    error: function(xhr) {
                        alert('Error updating KYC status. Please try again.');
                        spinner.addClass('d-none');
                        submitBtn.prop('disabled', false);
                    }
                });
            }

            $('.cancel_btn').click(function(e) {
                $('#kyc_status').val('');
                $('#kycRejectModal').modal('hide');

                $('#seller_status').val('');
                $('#sellerRejectModal').modal('hide');
            });

            // Seller Status Change Code Start
            $('#seller_status').change(function() {
                let selectedStatus = $(this).val();

                if (selectedStatus == "3") {
                    $('#sellerRejectReason').val('');
                    $('.reject_reason_error').text('');
                    $('#sellerRejectModal').modal('show');
                }

                $('.reject_reason_success').text('');
            });

            $('.seller_status_btn').click(function(e) {
                var seller_status = $('#seller_status').val();
                if(seller_status != ''){
                    updateSellerStatus(2, '');
                }
            });

            $('#sellerRejectForm').submit(function(e) {
                e.preventDefault();
                let seller_rejection_reason = $('#sellerRejectReason').val();

                if (seller_rejection_reason == '') {
                    $('.reject_reason_error').text("<?php echo e(trans('global.seller_reject_reason')); ?>");
                    return;
                }

                updateSellerStatus(3, seller_rejection_reason);
            });

            function updateSellerStatus(seller_status, seller_rejection_reason) {
                let submitBtn = $('.submit-btn');
                let spinner = submitBtn.find('.spinner-border');

                spinner.removeClass('d-none');
                submitBtn.prop('disabled', true);

                $.ajax({
                    url: "<?php echo e(route('admin.users.seller_status_update')); ?>",
                    type: "POST",
                    data: {
                        user_id: $('#rejectUserId').val(),
                        seller_status: seller_status,
                        seller_rejection_reason: seller_rejection_reason,
                        _token: "<?php echo e(csrf_token()); ?>"
                    },
                    success: function(response) {
                        $('.seller_status_div').addClass('d-none');
                        $('.submit_btn_div').addClass('d-none');

                        if (seller_status == 2) {
                            $('.seller_status_text').text('Approved').addClass('text-success').removeClass('d-none');
                        } else if (seller_status == 3) {
                            $('.seller_status_text').text('Rejected').addClass('text-danger').removeClass('d-none');
                            $('#sellerRejectModal').modal('hide');
                            $('#sellerRejectReason').val('');
                        }

                        $('.reject_reason_success').text(response.message);

                        spinner.addClass('d-none');
                        submitBtn.prop('disabled', false);
                    },
                    error: function(xhr) {
                        alert("<?php echo e(trans('global.something_went_wrong')); ?>");
                        
                        spinner.addClass('d-none');
                        submitBtn.prop('disabled', false);
                    }
                });
            }
        });
    </script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.admin', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/html/resources/views/admin/users/show.blade.php ENDPATH**/ ?>