<?php $__env->startSection('title', 'Order Details'); ?>

<?php $__env->startSection('content'); ?>
    <!-- Hero Section -->
    <div class="text-center mb-10 fade-in">
       <h1 class="text-3xl sm:text-4xl font-bold text-white mb-3">
    Order #<?php echo e($orderNo); ?>

</h1>
<?php if($name): ?>
    <p class="text-3xl sm:text-4xl font-bold text-white mb-3"><?php echo e($name); ?></p>
<?php endif; ?>
<?php if(!$notFound && !is_null($balance) && $balance > 0): ?>
    <!-- Balance Information Card -->
    <div class="mt-8 bg-yellow-50 border border-yellow-200 rounded-2xl p-6 fade-in mx-auto max-w-2xl">
        <div class="flex flex-col items-center justify-center text-center">
            <div class="flex-shrink-0 mb-4">
                <i class="fas fa-money-bill-wave text-yellow-500 text-3xl"></i>
            </div>
            <div>
                <h3 class="text-xl font-medium text-yellow-800">Outstanding Balance</h3>
                <div class="mt-3 text-yellow-700">
                    <p>Your current balance for this order is: <strong>Rs. <?php echo e(number_format($balance, 2)); ?></strong></p>
                    <p class="mt-2">Please clear your balance to avoid any delays in order processing.</p>
                </div>
                <div class="mt-5 flex justify-center">
                    <a href="<?php echo e(route('easypaisa.payment', $orderNo)); ?>"
                       class="inline-flex items-center px-6 py-3 border border-transparent rounded-md shadow-sm text-base font-medium text-black bg-white hover:bg-green-700 hover:text-white focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500 transition duration-150 ease-in-out">
                        <img src="<?php echo e(asset('images/easypaisa.png')); ?>" alt="EasyPaisa" class="h-10"> Pay via EasyPaisa
                    </a>
                </div>
            </div>
        </div>
    </div>
<?php endif; ?>
        <p class="text-white max-w-md mx-auto">
            Below is the summary and status of your tailoring order
        </p>
<a href="javascript:history.back();"
   class="btn-primary inline-flex items-center mt-3 px-5 py-2.5 rounded-xl bg-gray-100 text-gray-700 font-medium shadow-sm hover:bg-gray-200 hover:text-gray-900 transition-all">
    <i class="fas fa-arrow-left mr-2 text-black"></i>
    Back
</a>


    </div>

    <?php if($notFound ?? false): ?>
        <!-- Not Found Card -->
        <div class="card-hover rounded-2xl bg-white p-8 text-center text-gray-600 shadow-md fade-in" style="animation-delay: 0.1s">
            <i class="fas fa-exclamation-circle text-red-500 text-3xl mb-3"></i>
            <p class="text-lg font-medium">No records found for this Order No.</p>
        </div>
    <?php else: ?>
        <!-- Stats Table -->
        <div class="bg-white rounded-2xl shadow-md border border-gray-100 fade-in overflow-hidden" style="animation-delay: 0.2s">
            <div class="overflow-x-auto">
                <table class="w-full text-left border-collapse">
                    <thead class="bg-gray-50 text-gray-700 text-sm font-semibold btn-primary">
                        <tr>
                            <th class="px-6 py-3">Stage</th>
                            <th class="px-6 py-3 text-right">Count</th>
                        </tr>
                    </thead>
                    <tbody class="divide-y divide-gray-200 text-sm text-gray-700">
                        <?php $__currentLoopData = $counts; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $label => $count): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <tr class="hover:bg-gray-50 transition-colors">
                                <td class="px-6 py-4 font-medium text-gray-900">
                                    <?php echo e($label); ?>

                                </td>
                                <td class="px-6 py-4 text-right font-semibold text-gray-800">
                                    <?php echo e($count); ?> <?php echo e($count > 1 ? 'orders' : 'order'); ?>

                                </td>
                            </tr>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </tbody>
                </table>
            </div>
        </div>
    <?php endif; ?>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\laragonlatest\www\tailortrack\resources\views/search/order.blade.php ENDPATH**/ ?>