@extends('layouts.app')

@section('title','Send Custom Reminder')
@section('page_title','Send Custom Reminder')

@section('content')

<form method="POST" action="{{ route('payments.sendCustomReminder',$payment->id) }}">
    @csrf

    <div style="background:#fff;padding:24px;border-radius:8px;">

        <p><b>Project:</b> {{ $payment->project->project_name ?? '-' }}</p>
        <p><b>Payment:</b> {{ $payment->payment_title }}</p>
        <p><b>Amount:</b> {{ $payment->project->currency ?? '' }} {{ $payment->amount }}</p>
        <p><b>Due Date:</b> {{ $payment->due_date }}</p>

        <hr style="margin:20px 0;">

        <div style="margin-bottom:15px;">
            <label>Reminder Type</label>
            <select name="reminder_type" required style="width:100%;padding:10px;border:1px solid #ccc;">
                <option value="whatsapp">WhatsApp</option>
                <option value="email">Email</option>
            </select>
        </div>

        <div style="margin-bottom:15px;">
            <label>To</label>
            <input type="text" name="to" required
                   placeholder="WhatsApp number with country code or email"
                   style="width:100%;padding:10px;border:1px solid #ccc;">
        </div>

        <div style="margin-bottom:15px;">
            <label>Email Subject</label>
            <input type="text" name="subject"
                   value="Payment Reminder - {{ $payment->project->project_name ?? '' }}"
                   style="width:100%;padding:10px;border:1px solid #ccc;">
        </div>

        <div style="margin-bottom:15px;">
            <label>Message</label>
            <textarea name="message" required rows="8" style="width:100%;padding:10px;border:1px solid #ccc;">Dear Client,

This is a reminder regarding pending payment.

Project: {{ $payment->project->project_name ?? '-' }}
Payment: {{ $payment->payment_title }}
Amount: {{ $payment->project->currency ?? '' }} {{ $payment->amount }}
Due Date: {{ $payment->due_date }}

Please clear the payment.

Thanks,
JogaTek</textarea>
        </div>

        <button type="submit" style="background:#16a34a;color:white;padding:10px 18px;border:0;border-radius:6px;">
            Send Reminder
        </button>

        <a href="{{ route('payments.reminders') }}" style="margin-left:10px;color:#2563eb;">
            Back
        </a>

    </div>
</form>

@endsection