@extends('layouts.app')
@section('title', 'My Orders')
@section('content')
<h1 class="text-2xl font-bold mb-6">আমার অর্ডার সমূহ</h1>
<div class="bg-white rounded-lg shadow overflow-x-auto">
    <table class="w-full text-sm">
        <thead class="bg-gray-100 text-left">
            <tr><th class="p-3">ID</th><th class="p-3">সার্ভিস</th><th class="p-3">লিংক</th><th class="p-3">কোয়ান্টিটি</th><th class="p-3">চার্জ</th><th class="p-3">স্ট্যাটাস</th><th class="p-3">তারিখ</th></tr>
        </thead>
        <tbody>
        @foreach($orders as $order)
            <tr class="border-t">
                <td class="p-3">#{{ $order->id }}</td>
                <td class="p-3">{{ $order->service->name }}</td>
                <td class="p-3 max-w-xs truncate"><a href="{{ $order->link }}" class="text-indigo-600" target="_blank">{{ $order->link }}</a></td>
                <td class="p-3">{{ $order->quantity }}</td>
                <td class="p-3">৳{{ number_format($order->charge, 2) }}</td>
                <td class="p-3"><span class="px-2 py-1 rounded text-xs bg-gray-100">{{ $order->status }}</span></td>
                <td class="p-3">{{ $order->created_at->format('d M, H:i') }}</td>
            </tr>
        @endforeach
        </tbody>
    </table>
</div>
<div class="mt-4">{{ $orders->links() }}</div>
@endsection