@extends('layouts.app')

@section('title','Payments')
@section('page_title','Payments')

@section('content')

@if(session('success'))
    <div style="background:#dcfce7;color:#166534;padding:10px;margin-bottom:15px;border-radius:6px;">
        {{ session('success') }}
    </div>
@endif

<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;">Paid Date</th>
            <th style="padding:12px;text-align:left;">Mode</th>
            <th style="padding:12px;text-align:left;">Status</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;">
                    {{ $payment->paid_date }}
                </td>

                <td style="padding:12px;">
                    {{ $payment->payment_mode }}
                </td>

                <td style="padding:12px;">
                    <form method="POST" action="{{ route('payments.updateStatus',$payment->id) }}">
                        @csrf

                        <select name="status"
                                onchange="this.form.submit()"
                                style="padding:6px;border:1px solid #ccc;border-radius:4px;">
                            @foreach(['pending','partial','paid','overdue'] as $status)
                                <option value="{{ $status }}" @selected($payment->status == $status)>
                                    {{ ucwords(str_replace('_',' ', $status)) }}
                                </option>
                            @endforeach
                        </select>
                    </form>
                </td>

                <td style="padding:12px;">
                    <a href="{{ route('projects.show',$payment->project_id) }}"
                       style="background:#2563eb;color:white;padding:6px 10px;border-radius:4px;text-decoration:none;">
                        View Project
                    </a>
                </td>
            </tr>
        @empty
            <tr>
                <td colspan="8" style="padding:12px;color:#6b7280;">
                    No payments found.
                </td>
            </tr>
        @endforelse
    </tbody>
</table>

@endsection