@extends('layouts.app')

@section('page-title', 'Edit Rent Payment')

@section('content')
<div class="row">
    <div class="col-xl-12">
        <div class="card">
            <div class="card-header border-0 pb-0">
                <h4 class="card-title mb-0">Edit Rent Payment</h4>
            </div>
            <div class="card-body">
                <form action="{{ route('rent-payments.update', $payment->id) }}" method="POST">
                    @csrf
                    @method('PUT')
                    <div class="row">
                        <div class="col-md-6 mb-3">
                            <label class="form-label required">Gym</label>
                            <select name="gym_id" class="form-select @error('gym_id') is-invalid @enderror" required>
                                <option value="">Select Gym</option>
                                @foreach($gyms as $gym)
                                    <option value="{{ $gym->id }}" {{ (old('gym_id', $payment->gym_id) == $gym->id) ? 'selected' : '' }}>
                                        {{ $gym->name }} - Rs {{ number_format($gym->rent_amount, 2) }}/month
                                    </option>
                                @endforeach
                            </select>
                            @error('gym_id')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="form-label required">Amount</label>
                            <input type="number" name="amount" class="form-control @error('amount') is-invalid @enderror" 
                                   placeholder="Enter Amount" value="{{ old('amount', $payment->amount) }}" 
                                   step="0.01" min="0" required>
                            @error('amount')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="form-label required">Payment Date</label>
                            <input type="date" name="payment_date" class="form-control @error('payment_date') is-invalid @enderror" 
                                   value="{{ old('payment_date', $payment->payment_date->format('Y-m-d')) }}" required>
                            @error('payment_date')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Next Payment Due Date</label>
                            <input type="date" name="next_payment_due_date" class="form-control @error('next_payment_due_date') is-invalid @enderror" 
                                   value="{{ old('next_payment_due_date', $payment->next_payment_due_date?->format('Y-m-d')) }}">
                            <small class="form-text text-muted">Leave blank to auto-calculate (1 month from payment date)</small>
                            @error('next_payment_due_date')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="form-label required">Status</label>
                            <select name="status" class="form-select @error('status') is-invalid @enderror" required>
                                <option value="paid" {{ old('status', $payment->status) == 'paid' ? 'selected' : '' }}>Paid</option>
                                <option value="pending" {{ old('status', $payment->status) == 'pending' ? 'selected' : '' }}>Pending</option>
                                <option value="overdue" {{ old('status', $payment->status) == 'overdue' ? 'selected' : '' }}>Overdue</option>
                            </select>
                            @error('status')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                        <div class="col-md-6 mb-3">
                            <label class="form-label">Notes</label>
                            <textarea name="notes" class="form-control @error('notes') is-invalid @enderror" rows="3" placeholder="Optional notes">{{ old('notes', $payment->notes) }}</textarea>
                            @error('notes')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                    <div class="card-footer justify-content-end">
                        <a href="{{ route('rent-payments.index') }}" class="btn btn-danger light">Cancel</a>
                        <button type="submit" class="btn btn-primary">Update Payment</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection