@extends('layouts.app')

@section('title','Payment Reminders')
@section('page_title','Payment Reminders')

@section('content')

<table style="width:100%;background:#fff;border-collapse:collapse;">
    <thead>
        <tr style="background:#e5e7eb;">
            <th style="padding:12px;text-align:left;">Project</th>
            <th style="padding:12px;text-align:left;">Payment</th>
            <th style="padding:12px;text-align:left;">Amount</th>
            <th style="padding:12px;text-align:left;">Due Date</th>
            <th style="padding:12px;text-align:left;">Status</th>
            <th style="padding:12px;text-align:left;">Last Reminder</th>
            <th style="padding:12px;text-align:left;">Count</th>
            <th style="padding:12px;text-align:left;">Action</th>
        </tr>
    </thead>

    <tbody>
        @forelse($payments as $payment)
            <tr style="border-bottom:1px solid #ddd;">
                <td style="padding:12px;">{{ $payment->project->project_name ?? '-' }}</td>
                <td style="padding:12px;">{{ $payment->payment_title }}</td>
                <td style="padding:12px;">{{ $payment->project->currency ?? '' }} {{ $payment->amount }}</td>
                <td style="padding:12px;">{{ $payment->due_date }}</td>
                <td style="padding:12px;">{{ ucwords($payment->status) }}</td>
                <td style="padding:12px;">{{ $payment->last_reminder_sent_at }}</td>
                <td style="padding:12px;">{{ $payment->reminder_count }}</td>
                <td style="padding:12px;white-space:nowrap;">
                    <a target="_blank"
                       href="{{ route('payments.whatsappReminder',$payment->id) }}"
                       style="background:#16a34a;color:#fff;padding:6px 10px;border-radius:4px;text-decoration:none;">
                        WhatsApp
                    </a>
                    
                    <a href="{{ route('payments.customEmail',$payment->id) }}"
                       style="background:#2563eb;color:#fff;padding:6px 10px;border-radius:4px;text-decoration:none;">
                        Send Email
                    </a>
                    <a href="{{ route('projects.show',$payment->project_id) }}"
                       style="background:#6b7280;color:#fff;padding:6px 10px;border-radius:4px;text-decoration:none;">
                        View
                    </a>
                </td>
            </tr>
        @empty
            <tr>
                <td colspan="8" style="padding:12px;color:#6b7280;">
                    No payment reminders found.
                </td>
            </tr>
        @endforelse
    </tbody>
</table>

@endsection