@extends('layouts.app')
@section('title', 'Tambah Pembayaran')
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('payments.index') }}">Pembayaran</a></li>
    <li class="breadcrumb-item active">Tambah</li>
@endsection
@section('content')
<div class="page-header">
    <h4><i class="bi bi-cash-coin me-2 text-primary"></i>Tambah Pembayaran</h4>
</div>

<div class="row g-3">
    <div class="col-md-4">
        <div class="card">
            <div class="card-body">
                <h6 class="card-title text-muted small">INFO INVOICE</h6>
                <table class="table table-sm table-borderless mb-0">
                    <tr><td class="text-muted small">Invoice</td><td class="fw-bold">{{ $invoice->invoice_number }}</td></tr>
                    <tr><td class="text-muted small">Pelanggan</td><td>{{ $invoice->serviceOrder->customer->name }}</td></tr>
                    <tr><td class="text-muted small">Total</td><td class="fw-bold">Rp {{ number_format($invoice->total, 0, ',', '.') }}</td></tr>
                    <tr><td class="text-muted small">Dibayar</td><td class="text-success">Rp {{ number_format($invoice->paid_amount, 0, ',', '.') }}</td></tr>
                    <tr><td class="text-muted small fw-bold">Sisa</td>
                        <td class="fw-bold text-danger fs-6">Rp {{ number_format($invoice->remaining_amount, 0, ',', '.') }}</td></tr>
                </table>
            </div>
        </div>
    </div>
    <div class="col-md-8">
        <div class="card">
            <div class="card-header py-3"><h6 class="mb-0 fw-bold">Form Pembayaran</h6></div>
            <div class="card-body">
                <form method="POST" action="{{ route('payments.store') }}">
                    @csrf
                    <input type="hidden" name="invoice_id" value="{{ $invoice->id }}">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label">Jumlah Bayar <span class="text-danger">*</span></label>
                            <div class="input-group">
                                <span class="input-group-text">Rp</span>
                                <input type="number" name="amount" class="form-control @error('amount') is-invalid @enderror"
                                       value="{{ old('amount', $invoice->remaining_amount) }}" min="1" required>
                            </div>
                            @error('amount')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                            <div class="form-text">Sisa tagihan: Rp {{ number_format($invoice->remaining_amount, 0, ',', '.') }}</div>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Metode Pembayaran <span class="text-danger">*</span></label>
                            <select name="payment_method" class="form-select @error('payment_method') is-invalid @enderror" required>
                                <option value="tunai" {{ old('payment_method') === 'tunai' ? 'selected' : '' }}>Tunai</option>
                                <option value="transfer" {{ old('payment_method') === 'transfer' ? 'selected' : '' }}>Transfer Bank</option>
                                <option value="kartu_kredit" {{ old('payment_method') === 'kartu_kredit' ? 'selected' : '' }}>Kartu Kredit</option>
                                <option value="kartu_debit" {{ old('payment_method') === 'kartu_debit' ? 'selected' : '' }}>Kartu Debit</option>
                                <option value="qris" {{ old('payment_method') === 'qris' ? 'selected' : '' }}>QRIS</option>
                            </select>
                            @error('payment_method')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">Tanggal Bayar <span class="text-danger">*</span></label>
                            <input type="date" name="payment_date" class="form-control @error('payment_date') is-invalid @enderror"
                                   value="{{ old('payment_date', date('Y-m-d')) }}" required>
                            @error('payment_date')<div class="invalid-feedback">{{ $message }}</div>@enderror
                        </div>
                        <div class="col-md-6">
                            <label class="form-label">No. Referensi / Bukti</label>
                            <input type="text" name="reference_number" class="form-control" value="{{ old('reference_number') }}"
                                   placeholder="No. rekening, kode transfer, dll">
                        </div>
                        <div class="col-12">
                            <label class="form-label">Catatan</label>
                            <textarea name="notes" class="form-control" rows="2" placeholder="Catatan pembayaran...">{{ old('notes') }}</textarea>
                        </div>
                    </div>
                    <div class="d-flex gap-2 mt-4">
                        <button type="submit" class="btn btn-success"><i class="bi bi-check-lg me-1"></i> Catat Pembayaran</button>
                        <a href="{{ route('invoices.show', $invoice) }}" class="btn btn-outline-secondary">Batal</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection