@extends('patent::layouts.master')

@section('title', 'Edit Annual Fee Deadline')

@section('content')
<div class="container-fluid px-4">
    <div class="card shadow rounded-4 border-0">
        <div class="card-header bg-warning text-white">
            <h4 class="mb-0">Edit Annual Fee Deadline</h4>
        </div>

        <div class="card-body">
            <form action="{{ route('patent.annual-fees.update', $deadline->id) }}" method="POST">
                @csrf
                @method('PUT')
                
                <div class="row">
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="patent_id" class="form-label">Patent <span class="text-danger">*</span></label>
                            <select name="patent_id" id="patent_id" class="form-select @error('patent_id') is-invalid @enderror" required>
                                <option value="">Select Patent</option>
                                @foreach($patents as $patent)
                                <option value="{{ $patent->id }}" {{ old('patent_id', $deadline->patent_id) == $patent->id ? 'selected' : '' }}>
                                    {{ $patent->aipt_ref }} - {{ Str::limit($patent->application_title, 50) }}
                                </option>
                                @endforeach
                            </select>
                            @error('patent_id')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="country_id" class="form-label">Country <span class="text-danger">*</span></label>
                            <select name="country_id" id="country_id" class="form-select @error('country_id') is-invalid @enderror" required>
                                <option value="">Select Country</option>
                                @foreach($countries as $country)
                                <option value="{{ $country->id }}" {{ old('country_id', $deadline->country_id) == $country->id ? 'selected' : '' }}>
                                    {{ $country->name }}
                                </option>
                                @endforeach
                            </select>
                            @error('country_id')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-4">
                        <div class="mb-3">
                            <label for="fee_year" class="form-label">Fee Year <span class="text-danger">*</span></label>
                            <input type="number" name="fee_year" id="fee_year" class="form-control @error('fee_year') is-invalid @enderror" 
                                   value="{{ old('fee_year', $deadline->fee_year) }}" min="1" required>
                            @error('fee_year')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

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

                    <div class="col-md-4">
                        <div class="mb-3">
                            <label for="currency" class="form-label">Currency <span class="text-danger">*</span></label>
                            <select name="currency" id="currency" class="form-select @error('currency') is-invalid @enderror" required>
                                <option value="USD" {{ old('currency', $deadline->currency) == 'USD' ? 'selected' : '' }}>USD</option>
                                <option value="EUR" {{ old('currency', $deadline->currency) == 'EUR' ? 'selected' : '' }}>EUR</option>
                                <option value="GBP" {{ old('currency', $deadline->currency) == 'GBP' ? 'selected' : '' }}>GBP</option>
                                <option value="JPY" {{ old('currency', $deadline->currency) == 'JPY' ? 'selected' : '' }}>JPY</option>
                                <option value="SAR" {{ old('currency', $deadline->currency) == 'SAR' ? 'selected' : '' }}>SAR</option>
                            </select>
                            @error('currency')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="fee_amount" class="form-label">Fee Amount <span class="text-danger">*</span></label>
                            <div class="input-group">
                                <span class="input-group-text" id="currency_symbol">{{ $deadline->currency }}</span>
                                <input type="number" name="fee_amount" id="fee_amount" class="form-control @error('fee_amount') is-invalid @enderror" 
                                       value="{{ old('fee_amount', $deadline->fee_amount) }}" step="0.01" min="0" required>
                            </div>
                            @error('fee_amount')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="mb-3">
                            <label for="status" class="form-label">Status <span class="text-danger">*</span></label>
                            <select name="status" id="status" class="form-select @error('status') is-invalid @enderror" required>
                                <option value="pending" {{ old('status', $deadline->status) == 'pending' ? 'selected' : '' }}>Pending</option>
                                <option value="paid" {{ old('status', $deadline->status) == 'paid' ? 'selected' : '' }}>Paid</option>
                                <option value="overdue" {{ old('status', $deadline->status) == 'overdue' ? 'selected' : '' }}>Overdue</option>
                                <option value="waived" {{ old('status', $deadline->status) == 'waived' ? 'selected' : '' }}>Waived</option>
                            </select>
                            @error('status')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-12">
                        <div class="mb-3">
                            <label for="notes" class="form-label">Notes</label>
                            <textarea name="notes" id="notes" class="form-control @error('notes') is-invalid @enderror" 
                                      rows="3" placeholder="Additional notes about this deadline">{{ old('notes', $deadline->notes) }}</textarea>
                            @error('notes')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>

                <!-- Current Status Information -->
                <div class="row">
                    <div class="col-12">
                        <div class="alert alert-info">
                            <h6><i class="fas fa-info-circle"></i> Current Status Information</h6>
                            <div class="row">
                                <div class="col-md-3">
                                    <strong>Original Fee:</strong><br>
                                    {{ $deadline->currency }} {{ number_format($deadline->fee_amount, 2) }}
                                </div>
                                <div class="col-md-3">
                                    <strong>Late Fees:</strong><br>
                                    {{ $deadline->currency }} {{ number_format($deadline->late_fees, 2) }}
                                </div>
                                <div class="col-md-3">
                                    <strong>Total Due:</strong><br>
                                    <span class="text-danger fw-bold">{{ $deadline->currency }} {{ number_format($deadline->total_amount_due, 2) }}</span>
                                </div>
                                <div class="col-md-3">
                                    <strong>Days Overdue:</strong><br>
                                    @if($deadline->isOverdue())
                                        <span class="text-danger fw-bold">{{ $deadline->days_overdue }} days</span>
                                    @else
                                        <span class="text-success">On time</span>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="d-flex justify-content-between">
                    <a href="{{ route('patent.annual-fees.show', $deadline->id) }}" class="btn btn-secondary">
                        <i class="fas fa-arrow-left"></i> Back to Details
                    </a>
                    <div>
                        <a href="{{ route('patent.annual-fees.index') }}" class="btn btn-outline-secondary me-2">
                            Cancel
                        </a>
                        <button type="submit" class="btn btn-warning">
                            <i class="fas fa-save"></i> Update Deadline
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
$(document).ready(function() {
    // Update currency symbol when currency changes
    $('#currency').change(function() {
        const currency = $(this).val();
        const symbols = {
            'USD': '$',
            'EUR': '€',
            'GBP': '£',
            'JPY': '¥',
            'SAR': 'ر.س'
        };
        $('#currency_symbol').text(symbols[currency] || '$');
    });

    // Set initial currency symbol
    $('#currency').trigger('change');

    // Auto-calculate total amount due when fee amount changes
    $('#fee_amount').on('input', function() {
        const feeAmount = parseFloat($(this).val()) || 0;
        const lateFees = parseFloat('{{ $deadline->late_fees }}') || 0;
        const total = feeAmount + lateFees;
        
        // Update the display in the info alert
        const totalElement = $('.alert-info .col-md-3:contains("Total Due") strong');
        if (totalElement.length) {
            totalElement.next().html(`<span class="text-danger fw-bold">${total.toFixed(2)}</span>`);
        }
    });
});
</script>
@endpush