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

@section('title', 'Annual Fees Management')

@push('styles')
<link href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.min.css" rel="stylesheet" />
<link href="https://cdn.datatables.net/buttons/2.4.1/css/buttons.dataTables.min.css" rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<style>
    .stats-card {
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        border-radius: 15px;
        color: white;
        transition: transform 0.3s ease;
    }
    .stats-card:hover {
        transform: translateY(-5px);
    }
    .stats-card.success { background: linear-gradient(135deg, #11998e 0%, #38ef7d 100%); }
    .stats-card.warning { background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); }
    .stats-card.info { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); }
    .stats-card.danger { background: linear-gradient(135deg, #fa709a 0%, #fee140 100%); }
    
    .filter-card {
        background: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.2);
        border-radius: 15px;
    }
    
    .action-btn {
        border-radius: 20px;
        padding: 8px 16px;
        font-size: 0.875rem;
        font-weight: 500;
        transition: all 0.3s ease;
    }
    
    .action-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }
    
    .status-badge {
        padding: 6px 12px;
        border-radius: 20px;
        font-size: 0.75rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }
    
    .status-pending { background-color: #fff3cd; color: #856404; }
    .status-paid { background-color: #d4edda; color: #155724; }
    .status-overdue { background-color: #f8d7da; color: #721c24; }
    .status-waived { background-color: #d1ecf1; color: #0c5460; }
    .status-cancelled { background-color: #e2e3e5; color: #383d41; }
    .status-partially_paid { background-color: #ffeaa7; color: #6c5ce7; }
    
    .chart-container {
        background: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(10px);
        border-radius: 15px;
        padding: 20px;
        margin-bottom: 20px;
    }
</style>
@endpush

@section('content')
<div class="container-fluid px-4">
    <!-- Header Section -->
    <div class="row mb-4">
        <div class="col-12">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <h2 class="fw-bold text-primary mb-1">
                        <i class="fas fa-dollar-sign me-2"></i>Annual Fees Management
                    </h2>
                    <p class="text-muted mb-0">Comprehensive annual fee tracking and management system</p>
                </div>
                <div class="d-flex gap-2">
                    <button class="btn btn-outline-primary action-btn" data-bs-toggle="modal" data-bs-target="#generateModal">
                        <i class="fas fa-magic me-1"></i> Generate Deadlines
                    </button>
                    <button class="btn btn-outline-success action-btn" data-bs-toggle="modal" data-bs-target="#notificationModal">
                        <i class="fas fa-bell me-1"></i> Send Notifications
                    </button>
                    <a href="{{ route('patent.annual-fees.create') }}" class="btn btn-primary action-btn">
                        <i class="fas fa-plus me-1"></i> Add Rule
                    </a>
                </div>
            </div>
        </div>
    </div>

    <!-- Statistics Cards -->
    <div class="row mb-4">
        <div class="col-xl-3 col-md-6 mb-3">
            <div class="card stats-card h-100">
                <div class="card-body d-flex align-items-center">
                    <div class="flex-grow-1">
                        <h6 class="card-title mb-1">Total Deadlines</h6>
                        <h3 class="mb-0">{{ number_format($stats['total_deadlines']) }}</h3>
                    </div>
                    <div class="ms-3">
                        <i class="fas fa-calendar-alt fa-2x opacity-75"></i>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-md-6 mb-3">
            <div class="card stats-card success h-100">
                <div class="card-body d-flex align-items-center">
                    <div class="flex-grow-1">
                        <h6 class="card-title mb-1">Paid Deadlines</h6>
                        <h3 class="mb-0">{{ number_format($stats['paid_deadlines']) }}</h3>
                    </div>
                    <div class="ms-3">
                        <i class="fas fa-check-circle fa-2x opacity-75"></i>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-md-6 mb-3">
            <div class="card stats-card warning h-100">
                <div class="card-body d-flex align-items-center">
                    <div class="flex-grow-1">
                        <h6 class="card-title mb-1">Pending Deadlines</h6>
                        <h3 class="mb-0">{{ number_format($stats['pending_deadlines']) }}</h3>
                    </div>
                    <div class="ms-3">
                        <i class="fas fa-clock fa-2x opacity-75"></i>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-3 col-md-6 mb-3">
            <div class="card stats-card danger h-100">
                <div class="card-body d-flex align-items-center">
                    <div class="flex-grow-1">
                        <h6 class="card-title mb-1">Overdue Deadlines</h6>
                        <h3 class="mb-0">{{ number_format($stats['overdue_deadlines']) }}</h3>
                    </div>
                    <div class="ms-3">
                        <i class="fas fa-exclamation-triangle fa-2x opacity-75"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Financial Summary Cards -->
    <div class="row mb-4">
        <div class="col-xl-4 col-md-6 mb-3">
            <div class="card stats-card info h-100">
                <div class="card-body d-flex align-items-center">
                    <div class="flex-grow-1">
                        <h6 class="card-title mb-1">Total Amount Due</h6>
                        <h3 class="mb-0">${{ number_format($stats['total_amount_due'], 2) }}</h3>
                    </div>
                    <div class="ms-3">
                        <i class="fas fa-money-bill-wave fa-2x opacity-75"></i>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-4 col-md-6 mb-3">
            <div class="card stats-card success h-100">
                <div class="card-body d-flex align-items-center">
                    <div class="flex-grow-1">
                        <h6 class="card-title mb-1">Total Amount Paid</h6>
                        <h3 class="mb-0">${{ number_format($stats['total_amount_paid'], 2) }}</h3>
                    </div>
                    <div class="ms-3">
                        <i class="fas fa-credit-card fa-2x opacity-75"></i>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-4 col-md-6 mb-3">
            <div class="card stats-card danger h-100">
                <div class="card-body d-flex align-items-center">
                    <div class="flex-grow-1">
                        <h6 class="card-title mb-1">Overdue Amount</h6>
                        <h3 class="mb-0">${{ number_format($stats['total_overdue_amount'], 2) }}</h3>
                    </div>
                    <div class="ms-3">
                        <i class="fas fa-exclamation-circle fa-2x opacity-75"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Filters Card -->
    <div class="card filter-card mb-4">
        <div class="card-body">
            <form method="GET" action="{{ route('patent.annual-fees.index') }}" id="filterForm">
                <div class="row g-3">
                    <div class="col-md-3">
                        <label class="form-label fw-semibold">Search</label>
                        <input type="text" class="form-control" name="search" value="{{ request('search') }}" 
                               placeholder="Search by patent ref, title, or country...">
                    </div>
                    <div class="col-md-2">
                        <label class="form-label fw-semibold">Status</label>
                        <select class="form-select" name="status">
                            <option value="">All Statuses</option>
                            @foreach($statuses as $status)
                                <option value="{{ $status }}" {{ request('status') == $status ? 'selected' : '' }}>
                                    {{ ucfirst(str_replace('_', ' ', $status)) }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label fw-semibold">Country</label>
                        <select class="form-select" name="country_id">
                            <option value="">All Countries</option>
                            @foreach($countries as $country)
                                <option value="{{ $country->id }}" {{ request('country_id') == $country->id ? 'selected' : '' }}>
                                    {{ $country->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label fw-semibold">Patent Type</label>
                        <select class="form-select" name="patent_type">
                            <option value="">All Types</option>
                            @foreach($patentTypes as $type)
                                <option value="{{ $type }}" {{ request('patent_type') == $type ? 'selected' : '' }}>
                                    {{ ucfirst(str_replace('_', ' ', $type)) }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label fw-semibold">Date From</label>
                        <input type="date" class="form-control" name="date_from" value="{{ request('date_from') }}">
                    </div>
                    <div class="col-md-2">
                        <label class="form-label fw-semibold">Date To</label>
                        <input type="date" class="form-control" name="date_to" value="{{ request('date_to') }}">
                    </div>
                    <div class="col-12">
                        <button type="submit" class="btn btn-primary action-btn me-2">
                            <i class="fas fa-search me-1"></i> Apply Filters
                        </button>
                        <a href="{{ route('patent.annual-fees.index') }}" class="btn btn-outline-secondary action-btn me-2">
                            <i class="fas fa-times me-1"></i> Clear Filters
                        </a>
                        <button type="button" class="btn btn-outline-success action-btn" data-bs-toggle="modal" data-bs-target="#exportModal">
                            <i class="fas fa-download me-1"></i> Export
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <!-- Main Data Table -->
    <div class="card shadow-sm">
        <div class="card-body p-0">
            <div class="table-responsive">
                <table class="table table-hover mb-0" id="annualFeesTable">
                    <thead class="table-light">
                        <tr>
                            <th>Patent Ref</th>
                            <th>Application Title</th>
                            <th>Country</th>
                            <th>Fee Year</th>
                            <th>Due Date</th>
                            <th>Amount Due</th>
                            <th>Amount Paid</th>
                            <th>Status</th>
                            <th>Payment Status</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($deadlines as $deadline)
                            <tr>
                                <td>
                                    <span class="fw-semibold text-primary">{{ $deadline->aipt_ref }}</span>
                                </td>
                                <td>
                                    <span class="text-truncate d-inline-block" style="max-width: 200px;" title="{{ $deadline->application_title }}">
                                        {{ $deadline->application_title }}
                                    </span>
                                </td>
                                <td>
                                    <span class="badge bg-light text-dark">{{ $deadline->country_name }}</span>
                                </td>
                                <td>
                                    <span class="fw-semibold">{{ $deadline->fee_year }}</span>
                                </td>
                                <td>
                                    <span class="{{ $deadline->due_date < now()->toDateString() ? 'text-danger' : '' }}">
                                        {{ \Carbon\Carbon::parse($deadline->due_date)->format('M d, Y') }}
                                    </span>
                                </td>
                                <td>
                                    <span class="fw-semibold">${{ number_format($deadline->total_amount_due, 2) }}</span>
                                </td>
                                <td>
                                    <span class="text-success">${{ number_format($deadline->amount_paid, 2) }}</span>
                                </td>
                                <td>
                                    <span class="status-badge status-{{ $deadline->status }}">
                                        {{ ucfirst(str_replace('_', ' ', $deadline->status)) }}
                                    </span>
                                </td>
                                <td>
                                    <span class="status-badge status-{{ $deadline->payment_status }}">
                                        {{ ucfirst(str_replace('_', ' ', $deadline->payment_status)) }}
                                    </span>
                                </td>
                                <td>
                                    <div class="btn-group" role="group">
                                        <a href="{{ route('patent.annual-fees.show', $deadline->id) }}" 
                                           class="btn btn-sm btn-outline-primary action-btn">
                                            <i class="fas fa-eye"></i>
                                        </a>
                                        @if($deadline->status !== 'paid' && $deadline->status !== 'waived')
                                            <button class="btn btn-sm btn-outline-success action-btn" 
                                                    onclick="showPaymentModal({{ $deadline->id }})">
                                                <i class="fas fa-credit-card"></i>
                                            </button>
                                        @endif
                                        @if($deadline->status === 'pending')
                                            <button class="btn btn-sm btn-outline-warning action-btn" 
                                                    onclick="showWaiverModal({{ $deadline->id }})">
                                                <i class="fas fa-file-invoice"></i>
                                            </button>
                                        @endif
                                    </div>
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
        
        <!-- Pagination -->
        <div class="card-footer">
            {{ $deadlines->links() }}
        </div>
    </div>
</div>

<!-- Generate Deadlines Modal -->
<div class="modal fade" id="generateModal" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header bg-primary text-white">
                <h5 class="modal-title">
                    <i class="fas fa-magic me-2"></i>Generate Annual Fee Deadlines
                </h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
            </div>
            <form action="{{ route('patent.annual-fees.generate-all') }}" method="POST">
                @csrf
                <div class="modal-body">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Start Year</label>
                            <input type="number" class="form-control" name="start_year" 
                                   value="{{ now()->year }}" min="1900" max="2100">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">End Year</label>
                            <input type="number" class="form-control" name="end_year" 
                                   value="{{ now()->year + 5 }}" min="1900" max="2100">
                        </div>
                        <div class="col-12">
                            <div class="alert alert-info">
                                <i class="fas fa-info-circle me-2"></i>
                                This will generate annual fee deadlines for all patents based on their filing dates and applicable country rules.
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-magic me-1"></i> Generate Deadlines
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Send Notifications Modal -->
<div class="modal fade" id="notificationModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-warning text-dark">
                <h5 class="modal-title">
                    <i class="fas fa-bell me-2"></i>Send Notifications
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body">
                <form id="notificationForm">
                    <div class="mb-3">
                        <label class="form-label fw-semibold">Notification Type</label>
                        <select class="form-select" name="notification_type" required>
                            <option value="due_date_reminder">Due Date Reminder</option>
                            <option value="overdue_notice">Overdue Notice</option>
                            <option value="final_notice">Final Notice</option>
                        </select>
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-semibold">Days Ahead</label>
                        <input type="number" class="form-control" name="days_ahead" value="30" 
                               min="1" max="365" required>
                        <div class="form-text">Send notifications this many days before due date</div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                <button type="button" class="btn btn-warning" onclick="sendNotifications()">
                    <i class="fas fa-bell me-1"></i> Send Notifications
                </button>
            </div>
        </div>
    </div>
</div>

<!-- Payment Modal -->
<div class="modal fade" id="paymentModal" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header bg-success text-white">
                <h5 class="modal-title">
                    <i class="fas fa-credit-card me-2"></i>Process Payment
                </h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
            </div>
            <form id="paymentForm">
                <div class="modal-body">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Payment Amount</label>
                            <input type="number" class="form-control" name="amount" step="0.01" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Currency</label>
                            <select class="form-select" name="currency" required>
                                <option value="USD">USD</option>
                                <option value="EUR">EUR</option>
                                <option value="GBP">GBP</option>
                                <option value="JPY">JPY</option>
                                <option value="SAR">SAR</option>
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Payment Date</label>
                            <input type="date" class="form-control" name="payment_date" 
                                   value="{{ now()->toDateString() }}" required>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Payment Method</label>
                            <select class="form-select" name="payment_method" required>
                                <option value="bank_transfer">Bank Transfer</option>
                                <option value="credit_card">Credit Card</option>
                                <option value="debit_card">Debit Card</option>
                                <option value="cash">Cash</option>
                                <option value="check">Check</option>
                                <option value="wire_transfer">Wire Transfer</option>
                                <option value="online_payment">Online Payment</option>
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Payment Reference</label>
                            <input type="text" class="form-control" name="payment_reference">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Transaction ID</label>
                            <input type="text" class="form-control" name="transaction_id">
                        </div>
                        <div class="col-12">
                            <label class="form-label fw-semibold">Notes</label>
                            <textarea class="form-control" name="notes" rows="3"></textarea>
                        </div>
                        <div class="col-12">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="is_verified" checked>
                                <label class="form-check-label">Mark as verified</label>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-success">
                        <i class="fas fa-credit-card me-1"></i> Process Payment
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Waiver Modal -->
<div class="modal fade" id="waiverModal" tabindex="-1">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header bg-warning text-dark">
                <h5 class="modal-title">
                    <i class="fas fa-file-invoice me-2"></i>Request Fee Waiver
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <form id="waiverForm">
                <div class="modal-body">
                    <div class="row g-3">
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Waiver Type</label>
                            <select class="form-select" name="waiver_type" required>
                                <option value="full_waiver">Full Waiver</option>
                                <option value="partial_waiver">Partial Waiver</option>
                                <option value="temporary_waiver">Temporary Waiver</option>
                                <option value="administrative_waiver">Administrative Waiver</option>
                                <option value="hardship_waiver">Hardship Waiver</option>
                                <option value="small_entity_waiver">Small Entity Waiver</option>
                                <option value="government_waiver">Government Waiver</option>
                            </select>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Waived Amount</label>
                            <input type="number" class="form-control" name="waived_amount" step="0.01" required>
                        </div>
                        <div class="col-12">
                            <label class="form-label fw-semibold">Waiver Reason</label>
                            <textarea class="form-control" name="waiver_reason" rows="4" required></textarea>
                        </div>
                        <div class="col-12">
                            <label class="form-label fw-semibold">Legal Justification</label>
                            <textarea class="form-control" name="legal_justification" rows="3"></textarea>
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Effective From</label>
                            <input type="date" class="form-control" name="effective_from" 
                                   value="{{ now()->toDateString() }}">
                        </div>
                        <div class="col-md-6">
                            <label class="form-label fw-semibold">Effective Until</label>
                            <input type="date" class="form-control" name="effective_until">
                        </div>
                        <div class="col-12">
                            <label class="form-label fw-semibold">Additional Notes</label>
                            <textarea class="form-control" name="notes" rows="2"></textarea>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-warning">
                        <i class="fas fa-file-invoice me-1"></i> Submit Waiver Request
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Export Modal -->
<div class="modal fade" id="exportModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-info text-white">
                <h5 class="modal-title">
                    <i class="fas fa-download me-2"></i>Export Data
                </h5>
                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
            </div>
            <form action="{{ route('patent.annual-fees.export') }}" method="POST">
                @csrf
                <div class="modal-body">
                    <div class="mb-3">
                        <label class="form-label fw-semibold">Export Format</label>
                        <select class="form-select" name="format" required>
                            <option value="csv">CSV</option>
                            <option value="excel">Excel</option>
                            <option value="pdf">PDF</option>
                        </select>
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-semibold">Include Filters</label>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" name="include_filters" checked>
                            <label class="form-check-label">Apply current filters to export</label>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                    <button type="submit" class="btn btn-info">
                        <i class="fas fa-download me-1"></i> Export Data
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.4.1/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.4.1/js/buttons.html5.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

<script>
$(document).ready(function() {
    // Initialize DataTable
    $('#annualFeesTable').DataTable({
        responsive: true,
        pageLength: 25,
        order: [[4, 'asc']], // Sort by due date
        dom: 'Bfrtip',
        buttons: [
            'copy', 'csv', 'excel', 'pdf', 'print'
        ]
    });

    // Initialize Select2
    $('.form-select').select2({
        theme: 'bootstrap-5'
    });
});

let currentDeadlineId = null;

function showPaymentModal(deadlineId) {
    currentDeadlineId = deadlineId;
    $('#paymentModal').modal('show');
}

function showWaiverModal(deadlineId) {
    currentDeadlineId = deadlineId;
    $('#waiverModal').modal('show');
}

// Payment Form Submission
$('#paymentForm').on('submit', function(e) {
    e.preventDefault();
    
    const formData = new FormData(this);
    const data = Object.fromEntries(formData.entries());
    
    $.ajax({
        url: `/patents/annual-fees/${currentDeadlineId}/payment`,
        method: 'POST',
        data: data,
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        success: function(response) {
            if (response.success) {
                showAlert('success', response.message);
                $('#paymentModal').modal('hide');
                location.reload();
            } else {
                showAlert('error', response.message);
            }
        },
        error: function(xhr) {
            const response = xhr.responseJSON;
            showAlert('error', response.message || 'Error processing payment');
        }
    });
});

// Waiver Form Submission
$('#waiverForm').on('submit', function(e) {
    e.preventDefault();
    
    const formData = new FormData(this);
    const data = Object.fromEntries(formData.entries());
    
    $.ajax({
        url: `/patents/annual-fees/${currentDeadlineId}/waiver`,
        method: 'POST',
        data: data,
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        success: function(response) {
            if (response.success) {
                showAlert('success', response.message);
                $('#waiverModal').modal('hide');
                location.reload();
            } else {
                showAlert('error', response.message);
            }
        },
        error: function(xhr) {
            const response = xhr.responseJSON;
            showAlert('error', response.message || 'Error processing waiver request');
        }
    });
});

function sendNotifications() {
    const formData = new FormData(document.getElementById('notificationForm'));
    const data = Object.fromEntries(formData.entries());
    
    $.ajax({
        url: '/patents/annual-fees/notifications/send',
        method: 'POST',
        data: data,
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        success: function(response) {
            if (response.success) {
                showAlert('success', response.message);
                $('#notificationModal').modal('hide');
            } else {
                showAlert('error', response.message);
            }
        },
        error: function(xhr) {
            const response = xhr.responseJSON;
            showAlert('error', response.message || 'Error sending notifications');
        }
    });
}

function showAlert(type, message) {
    const alertClass = type === 'success' ? 'alert-success' : 'alert-danger';
    const alertHtml = `
        <div class="alert ${alertClass} alert-dismissible fade show" role="alert">
            ${message}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    `;
    
    // Remove existing alerts
    $('.alert').remove();
    
    // Add new alert at the top of the page
    $('.container-fluid').prepend(alertHtml);
    
    // Auto-hide after 5 seconds
    setTimeout(function() {
        $('.alert').fadeOut();
    }, 5000);
}
</script>
@endpush