{{-- resources/views/diler/orders.blade.php --}}

@extends('diler.layouts.app')

@section('title', 'My Orders')

@section('content')

<div class="container-fluid py-4">
    <div class="row">
        <div class="col-12">
            <div class="card shadow-sm">
                <div class="card-header bg-success text-white d-flex justify-content-between align-items-center">
                    <h4 class="mb-0">
                        <i class="fas fa-shopping-cart me-2"></i> Orders History
                    </h4>
                    <span class="badge bg-light text-dark fs-6">
                        Total: {{ $orders->total() }} Orders
                    </span>
                </div>

                <div class="card-body">
                    @if($orders->count() > 0)
                        <div class="table-responsive">
                            <table class="table table-hover align-middle">
                                <thead class="table-light">
                                    <tr>
                                        <th>#</th>
                                        <th>Order ID</th>
                                        <th>Member</th>
                                        <th>Amount</th>
                                        <th>PV Earned</th>
                                        <th>Items</th>
                                        <th>Status</th>
                                        <th>Date</th>
                                        <th>Actions</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($orders as $index => $order)
                                        <tr>
                                            <td>{{ $orders->firstItem() + $index }}</td>
                                            <td>
                                                <strong class="text-primary">#{{ $order->order_number }}</strong>
                                            </td>
                                            <td>
                                                <div>
                                                    <strong>{{ $order->user->name }}</strong><br>
                                                    <small class="text-muted">{{ $order->user->user_code }}</small>
                                                </div>
                                            </td>
                                            <td>
                                                <strong>৳{{ number_format($order->total_amount, 2) }}</strong>
                                            </td>
                                            <td>
                                                <span class="badge bg-info">
                                                    {{ number_format($order->total_pv, 2) }} PV
                                                </span>
                                            </td>
                                            <td>{{ $order->items->count() ?? 0 }} item(s)</td>
                                            <td>
                                                @php
                                                    $statusClass = match($order->status) {
                                                        'completed' => 'bg-success',
                                                        'processing' => 'bg-warning',
                                                        'paid' => 'bg-info',
                                                        'pending_payment' => 'bg-secondary',
                                                        'cancelled' => 'bg-danger',
                                                        default => 'bg-dark'
                                                    };
                                                @endphp
                                                <span class="badge {{ $statusClass }}">
                                                    {{ ucwords(str_replace('_', ' ', $order->status)) }}
                                                </span>
                                            </td>
                                            <td>
                                                {{ $order->created_at->format('d M Y') }}<br>
                                                <small class="text-muted">{{ $order->created_at->format('h:i A') }}</small>
                                            </td>
                                            <td>
                                                <button class="btn btn-sm btn-outline-primary" data-bs-toggle="modal" data-bs-target="#orderModal{{ $order->id }}">
                                                    <i class="fas fa-eye"></i> View
                                                </button>
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>

                        <!-- Pagination -->
                        <div class="mt-4 d-flex justify-content-center">
                            {{ $orders->links() }}
                        </div>
                    @else
                        <div class="text-center py-5">
                            <i class="fas fa-shopping-cart fa-5x text-muted mb-4"></i>
                            <h5 class="text-muted">No orders yet</h5>
                            <p class="text-muted mb-4">
                                Orders from you and your team will appear here once placed.
                            </p>
                            <a href="/register?sponsor={{ auth()->user()->sponsor_code }}" class="btn btn-primary">
                                <i class="fas fa-user-plus me-2"></i> Onboard Team Member
                            </a>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Order Details Modals -->
@foreach($orders as $order)
<div class="modal fade" id="orderModal{{ $order->id }}" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header bg-primary text-white">
                <h5 class="modal-title">
                    <i class="fas fa-receipt me-2"></i> Order Details - #{{ $order->order_number }}
                </h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <div class="row mb-3">
                    <div class="col-md-6">
                        <strong>Ordered By:</strong> {{ $order->user->name }} ({{ $order->user->user_code }})
                    </div>
                    <div class="col-md-6 text-md-end">
                        <strong>Date:</strong> {{ $order->created_at->format('d M Y h:i A') }}
                    </div>
                </div>

                <div class="table-responsive">
                    <table class="table table-bordered">
                        <thead class="table-light">
                            <tr>
                                <th>Product</th>
                                <th>Qty</th>
                                <th>Price</th>
                                <th>PV</th>
                                <th>Total</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($order->items as $item)
                                <tr>
                                   <td>{{ $item->product->name ?? 'Product Deleted' }}</td>
                                   <td>{{ $item->quantity }}</td>
                                   <td>৳{{ number_format($item->unit_price, 2) }}</td>
                                   <td>{{ number_format($item->unit_pv, 2) }}</td>
                                   <td>৳{{ number_format($item->total_price, 2) }}</td>
                                </tr>
                           @empty
                                <tr>
                                   <td colspan="5" class="text-center text-muted">No items found</td>
                               </tr>
                           @endforelse
                        </tbody>
                        <tfoot>
                            <tr class="table-info">
                                <th colspan="3">Grand Total</th>
                                <th>{{ number_format($order->total_pv, 2) }} PV</th>
                                <th>৳{{ number_format($order->total_amount, 2) }}</th>
                            </tr>
                        </tfoot>
                    </table>
                </div>

                <div class="mt-3">
                    <strong>Status:</strong>
                    <span class="badge {{ $statusClass ?? 'bg-dark' }} fs-6">
                        {{ ucwords(str_replace('_', ' ', $order->status)) }}
                    </span>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>
@endforeach

@endsection