@extends('layouts.admin')

@section('title', 'Edit Manual Payment')

@push('styles')
<style>
.content-wrapper {
    max-height: calc(100vh - 120px);
    overflow-y: auto;
}
</style>
@endpush

@section('content')
<div class="container-fluid px-4 content-wrapper">
    <!-- Page Header -->
    <div class="mb-4">
        <div class="d-flex justify-content-between align-items-center">
            <div>
                <h2 class="mb-1">Edit Manual Payment</h2>
                <p class="text-muted mb-0">Update payment details before verification</p>
            </div>
            <a href="{{ route('admin.manual-payments.index') }}" class="btn btn-outline-secondary">
                <i class="uil uil-arrow-left me-2"></i>Back to List
            </a>
        </div>
    </div>

    @if($errors->any())
        <div class="alert alert-danger alert-dismissible fade show">
            <i class="uil uil-exclamation-triangle me-2"></i>
            <strong>Validation Error:</strong>
            <ul class="mb-0 mt-2">
                @foreach($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    <div class="row">
        <!-- Form Card -->
        <div class="col-lg-8">
            <div class="card shadow-sm">
                <div class="card-body">
                    <form method="POST" action="{{ route('admin.manual-payments.update', $payment->id) }}">
                        @csrf
                        @method('PUT')

                        <!-- User Information (Read-only) -->
                        <div class="mb-4">
                            <h5 class="card-title mb-3">User Information</h5>
                            
                            <div class="alert alert-info">
                                <div class="row">
                                    <div class="col-md-6">
                                        <strong>UID:</strong> {{ $payment->reg_uid }}
                                    </div>
                                    <div class="col-md-6">
                                        <strong>Name:</strong> {{ $payment->user->first_name }} {{ $payment->user->last_name }}
                                    </div>
                                    <div class="col-md-6 mt-2">
                                        <strong>Email:</strong> {{ $payment->user->email }}
                                    </div>
                                    <div class="col-md-6 mt-2">
                                        <strong>Phone:</strong> {{ $payment->user->phone ?? 'N/A' }}
                                    </div>
                                </div>
                            </div>
                        </div>

                        <hr>

                        <!-- Payment Details Section (Editable) -->
                        <div class="mb-4">
                            <h5 class="card-title mb-3">Payment Details</h5>
                            
                            <div class="row g-3">
                                <div class="col-md-6">
                                    <label for="payment_type" class="form-label">Payment Type <span class="text-danger">*</span></label>
                                    <select class="form-select @error('payment_type') is-invalid @enderror" 
                                            id="payment_type" 
                                            name="payment_type" 
                                            required>
                                        <option value="">Select Payment Type</option>
                                        <option value="cash" {{ old('payment_type', $payment->payment_type) === 'cash' ? 'selected' : '' }}>Cash</option>
                                        <option value="cheque" {{ old('payment_type', $payment->payment_type) === 'cheque' ? 'selected' : '' }}>Cheque</option>
                                        <option value="dd" {{ old('payment_type', $payment->payment_type) === 'dd' ? 'selected' : '' }}>Demand Draft (DD)</option>
                                        <option value="neft" {{ old('payment_type', $payment->payment_type) === 'neft' ? 'selected' : '' }}>NEFT/RTGS</option>
                                        <option value="upi" {{ old('payment_type', $payment->payment_type) === 'upi' ? 'selected' : '' }}>UPI</option>
                                        <option value="other" {{ old('payment_type', $payment->payment_type) === 'other' ? 'selected' : '' }}>Other</option>
                                    </select>
                                    @error('payment_type')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

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

                                <div class="col-md-6">
                                    <label for="payment_mode" class="form-label">Payment Mode</label>
                                    <input type="text" 
                                           class="form-control @error('payment_mode') is-invalid @enderror" 
                                           id="payment_mode" 
                                           name="payment_mode" 
                                           value="{{ old('payment_mode', $payment->payment_mode) }}" 
                                           placeholder="e.g., Bank Name, UPI ID">
                                    @error('payment_mode')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-md-6">
                                    <label for="reference_number" class="form-label">Reference/Transaction Number</label>
                                    <input type="text" 
                                           class="form-control @error('reference_number') is-invalid @enderror" 
                                           id="reference_number" 
                                           name="reference_number" 
                                           value="{{ old('reference_number', $payment->reference_number) }}" 
                                           placeholder="Cheque no., Transaction ID, etc.">
                                    @error('reference_number')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-md-6">
                                    <label for="payment_date" class="form-label">Payment Date <span class="text-danger">*</span></label>
                                    <input type="date" 
                                           class="form-control @error('payment_date') is-invalid @enderror" 
                                           id="payment_date" 
                                           name="payment_date" 
                                           value="{{ old('payment_date', $payment->payment_date->format('Y-m-d')) }}" 
                                           max="{{ date('Y-m-d') }}"
                                           required>
                                    @error('payment_date')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>

                                <div class="col-12">
                                    <label for="remarks" class="form-label">Remarks</label>
                                    <textarea class="form-control @error('remarks') is-invalid @enderror" 
                                              id="remarks" 
                                              name="remarks" 
                                              rows="3" 
                                              placeholder="Add any additional notes about this payment...">{{ old('remarks', $payment->remarks) }}</textarea>
                                    @error('remarks')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                            </div>
                        </div>

                        <!-- Submit Buttons -->
                        <div class="d-flex justify-content-end gap-2">
                            <a href="{{ route('admin.manual-payments.index') }}" class="btn btn-secondary">
                                Cancel
                            </a>
                            <button type="submit" class="btn btn-primary">
                                <i class="uil uil-save me-2"></i>Update Payment
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <!-- Info Sidebar -->
        <div class="col-lg-4">
            <div class="card shadow-sm mb-3">
                <div class="card-body">
                    <h5 class="card-title mb-3">
                        <i class="uil uil-info-circle me-2"></i>Payment Status
                    </h5>
                    
                    <div class="mb-3">
                        <strong>Status:</strong>
                        <span class="badge bg-warning text-dark ms-2">
                            <i class="uil uil-clock me-1"></i>Pending Verification
                        </span>
                    </div>

                    <div class="mb-3">
                        <strong>Recorded By:</strong><br>
                        <span class="text-muted">{{ $payment->recordedBy->name ?? 'N/A' }}</span><br>
                        <small class="text-muted">{{ $payment->created_at->format('d M Y, h:i A') }}</small>
                    </div>

                    @if($payment->updated_at != $payment->created_at)
                    <div class="mb-3">
                        <strong>Last Updated:</strong><br>
                        <small class="text-muted">{{ $payment->updated_at->format('d M Y, h:i A') }}</small>
                    </div>
                    @endif
                </div>
            </div>

            <div class="card shadow-sm">
                <div class="card-body">
                    <h5 class="card-title mb-3">
                        <i class="uil uil-exclamation-triangle me-2"></i>Important Notes
                    </h5>
                    
                    <div class="alert alert-warning mb-0">
                        <ul class="mb-0 ps-3">
                            <li>Only unverified payments can be edited</li>
                            <li>Once another admin verifies this payment, it becomes locked</li>
                            <li>Ensure all information is accurate before saving</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection