@extends('layouts.app')
@section('title', 'My Bulk Sends')

@section('content')
<div class="mx-auto max-w-screen-2xl p-4 md:p-6 bg-gray-50 dark:bg-boxdark-2 min-h-screen">
    <div class="mb-6">
        <h2 class="text-xl font-bold">Bulk Signature History</h2>
    </div>

    <div class="bg-white dark:bg-boxdark rounded-lg border border-stroke shadow-sm">
        <table class="w-full table-auto">
            <thead>
                <tr class="bg-gray-200 text-left dark:bg-meta-4">
                    <th class="py-4 px-4 font-bold">Batch ID</th>
                    <th class="py-4 px-4 font-bold">Date</th>
                    <th class="py-4 px-4 font-bold">Progress</th>
                    <th class="py-4 px-4 font-bold">Status</th>
                    <th class="py-4 px-4 font-bold">Action</th>
                </tr>
            </thead>
            <tbody>
                @foreach($batches as $batch)
                <!-- <tr class="border-b border-stroke hover:bg-gray-50">
                    <td class="py-4 px-4 font-mono text-sm">{{ $batch->bulk_guid }}</td>
                    <td class="py-4 px-4 text-sm">{{ date('Y-m-d', strtotime($batch->created_at)) }}</td>
                    <td class="py-4 px-4 text-sm">{{ $batch->success_count }} / {{ $batch->total_count }}</td>
                    <td class="py-4 px-4">
                        <span class="text-xs font-bold uppercase">{{ $batch->status }}</span>
                    </td>
                    <td class="py-4 px-4">
                        <a href="{{ route('bulk.show', $batch->bulk_guid) }}" class="bg-primary text-white px-3 py-1 rounded text-xs">Manage</a>
                    </td>
                </tr> -->

                <tr class="border-b border-stroke hover:bg-gray-50">
                    <td class="py-4 px-4 font-mono text-sm">{{ $batch->bulk_guid }}</td>
                    <td class="py-4 px-4 text-sm">{{ date('Y-m-d', strtotime($batch->created_at)) }}</td>
                    
                    <!-- Updated Progress Logic -->
                    <td class="py-4 px-4 text-sm font-bold">
                        {{ $batch->signed_count }} / {{ $batch->total_count }} Signed
                    </td>
                    
                    <td class="py-4 px-4">
                        <span class="text-xs font-bold uppercase p-1 rounded {{ $batch->signed_count == $batch->total_count ? 'bg-green-100 text-green-700' : 'bg-blue-100 text-blue-700' }}">
                            {{ $batch->signed_count == $batch->total_count ? 'Completed' : 'Active' }}
                        </span>
                    </td>
                    <td class="py-4 px-4">
                        <a href="{{ route('bulk.show', $batch->bulk_guid) }}" class="bg-primary text-white px-3 py-1 rounded text-xs">Manage</a>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection