@extends('layouts.master')
@section('title', 'Rekod Bayaran - '.$job->job_number)

@section('content')
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">Rekod Bayaran: {{ $job->job_number }}</h3>
                <div class="text-secondary ms-3">{{ $job->device->customer->name ?? '-' }} - {{ $job->device->type ?? '' }} {{ $job->device->brand ?? '' }} {{ $job->device->model ?? '' }}</div>
            </div>
            <div class="card-body">
                <form method="POST" action="{{ route('payments.store') }}">
                    @csrf
                    <input type="hidden" name="repair_job_id" value="{{ $job->id }}">
                    <div class="row">
                        <div class="col-md-3">
                            <div class="mb-3">
                                <label class="form-label">Jumlah Kos (RM)</label>
                                <input type="text" class="form-control" value="RM {{ number_format($job->total_cost ?? 0, 2) }}" readonly>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="mb-3">
                                <label class="form-label">Jumlah Bayaran (RM) <span class="text-danger">*</span></label>
                                <input type="number" step="0.01" min="0" name="amount" class="form-control @error('amount') is-invalid @enderror" value="{{ old('amount', $job->total_cost ?? 0) }}" required>
                                @error('amount')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="mb-3">
                                <label class="form-label">Tarikh <span class="text-danger">*</span></label>
                                <input type="datetime-local" name="payment_date" class="form-control @error('payment_date') is-invalid @enderror" value="{{ old('payment_date', date('Y-m-d\TH:i')) }}" required>
                                @error('payment_date')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="mb-3">
                                <label class="form-label">Kaedah Pembayaran <span class="text-danger">*</span></label>
                                <select name="payment_method" class="form-select @error('payment_method') is-invalid @enderror" required>
                                    <option value="">-- Pilih Kaedah --</option>
                                    @foreach($paymentMethods as $m)
                                    <option value="{{ $m->name }}" {{ old('payment_method') == $m->name ? 'selected' : '' }}>{{ $m->name }}</option>
                                    @endforeach
                                </select>
                                @error('payment_method')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="mb-3">
                                <label class="form-label">Nota</label>
                                <textarea name="notes" class="form-control @error('notes') is-invalid @enderror" rows="2" placeholder="Nota bayaran...">{{ old('notes') }}</textarea>
                                @error('notes')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                        </div>
                    </div>
                    <div class="form-footer">
                        <button type="submit" class="btn btn-primary">
                            <i class="ti ti-device-floppy fs-5 me-1"></i>Simpan
                        </button>
                        <a href="{{ route('repair-jobs.show', $job) }}" class="btn btn-outline-secondary ms-2">Kembali ke Job</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection