<?php $__env->startSection('content'); ?>
<div class="main-content" id="result">
    
    <div class="page-content">
        <div class="container">
            <!-- start page title -->
            <div class="row">
                <div class="col-12">
                    <div class="page-title-box d-flex align-items-center justify-content-between">
                        <h4 class="mb-0 font-size-18">Payments List</h4>

                        
                    </div>
                </div>
            </div>     
            
            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body">
                            
                            <!-- end row -->
                            <div class="">
                                <div class="table-responsive">
                                    <div id="projectList-table_wrapper" class="dataTables_wrapper dt-bootstrap4 no-footer">
                                        
                                        <div class="row">
                                            <div class="col-sm-12">
                                                <?php
                                                    $dir = request('dir', 'desc');
                                                    $col = request('col', 'created_at');
                                                ?>
                                                <table class="table project-list-table align-middle table-nowrap dt-responsive nowrap w-100 table-borderless dataTable no-footer dtr-inline" id="projectList-table" aria-describedby="projectList-table_info" style="width: 1015px;">
                                                    <thead class="table-light">
                                                        <tr>
                                                           <th scope="col" class="sorting-disabled">
                                                                
                                                                    Website
                                                                
                                                            </th>

                                                            <th scope="col" class="sorting-disabled">
                                                                Amount
                                                            </th>

                                                           

                                                            <th scope="col" class="sorting_disabled">
                                                                
                                                                    Created At
                                                                    
                                                                
                                                            </th>
                                                            <th scope="col" class="sorting_disabled">
                                                                Status
                                                                
                                                            </th>
                                                            
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                         <?php $__currentLoopData = $payments; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $payment): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                        <tr>
                                                            <td><?php echo e($payment->website ? $payment->website->title : $payment->website_title); ?></td>
                                                            <td>$<?php echo e($payment->invoice_total/100); ?></td>
                                                            <td><?php echo e($payment->created_at ? $payment->created_at->format('d M Y') : "N/A"); ?></td>
                                                            <td>
                                                                <?php echo e(ucwords($payment->status)); ?>

                                                                <?php if($payment->status=="succeeded"): ?>
                                                                <a href="<?php echo e(route('invoices.download',['id'=>$payment->id])); ?>" target="_blank">View Invoice</a>
                                                                <?php endif; ?>
                                                            </td>
                                                            
                                                        </tr>
                                                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                                        
                                                    </tbody>
                                                </table>
                                                <?php if($payments->isEmpty()): ?>
                                                    <p class="text-center text-muted">No payments found.</p>
                                                <?php endif; ?>
                                            </div>
                                        </div>
                                        <?php if(!$payments->isEmpty()): ?>
                                        <div class="row">
                                            <div class="col-sm-12 col-md-5">
                                                <div class="dataTables_info" id="projectList-table_info" role="status" aria-live="polite">Showing <?php echo e($payments->firstItem()); ?> to <?php echo e($payments->lastItem()); ?> of <?php echo e($payments->total()); ?> entries</div>
                                            </div>
                                            <div class="col-sm-12 col-md-7">
                                                <div class="dataTables_paginate paging_simple_numbers pagination-rounded button-text-sec" id="projectList-table_paginate">
                                                    <?php echo e($payments->links('pagination::bootstrap-4')); ?>

                                                </div>
                                            </div>
                                        </div>
                                        <?php endif; ?>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- end card -->
                </div>
            </div>
            <!-- end row -->
            
        </div> <!-- container-fluid -->
    </div>
</div>
<?php $__env->stopSection(); ?>
<?php $__env->startPush('topcss'); ?>
 <link href="<?php echo e(asset('assets/libs/datatables.net-bs4/css/dataTables.bootstrap4.min.css')); ?>" rel="stylesheet" type="text/css" />
<link href="<?php echo e(asset('assets/libs/datatables.net-responsive-bs4/css/responsive.bootstrap4.min.css')); ?>" rel="stylesheet" type="text/css" />  


<?php $__env->stopPush(); ?>
<?php $__env->startPush('scripts'); ?>
<script>
    const input = document.getElementById('searchTableList');
  const clearBtn = document.getElementById('clearSearch');

  clearBtn.style.display = $("#searchTableList").val() ? 'block' : 'none';

  input.addEventListener('input', function () {
    clearBtn.style.display = this.value ? 'block' : 'none';
  });

  clearBtn.addEventListener('click', function () {
    input.value = '';
    clearBtn.style.display = 'none';
    input.focus(); // optional: keep focus after clearing
  });
</script>
<script>
    var clicked_confirm_action = null;

    $(".show_confirm_message").click(function(e){
        e.preventDefault();

        clicked_confirm_action = $(this);

        $("#confirmModal").find(".modal-body").html($(this).attr("data-confirm-msg"));

        $("#confirmModal").modal("show");

        

    })
    $("#confirmYesBtn").click(function(){
        clicked_confirm_action.closest("form").submit();
    })
</script>
<?php $__env->stopPush(); ?>

<?php echo $__env->make('layouts.app',['title'=>$title], \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/bloxby/resources/views/payments/list.blade.php ENDPATH**/ ?>