@extends('layouts.app')
@section('content')
<div class="content-wrapper">
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-8">
                    <h1 class="m-0"><i class="fas fa-edit"></i> Edit Payment</h1>
                </div>
                <div class="col-sm-4">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Dashboard</a></li>
                        <li class="breadcrumb-item"><a href="{{ route('payments.index') }}">Payments</a></li>
                        <li class="breadcrumb-item active">Edit #{{ $payment->id }}</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>

    <section class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-8">
                    <div class="card card-primary">
                        <div class="card-header">
                            <h3 class="card-title">Update Payment Information</h3>
                        </div>
                        <div class="card-body">
                            @if($errors->any())
                                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                                    <strong><i class="fas fa-exclamation-triangle me-2"></i>Validation Errors:</strong>
                                    <ul class="mb-0">
                                        @foreach($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                    <button type="button" class="close" data-dismiss="alert">
                                        <span>&times;</span>
                                    </button>
                                </div>
                            @endif

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

                                <div class="form-group">
                                    <label for="client_name">Client</label>
                                    <input type="text" class="form-control" id="client_name" value="{{ $payment->client->name }}" disabled>
                                    <small class="form-text text-muted">Client cannot be changed</small>
                                </div>

                                @if($payment->billing)
                                    <div class="form-group">
                                        <label for="billing_number">Billing #</label>
                                        <input type="text" class="form-control" id="billing_number" value="{{ $payment->billing->billing_number }}" disabled>
                                        <small class="form-text text-muted">Billing cannot be changed</small>
                                    </div>
                                @endif

                                <div class="form-group">
                                    <label for="amount">Amount <span class="text-danger">*</span></label>
                                    <div class="input-group">
                                        <span class="input-group-text">₱</span>
                                        <input type="number" id="amount" name="amount" step="0.01" class="form-control @error('amount') is-invalid @enderror" value="{{ old('amount', $payment->amount) }}" required>
                                    </div>
                                    @error('amount')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label for="payment_method">Payment Method <span class="text-danger">*</span></label>
                                    <select id="payment_method" name="payment_method" class="form-control @error('payment_method') is-invalid @enderror" required>
                                        <option value="">-- Select method --</option>
                                        <option value="cash" @selected(old('payment_method', $payment->payment_method) === 'cash')>
                                            <i class="fas fa-money-bill"></i> Cash
                                        </option>
                                        <option value="check" @selected(old('payment_method', $payment->payment_method) === 'check')>
                                            <i class="fas fa-check"></i> Check
                                        </option>
                                        <option value="bank_transfer" @selected(old('payment_method', $payment->payment_method) === 'bank_transfer')>
                                            <i class="fas fa-university"></i> Bank Transfer
                                        </option>
                                        <option value="online" @selected(old('payment_method', $payment->payment_method) === 'online')>
                                            <i class="fas fa-credit-card"></i> Online Payment
                                        </option>
                                    </select>
                                    @error('payment_method')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label for="reference_number">Reference Number (Check #, Receipt #, etc.)</label>
                                    <input type="text" id="reference_number" name="reference_number" class="form-control @error('reference_number') is-invalid @enderror" value="{{ old('reference_number', $payment->reference_number) }}" placeholder="e.g., CHK123456">
                                    @error('reference_number')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label for="status">Payment Status <span class="text-danger">*</span></label>
                                    <select id="status" name="status" class="form-control @error('status') is-invalid @enderror" required>
                                        <option value="">-- Select status --</option>
                                        <option value="pending" @selected(old('status', $payment->status) === 'pending')>
                                            <i class="fas fa-clock"></i> Pending
                                        </option>
                                        <option value="completed" @selected(old('status', $payment->status) === 'completed')>
                                            <i class="fas fa-check-circle"></i> Completed (Paid)
                                        </option>
                                        <option value="failed" @selected(old('status', $payment->status) === 'failed')>
                                            <i class="fas fa-times-circle"></i> Failed
                                        </option>
                                    </select>
                                    @error('status')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>

                                <div class="form-group">
                                    <label for="notes">Notes / Remarks</label>
                                    <textarea id="notes" name="notes" class="form-control @error('notes') is-invalid @enderror" rows="3" placeholder="Additional notes...">{{ old('notes', $payment->notes) }}</textarea>
                                    @error('notes')
                                        <span class="invalid-feedback">{{ $message }}</span>
                                    @enderror
                                </div>

                                <div class="form-group mt-4">
                                    <button type="submit" class="btn btn-primary">
                                        <i class="fas fa-save"></i> Update Payment
                                    </button>
                                    <a href="{{ route('payments.show', $payment) }}" class="btn btn-secondary">
                                        <i class="fas fa-times"></i> Cancel
                                    </a>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="card card-light">
                        <div class="card-header">
                            <h3 class="card-title">Payment Info</h3>
                        </div>
                        <div class="card-body">
                            <strong>Payment ID:</strong> #{{ $payment->id }}<br>
                            <strong>Status:</strong> 
                            <span class="badge badge-{{ $payment->status === 'completed' ? 'success' : 'warning' }}">
                                {{ ucfirst($payment->status) }}
                            </span><br>
                            <strong>Created:</strong> {{ $payment->created_at->format('M d, Y') }}<br>
                            <strong>Updated:</strong> {{ $payment->updated_at->format('M d, Y') }}
                        </div>
                    </div>

                    <div class="card card-info mt-3">
                        <div class="card-header">
                            <h3 class="card-title">Billing Details</h3>
                        </div>
                        <div class="card-body">
                            <strong>Total Due:</strong> <span class="text-danger">₱ {{ number_format($payment->billing->total_amount_due, 2) }}</span><br>
                            <strong>Billing Status:</strong> 
                            <span class="badge badge-{{ $payment->billing->status === 'paid' ? 'success' : 'warning' }}">
                                {{ ucfirst($payment->billing->status) }}
                            </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
@endsection