@extends('layouts.applicant.applicant')

@section('title', 'Edit Fee Payment Details')

@section('breadcrumbs')
    <li class="breadcrumb-item"><a href="{{ route('applicant.applications.index') }}">My Applications</a></li>
    <li class="breadcrumb-item"><a href="{{ route('applicant.applications.show', $application) }}">{{ $application->application_number }}</a></li>
    <li class="breadcrumb-item"><a href="{{ route('applicant.fee-payment.show', $application) }}">Fee Payment</a></li>
    <li class="breadcrumb-item active">Edit</li>
@endsection

@section('content')
<div class="container-fluid">
    <!-- Page Header -->
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="h3 mb-0 text-gray-800">Edit Fee Payment Details</h1>
            <p class="text-muted">Application: {{ $application->application_number }}</p>
        </div>
        <div>
            <a href="{{ route('applicant.fee-payment.show', $application) }}" class="btn btn-outline-secondary">
                <i class="fas fa-arrow-left me-2"></i>Back to Payment Details
            </a>
        </div>
    </div>

    @if($application->feePayment->isVerified())
        <div class="alert alert-warning">
            <i class="fas fa-exclamation-triangle me-2"></i>
            <strong>Cannot Edit:</strong> This payment has already been verified and cannot be modified.
        </div>
    @else
        <div class="row">
            <!-- Edit Form -->
            <div class="col-lg-8">
                <div class="card shadow">
                    <div class="card-header py-3">
                        <h6 class="m-0 font-weight-bold text-primary">
                            <i class="fas fa-edit me-2"></i>
                            @if($isExempted)
                                Update Exemption Details
                            @else
                                Update Payment Information
                            @endif
                        </h6>
                    </div>
                    <div class="card-body">
                        @if($isExempted)
                            <!-- Fee Exemption Edit Form -->
                            <div class="alert alert-success">
                                <i class="fas fa-gift me-2"></i>
                                <strong>Fee Exempted:</strong> You are eligible for fee exemption based on your category 
                                (<strong>{{ $application->personalInformation->category }}</strong>).
                            </div>

                            <form action="{{ route('applicant.fee-payment.update', $application) }}" method="POST">
                                @csrf
                                @method('PUT')
                                
                                <div class="row">
                                    <div class="col-md-12 mb-4">
                                        <label for="exemption_reason" class="form-label">
                                            <i class="fas fa-comment me-1"></i>Exemption Reason <span class="text-danger">*</span>
                                        </label>
                                        <textarea name="exemption_reason" id="exemption_reason" 
                                                  class="form-control @error('exemption_reason') is-invalid @enderror" 
                                                  rows="4" required 
                                                  placeholder="Please provide the reason for fee exemption">{{ old('exemption_reason', $application->feePayment->exemption_reason) }}</textarea>
                                        @error('exemption_reason')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        <div class="form-text">
                                            <i class="fas fa-info-circle me-1"></i>
                                            Explain why you are claiming fee exemption based on your category.
                                        </div>
                                    </div>
                                </div>

                                <div class="d-flex justify-content-end">
                                    <a href="{{ route('applicant.fee-payment.show', $application) }}" class="btn btn-secondary me-2">
                                        <i class="fas fa-times me-1"></i>Cancel
                                    </a>
                                    <button type="submit" class="btn btn-success">
                                        <i class="fas fa-save me-1"></i>Update Exemption Details
                                    </button>
                                </div>
                            </form>
                        @else
                            <!-- Regular Payment Edit Form -->
                            <form action="{{ route('applicant.fee-payment.update', $application) }}" method="POST" enctype="multipart/form-data">
                                @csrf
                                @method('PUT')
                                
                                <div class="row">
                                    <div class="col-md-6 mb-4">
                                        <label for="amount" class="form-label">
                                            <i class="fas fa-rupee-sign me-1"></i>Fee Amount <span class="text-danger">*</span>
                                        </label>
                                        <div class="input-group">
                                            <span class="input-group-text">₹</span>
                                            <input type="number" name="amount" id="amount" 
                                                   class="form-control @error('amount') is-invalid @enderror" 
                                                   value="{{ old('amount', $application->feePayment->amount) }}" 
                                                   min="0" step="0.01" required readonly>
                                        </div>
                                        @error('amount')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        <div class="form-text">
                                            <i class="fas fa-info-circle me-1"></i>
                                            Fee amount is automatically calculated based on your category.
                                        </div>
                                    </div>
                                    
                                    <div class="col-md-6 mb-4">
                                        <label for="payment_date" class="form-label">
                                            <i class="fas fa-calendar me-1"></i>Payment Date <span class="text-danger">*</span>
                                        </label>
                                        <input type="date" name="payment_date" id="payment_date" 
                                               class="form-control @error('payment_date') is-invalid @enderror" 
                                               value="{{ old('payment_date', $application->feePayment->payment_date->format('Y-m-d')) }}" 
                                               max="{{ date('Y-m-d') }}" required>
                                        @error('payment_date')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        <div class="form-text">
                                            <i class="fas fa-info-circle me-1"></i>
                                            Date when you made the payment (cannot be future date).
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-12 mb-4">
                                        <label for="sbi_collect_reference_number" class="form-label">
                                            <i class="fas fa-receipt me-1"></i>SBI Collect Reference Number <span class="text-danger">*</span>
                                        </label>
                                        <input type="text" name="sbi_collect_reference_number" id="sbi_collect_reference_number" 
                                               class="form-control @error('sbi_collect_reference_number') is-invalid @enderror" 
                                               value="{{ old('sbi_collect_reference_number', $application->feePayment->sbi_collect_reference_number) }}" 
                                               placeholder="Enter SBI Collect reference number" required>
                                        @error('sbi_collect_reference_number')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        <div class="form-text">
                                            <i class="fas fa-info-circle me-1"></i>
                                            This is the unique reference number provided by SBI Collect after successful payment.
                                        </div>
                                    </div>
                                </div>

                                <div class="row">
                                    <div class="col-md-12 mb-4">
                                        <label for="fee_receipt" class="form-label">
                                            <i class="fas fa-file-upload me-1"></i>Fee Receipt
                                            @if(!$application->feePayment->receipt_file_path)
                                                <span class="text-danger">*</span>
                                            @endif
                                        </label>
                                        
                                        @if($application->feePayment->receipt_file_path)
                                            <div class="mb-2">
                                                <div class="alert alert-info">
                                                    <i class="fas fa-file-check me-2"></i>
                                                    <strong>Current Receipt:</strong> 
                                                    <a href="{{ route('applicant.fee-payment.download-receipt', $application) }}" 
                                                       class="btn btn-sm btn-outline-primary ms-2" target="_blank">
                                                        <i class="fas fa-download me-1"></i>Download Current Receipt
                                                    </a>
                                                </div>
                                            </div>
                                        @endif
                                        
                                        <input type="file" name="fee_receipt" id="fee_receipt" 
                                               class="form-control @error('fee_receipt') is-invalid @enderror" 
                                               accept=".pdf,.jpg,.jpeg,.png"
                                               {{ !$application->feePayment->receipt_file_path ? 'required' : '' }}>
                                        @error('fee_receipt')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                        <div class="form-text">
                                            <i class="fas fa-info-circle me-1"></i>
                                            @if($application->feePayment->receipt_file_path)
                                                Upload a new receipt to replace the current one (PDF, JPG, JPEG, PNG). Maximum file size: 5MB.
                                            @else
                                                Upload your payment receipt (PDF, JPG, JPEG, PNG). Maximum file size: 5MB.
                                            @endif
                                        </div>
                                    </div>
                                </div>

                                <div class="d-flex justify-content-end">
                                    <a href="{{ route('applicant.fee-payment.show', $application) }}" class="btn btn-secondary me-2">
                                        <i class="fas fa-times me-1"></i>Cancel
                                    </a>
                                    <button type="submit" class="btn btn-primary">
                                        <i class="fas fa-save me-1"></i>Update Payment Details
                                    </button>
                                </div>
                            </form>
                        @endif
                    </div>
                </div>
            </div>

            <!-- Information Panel -->
            <div class="col-lg-4">
                <!-- Current Payment Info -->
                <div class="card shadow">
                    <div class="card-header py-3">
                        <h6 class="m-0 font-weight-bold text-info">
                            <i class="fas fa-info-circle me-2"></i>Current Payment Details
                        </h6>
                    </div>
                    <div class="card-body">
                        @if($application->feePayment->is_fee_exempted)
                            <div class="mb-3">
                                <label class="form-label text-muted">Status</label>
                                <div>
                                    <span class="badge badge-success">
                                        <i class="fas fa-gift me-1"></i>Fee Exempted
                                    </span>
                                </div>
                            </div>
                            
                            <div class="mb-3">
                                <label class="form-label text-muted">Category</label>
                                <div class="fw-bold">{{ $application->feePayment->exemption_category }}</div>
                            </div>
                            
                            <div class="mb-3">
                                <label class="form-label text-muted">Current Reason</label>
                                <div class="small bg-light p-2 rounded">
                                    {{ Str::limit($application->feePayment->exemption_reason, 100) }}
                                </div>
                            </div>
                        @else
                            <div class="mb-3">
                                <label class="form-label text-muted">Current Amount</label>
                                <div class="fw-bold fs-5 text-primary">₹{{ number_format($application->feePayment->amount, 2) }}</div>
                            </div>
                            
                            <div class="mb-3">
                                <label class="form-label text-muted">Current Payment Date</label>
                                <div class="fw-bold">{{ $application->feePayment->payment_date->format('F d, Y') }}</div>
                            </div>
                            
                            <div class="mb-3">
                                <label class="form-label text-muted">Current Reference</label>
                                <div class="fw-bold font-monospace">{{ $application->feePayment->sbi_collect_reference_number }}</div>
                            </div>
                            
                            @if($application->feePayment->receipt_file_path)
                            <div class="mb-3">
                                <label class="form-label text-muted">Current Receipt</label>
                                <div>
                                    <a href="{{ route('applicant.fee-payment.download-receipt', $application) }}" 
                                       class="btn btn-sm btn-outline-success" target="_blank">
                                        <i class="fas fa-file-download me-1"></i>Download
                                    </a>
                                </div>
                            </div>
                            @endif
                        @endif
                        
                        <div class="mb-3">
                            <label class="form-label text-muted">Payment Status</label>
                            <div>
                                <span class="badge badge-{{ $application->feePayment->status_color }}">
                                    {{ ucfirst($application->feePayment->payment_status) }}
                                </span>
                            </div>
                        </div>
                        
                        <div class="mb-3">
                            <label class="form-label text-muted">Last Updated</label>
                            <div class="fw-bold">{{ $application->feePayment->updated_at->format('M d, Y') }}</div>
                            <small class="text-muted">{{ $application->feePayment->updated_at->format('h:i A') }}</small>
                        </div>
                    </div>
                </div>

                <!-- Application Info -->
                <div class="card shadow mt-4">
                    <div class="card-header py-3">
                        <h6 class="m-0 font-weight-bold text-primary">
                            <i class="fas fa-file-alt me-2"></i>Application Information
                        </h6>
                    </div>
                    <div class="card-body">
                        <div class="mb-3">
                            <label class="form-label text-muted">Application Number</label>
                            <div class="fw-bold">{{ $application->application_number }}</div>
                        </div>
                        
                        <div class="mb-3">
                            <label class="form-label text-muted">Position</label>
                            <div class="fw-bold">{{ $application->advertisement->title }}</div>
                            <small class="text-muted">{{ $application->advertisement->position }}</small>
                        </div>
                        
                        <div class="mb-3">
                            <label class="form-label text-muted">Applicant Category</label>
                            <div>
                                <span class="badge badge-{{ $application->personalInformation->category == 'General' ? 'primary' : 'secondary' }}">
                                    {{ $application->personalInformation->category }}
                                </span>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- Important Notes -->
                <div class="card shadow mt-4">
                    <div class="card-header py-3">
                        <h6 class="m-0 font-weight-bold text-warning">
                            <i class="fas fa-exclamation-triangle me-2"></i>Important Notes
                        </h6>
                    </div>
                    <div class="card-body">
                        <ul class="mb-0">
                            @if($application->feePayment->is_fee_exempted)
                                <li class="mb-2">Ensure your exemption reason is clear and accurate</li>
                                <li class="mb-2">Exemption is based on your category: {{ $application->personalInformation->category }}</li>
                                <li class="mb-2">Changes will reset verification status</li>
                            @else
                                <li class="mb-2">Double-check your SBI Collect reference number</li>
                                <li class="mb-2">Payment date cannot be in the future</li>
                                <li class="mb-2">Changes will reset verification status to pending</li>
                                <li class="mb-2">Keep your payment receipt safe</li>
                            @endif
                        </ul>
                        
                        @if($application->feePayment->isRejected())
                            <div class="alert alert-danger mt-3 mb-0">
                                <i class="fas fa-exclamation-circle me-2"></i>
                                <strong>Payment Rejected:</strong> Please correct the issues and resubmit.
                                @if($application->feePayment->admin_remarks)
                                    <br><small>Reason: {{ $application->feePayment->admin_remarks }}</small>
                                @endif
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    @endif
</div>

<style>
.form-label {
    font-weight: 600;
    color: #5a5c69;
}

.form-control:focus, .form-select:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
}

.card {
    border: none;
    box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, 0.15);
}

.card-header {
    background-color: #f8f9fc;
    border-bottom: 1px solid #e3e6f0;
}

.badge {
    font-size: 0.75rem;
    padding: 0.375rem 0.75rem;
}

.font-monospace {
    font-family: 'Courier New', monospace;
}
</style>
@endsection

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function() {
    // Auto-format SBI Collect reference number
    const referenceInput = document.getElementById('sbi_collect_reference_number');
    if (referenceInput) {
        referenceInput.addEventListener('input', function() {
            // Remove any non-alphanumeric characters and convert to uppercase
            this.value = this.value.replace(/[^a-zA-Z0-9]/g, '').toUpperCase();
        });
    }
    
    // Validate payment date
    const paymentDateInput = document.getElementById('payment_date');
    if (paymentDateInput) {
        paymentDateInput.addEventListener('change', function() {
            const selectedDate = new Date(this.value);
            const today = new Date();
            today.setHours(0, 0, 0, 0);
            
            if (selectedDate > today) {
                alert('Payment date cannot be in the future.');
                this.value = '';
            }
        });
    }
    
    // Confirm form submission
    const form = document.querySelector('form');
    if (form) {
        form.addEventListener('submit', function(e) {
            const isExempted = {{ $isExempted ? 'true' : 'false' }};
            const message = isExempted 
                ? 'Are you sure you want to update your exemption details?' 
                : 'Are you sure you want to update your payment details? This will reset the verification status.';
            
            if (!confirm(message)) {
                e.preventDefault();
            }
        });
    }
});
</script>
@endpush