@extends('layouts.app')

@section('content')
<div class="container mx-auto px-4 py-6">
    <div class="max-w-lg mx-auto">
        <h1 class="text-2xl font-bold mb-6 text-gray-800">Agent Payment Voucher Details</h1>
        
        <div class="bg-white shadow-md rounded-lg overflow-hidden">
            <table class="min-w-full">
                <tbody>
                    <tr class="border-b">
                        <td class="px-4 py-3 text-sm font-medium text-gray-600 w-1/3">Voucher ID</td>
                        <td class="px-4 py-3 text-sm text-gray-900 font-bold">{{ Str::of($voucher->voucher_id)->replace('-', '') }}</td>
                    </tr>
                    <tr class="border-b">
                        <td class="px-4 py-3 text-sm font-medium text-gray-600">Agent Name</td>
                        <td class="px-4 py-3 text-sm text-gray-900">{{ $voucher->payment->agent->name ?? 'N/A' }}</td>
                    </tr>
                    <tr class="border-b">
                        <td class="px-4 py-3 text-sm font-medium text-gray-600">Branch</td>
                        <td class="px-4 py-3 text-sm text-gray-900">{{ $voucher->payment->branch->name ?? 'N/A' }}</td>
                    </tr>
                    <tr class="border-b">
                        <td class="px-4 py-3 text-sm font-medium text-gray-600">Amount</td>
                        <td class="px-4 py-3 text-sm text-gray-900">{{ number_format($voucher->amount, 0) }}</td>
                    </tr>
                    <tr class="border-b">
                        <td class="px-4 py-3 text-sm font-medium text-gray-600">Payment Method</td>
                        <td class="px-4 py-3 text-sm text-gray-900">{{ ucwords(str_replace('_', ' ', $voucher->payment_method)) }}</td>
                    </tr>
                    <tr class="border-b">
                        <td class="px-4 py-3 text-sm font-medium text-gray-600">Due</td>
                        <td class="px-4 py-3 text-sm text-gray-900">{{ number_format($dueAfterPayment, 0) }}</td>
                    </tr>
                    <tr class="border-b">
                        <td class="px-4 py-3 text-sm font-medium text-gray-600">Payment Date</td>
                        <td class="px-4 py-3 text-sm text-gray-900">{{ $voucher->created_at->format('d M Y, h:i A') }}</td>
                    </tr>
                    <tr class="border-b">
                        <td class="px-4 py-3 text-sm font-medium text-gray-600">Trx ID</td>
                        <td class="px-4 py-3 text-sm text-gray-900">{{ $voucher->trx_id ?? 'N/A' }}</td>
                    </tr>
                    <tr>
                        <td class="px-4 py-3 text-sm font-medium text-gray-600">Created By</td>
                        <td class="px-4 py-3 text-sm text-gray-900">{{ $voucher->user->name ?? 'N/A' }}</td>
                    </tr>
                </tbody>
            </table>
        </div>
        
        <div class="flex gap-4 mt-6">
            <a href="{{ url()->previous() }}" class="bg-gray-300 hover:bg-gray-400 text-gray-700 font-bold py-2 px-4 rounded">
                Back
            </a>
            <a href="{{ route('vouchers.print', $voucher->voucher_id) }}" target="_blank" class="bg-green-500 hover:bg-green-600 text-white font-bold py-2 px-4 rounded">
                Print
            </a>
            @if(auth()->user()->isSuperAdmin())
                <a href="{{ route('vouchers.edit', $voucher->voucher_id) }}" class="bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded">
                    Edit
                </a>
            @endif
        </div>
    </div>
</div>
@endsection