@extends('layouts.master')
@section('title', __('locale.Billing_Management'))
@section('content')
<link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/npm/select2-bootstrap4-theme@1.0.0/dist/select2-bootstrap4.min.css" rel="stylesheet">
<style>
    .select2-container--bootstrap4.select2-container--focus .select2-selection {
        box-shadow: none;
    }
    .table td {
        vertical-align: middle;
    }
    .btn-group-sm > .btn {
        margin: 0 2px;
    }
    .small-box .inner h3 {
        font-size: 2rem;
    }
    #billingTable_wrapper .dataTables_length,
    #billingTable_wrapper .dataTables_filter {
        margin-bottom: 15px;
    }
</style>
<div class="main-content app-content mt-0">
    <div class="side-app">
        <div class="main-container container-fluid">
            <!-- PAGE-HEADER -->
            <div class="page-header">
                <h1 class="page-title">{{ __('locale.Billing_Management') }}</h1>
                <div>
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item">
                            <a href="javascript:void(0)">{{ __('locale.Billing_Management') }}</a>
                        </li>
                        <li class="breadcrumb-item active" aria-current="page">{{ __('common.home') }}</li>
                    </ol>
                </div>
            </div>

            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <!-- Summary Cards -->
                        <div class="row mt-3 px-3">
                            <div class="col-md-3 col-6">
                                <div class="stat-card">
                                    <h6>{{ __('locale.Total_Invoices') }}</h6>
                                    <h3>{{ $summary['total_invoices'] ?? 0 }}</h3>
                                </div>
                            </div>
                            <div class="col-md-3 col-6">
                                <div class="stat-card">
                                    <h6>{{ __('locale.Total_Billable_Calls') }}</h6>
                                    <h3 class="text-success">{{ $summary['total_calls'] ?? '0' }}</h3>
                                </div>
                            </div>
                            <div class="col-md-3 col-6">
                                <div class="stat-card">
                                    <h6>{{ __('locale.Total_Revenue') }}</h6>
                                    <h3 class="text-warning">{{ $summary['total_revenue'] ?? '$0' }}</h3>
                                </div>
                            </div>
                            <div class="col-md-3 col-6">
                                <div class="stat-card">
                                    <h6>{{ __('locale.Pending_Payments') }}</h6>
                                    <h3 class="text-danger">{{ $summary['pending_invoices'] ?? 0 }} - ({{ $summary['pending_revenue'] ?? '$0' }})</h3>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Main Card - Filter -->
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">
                        <i class="fe fe-filter mr-2"></i> {{ __('locale.Filter_Invoices') }}
                    </h3>
                    <div class="card-tools">
                        <button type="button" class="btn btn-tool" data-card-widget="collapse">
                            <i class="fe fe-minus"></i>
                        </button>
                    </div>
                </div>
                <div class="card-body">
                    <form method="GET" action="{{ route('admin.billing.index') }}" id="filterForm">
                        <div class="row">
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label>{{ __('locale.Partner') }}</label>
                                    <select name="partner_id" class="form-control select2">
                                        <option value="">{{ __('locale.All_Partners') }}</option>
                                        @foreach($partners as $partner)
                                        <option value="{{ $partner->partner_id }}"
                                            {{ $selectedPartner == $partner->partner_id ? 'selected' : '' }}>
                                            {{ $partner->name }} ({{ __('locale.ID') }}: {{ $partner->partner_id }})
                                            @if($partner->currentPlan)
                                                - {{ $partner->currentPlan->name }}
                                            @endif
                                        </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                    <label>{{ __('locale.Year') }}</label>
                                    <select name="year" class="form-control">
                                        <option value="">{{ __('locale.All_Years') }}</option>
                                        @for($i = 2024; $i <= now()->year; $i++)
                                        <option value="{{ $i }}" {{ $year == $i ? 'selected' : '' }}>
                                            {{ $i }}
                                        </option>
                                        @endfor
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                    <label>{{ __('locale.Month') }}</label>
                                    <select name="month" class="form-control">
                                        <option value="">{{ __('locale.All_Months') }}</option>
                                        @foreach(range(1, 12) as $m)
                                        <option value="{{ $m }}" {{ $month == $m ? 'selected' : '' }}>
                                            {{ DateTime::createFromFormat('!m', $m)->format('F') }}
                                        </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-2">
                                <div class="form-group">
                                    <label>{{ __('locale.Status') }}</label>
                                    <select name="status" class="form-control" id="statusFilter">
                                        <option value="">{{ __('locale.All_Status') }}</option>
                                        <option value="pending">{{ __('locale.Pending') }}</option>
                                        <option value="paid">{{ __('locale.Paid') }}</option>
                                        <option value="overdue">{{ __('locale.Overdue') }}</option>
                                        <option value="cancelled">{{ __('locale.Cancelled') }}</option>
                                    </select>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="form-group">
                                    <label>&nbsp;</label>
                                    <div>
                                        <button type="submit" class="btn btn-primary">
                                            <i class="fe fe-search"></i> {{ __('locale.Filter') }}
                                        </button>
                                        <a href="{{ route('admin.billing.index') }}" class="btn btn-secondary">
                                            <i class="fe fe-undo"></i> {{ __('locale.Reset') }}
                                        </a>
                                        <button type="button" class="btn btn-success" data-toggle="modal" data-target="#generateInvoiceModal">
                                            <i class="fe fe-plus"></i> {{ __('locale.Generate_Invoice') }}
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

            <!-- Invoices Table -->
            <div class="card">
                 <div class="card-header d-flex justify-content-between align-items-center">
                    <h3 class="card-title mb-0">
                        <i class="fe fe-file-invoice-dollar mr-2"></i> {{ __('locale.Invoice') }}
                    </h3>
                    <div class="card-tools">
                        <div class="btn-group">
                            <button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown">
                                <i class="fe fe-download"></i> {{ __('locale.Export') }}
                            </button>
                            <div class="dropdown-menu">
                                <a class="dropdown-item" href="#" onclick="exportLogs('csv')">
                                    <i class="fe fe-file-csv"></i> {{ __('locale.Export_CSV') }}
                                </a>
                                <a class="dropdown-item" href="#" onclick="exportLogs('json')">
                                    <i class="fe fe-file-code"></i> {{ __('locale.Export_JSON') }}
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-striped table-hover" id="billingTable">
                            <thead>
                                <tr>
                                    <th width="30">
                                        <input type="checkbox" id="selectAll">
                                    </th>
                                    <th>{{ __('locale.Invoice_Number') }}</th>
                                    <th>{{ __('locale.Partner') }}</th>
                                    <th>{{ __('locale.Plan') }}</th>
                                    <th>{{ __('locale.Period') }}</th>
                                    <th>{{ __('locale.Billable_Calls') }}</th>
                                    <th>{{ __('locale.Verified_Calls') }}</th>
                                    <th>{{ __('locale.Failed_Calls') }}</th>
                                    <th>{{ __('locale.Amount') }}</th>
                                    <th>{{ __('locale.Status') }}</th>
                                    <th>{{ __('locale.Date') }}</th>
                                    <th width="150">{{ __('locale.Actions') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($billings as $billing)
                                <tr>
                                    <td>
                                        <input type="checkbox" class="invoice-checkbox" value="{{ $billing->id }}">
                                    </td>
                                    <td>
                                        <strong>{{ $billing->invoice_number }}</strong>
                                        @if($billing->status == 'paid' && $billing->paid_at)
                                            <br>
                                            <small class="text-muted">{{ __('locale.Paid_At') }}: {{ $billing->paid_at->format('Y-m-d') }}</small>
                                        @endif
                                    </td>
                                    <td>
                                        {{ $billing->partner->name ?? 'N/A' }}
                                        <br>
                                        <small class="text-muted">{{ __('locale.ID') }}: {{ $billing->partner_id }}</small>
                                    </td>
                                    <td>
                                        <span class="badge badge-info">{{ $billing->plan->name ?? 'N/A' }}</span>
                                        <br>
                                        <small>{{ number_format($billing->plan->requests_per_second ?? 0) }} req/s</small>
                                    </td>
                                    <td>
                                        {{ $billing->month_name }} {{ $billing->year }}
                                    </td>
                                    <td>
                                        {{ number_format($billing->total_billable_calls) }}
                                        <br>
                                        <small class="text-muted">{{ __('locale.Calls') }}</small>
                                    </td>
                                    <td>
                                        <span class="text-success">
                                            {{ number_format($billing->total_verified_calls) }}
                                        </span>
                                        <br>
                                        <small>{{ __('locale.Verified') }}</small>
                                    </td>
                                    <td>
                                        <span class="text-danger">
                                            {{ number_format($billing->total_failed_calls) }}
                                        </span>
                                        <br>
                                        <small>{{ __('locale.Failed') }}</small>
                                    </td>
                                    <td>
                                        <strong class="text-success">{{ $billing->total_cost_formatted }}</strong>
                                        <br>
                                        <small>{{ __('locale.USD') }}</small>
                                    </td>
                                    <td>
                                        @if($billing->status == 'paid')
                                            <span class="badge badge-success">
                                                <i class="fe fe-check-circle"></i> {{ __('locale.Paid_Status') }}
                                            </span>
                                        @elseif($billing->status == 'pending')
                                            <span class="badge badge-warning">
                                                <i class="fe fe-clock"></i> {{ __('locale.Pending_Status') }}
                                            </span>
                                            @if($billing->created_at->diffInDays(now()) > 30)
                                                <span class="badge badge-danger">{{ __('locale.Overdue_Badge') }}</span>
                                            @endif
                                        @elseif($billing->status == 'overdue')
                                            <span class="badge badge-danger">
                                                <i class="fe fe-exclamation-triangle"></i> {{ __('locale.Overdue_Status') }}
                                            </span>
                                        @else
                                            <span class="badge badge-secondary">{{ ucfirst($billing->status) }}</span>
                                        @endif
                                    </td>
                                    <td>
                                        {{ $billing->created_at->format('Y-m-d') }}
                                        <br>
                                        <small>{{ $billing->created_at->format('H:i:s') }}</small>
                                    </td>
                                    <td>
                                        <div class="btn-group btn-group-sm">
                                            <a href="{{ route('admin.billing.show', $billing) }}"
                                               class="btn btn-info"
                                               title="{{ __('locale.View_Invoice') }}">
                                                <i class="fe fe-eye"></i>
                                            </a>

                                            @if($billing->status == 'pending')
                                            <button type="button"
                                                    class="btn btn-success"
                                                    onclick="markAsPaid({{ $billing->id }})"
                                                    title="{{ __('locale.Mark_As_Paid_Btn') }}">
                                                <i class="fe fe-dollar-sign"></i>
                                            </button>
                                            @endif

                                            <button type="button"
                                                    class="btn btn-primary"
                                                    onclick="downloadInvoice({{ $billing->id }})"
                                                    title="{{ __('locale.Download_PDF') }}">
                                                <i class="fe fe-download"></i>
                                            </button>

                                            <button type="button"
                                                    class="btn btn-secondary"
                                                    onclick="viewLogs({{ $billing->id }})"
                                                    title="{{ __('locale.View_API_Logs') }}">
                                                <i class="fe fe-code"></i>
                                            </button>
                                        </div>
                                    </td>
                                </tr>
                                @empty
                                <tr>
                                    <td colspan="12" class="text-center py-5">
                                        <i class="fe fe-inbox fa-3x text-muted mb-3"></i>
                                        <p class="text-muted">{{ __('locale.No_Invoices_Found') }}</p>
                                        <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#generateInvoiceModal">
                                            <i class="fe fe-plus"></i> {{ __('locale.Generate_First_Invoice') }}
                                        </button>
                                    </td>
                                </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>

                @if($billings->hasPages())
                <div class="card-footer clearfix">
                    <div class="float-right">
                        {{ $billings->appends(request()->query())->links() }}
                    </div>
                </div>
                @endif
            </div>
        </div>
    </div>
</div>

<!-- Generate Invoice Modal -->
<div class="modal fade" id="generateInvoiceModal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header bg-primary text-white">
                <h5 class="modal-title">
                    <i class="fe fe-plus-circle"></i> {{ __('locale.Generate_New_Invoice') }}
                </h5>
                <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form id="generateInvoiceForm">
                @csrf
                <div class="modal-body">
                    <div class="alert alert-info">
                        <i class="fe fe-info-circle"></i>
                        {{ __('locale.Invoice_Info_Text') }}
                    </div>

                    <div class="form-group">
                        <label>{{ __('locale.Select_Partner') }} *</label>
                        <select name="partner_id" id="modal_partner_id" class="form-control select2-modal" required>
                            <option value="">{{ __('locale.Select_Partner_Placeholder') }}</option>
                            @foreach($partners as $partner)
                            <option value="{{ $partner->partner_id }}">
                                {{ $partner->name }} ({{ __('locale.ID') }}: {{ $partner->partner_id }})
                                @if($partner->currentPlan)
                                    - {{ $partner->currentPlan->name }}
                                @endif
                            </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>{{ __('locale.Year') }} *</label>
                                <select name="year" id="modal_year" class="form-control" required>
                                    @for($i = 2024; $i <= now()->year; $i++)
                                    <option value="{{ $i }}" {{ $i == now()->year ? 'selected' : '' }}>
                                        {{ $i }}
                                    </option>
                                    @endfor
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label>{{ __('locale.Month') }} *</label>
                                <select name="month" id="modal_month" class="form-control" required>
                                    @foreach(range(1, 12) as $m)
                                    <option value="{{ $m }}" {{ $m == now()->month ? 'selected' : '' }}>
                                        {{ DateTime::createFromFormat('!m', $m)->format('F') }}
                                    </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>

                    <div id="usagePreview" class="mt-3" style="display: none;">
                        <div class="card card-info">
                            <div class="card-header">
                                <h6 class="card-title">{{ __('locale.Usage_Preview') }}</h6>
                            </div>
                            <div class="card-body">
                                <div class="row text-center">
                                    <div class="col-md-3">
                                        <h4 id="previewCalls">0</h4>
                                        <small>{{ __('locale.Billable_Calls_Label') }}</small>
                                    </div>
                                    <div class="col-md-3">
                                        <h4 id="previewVerified">0</h4>
                                        <small>{{ __('locale.Verified_Label') }}</small>
                                    </div>
                                    <div class="col-md-3">
                                        <h4 id="previewFailed">0</h4>
                                        <small>{{ __('locale.Failed_Label') }}</small>
                                    </div>
                                    <div class="col-md-3">
                                        <h4 id="previewCost">$0.00</h4>
                                        <small>{{ __('locale.Estimated_Cost') }}</small>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ __('locale.Cancel') }}</button>
                    <button type="submit" class="btn btn-primary" id="generateBtn">
                        <i class="fe fe-file-invoice"></i> {{ __('locale.Generate') }}
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Mark as Paid Modal -->
<div class="modal fade" id="markAsPaidModal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header bg-success text-white">
                <h5 class="modal-title">
                    <i class="fe fe-check-circle"></i> {{ __('locale.Mark_Invoice_As_Paid') }}
                </h5>
                <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <form id="markAsPaidForm">
                @csrf
                <input type="hidden" name="billing_id" id="billing_id">
                <div class="modal-body">
                    <div class="form-group">
                        <label>{{ __('locale.Payment_Method') }} *</label>
                        <select name="payment_method" class="form-control" required>
                            <option value="">{{ __('locale.Select_Payment_Method') }}</option>
                            <option value="credit_card">{{ __('locale.Credit_Card') }}</option>
                            <option value="bank_transfer">{{ __('locale.Bank_Transfer') }}</option>
                            <option value="cash">{{ __('locale.Cash') }}</option>
                            <option value="other">{{ __('locale.Other') }}</option>
                        </select>
                    </div>

                    <div class="form-group">
                        <label>{{ __('locale.Transaction_ID') }}</label>
                        <input type="text" name="transaction_id" class="form-control"
                               placeholder="{{ __('locale.Transaction_Placeholder') }}">
                    </div>

                    <div class="alert alert-warning">
                        <i class="fe fe-exclamation-triangle"></i>
                        {{ __('locale.Warning_Unpaid_Action') }}
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ __('locale.Cancel') }}</button>
                    <button type="submit" class="btn btn-success">
                        <i class="fe fe-check"></i> {{ __('locale.Confirm_Payment') }}
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

<!-- Bulk Actions Modal -->
<div class="modal fade" id="bulkActionsModal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header bg-info text-white">
                <h5 class="modal-title">
                    <i class="fe fe-tasks"></i> {{ __('locale.Bulk_Actions') }}
                </h5>
                <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <p>{{ __('locale.Selected_Invoices') }}: <span id="selectedCount">0</span></p>
                <div class="form-group">
                    <label>{{ __('locale.Select_Action') }}</label>
                    <select id="bulkAction" class="form-control">
                        <option value="">-- {{ __('locale.Select_Action') }} --</option>
                        <option value="mark_paid">{{ __('locale.Mark_As_Paid') }}</option>
                        <option value="export_csv">{{ __('locale.Export_CSV') }}</option>
                        <option value="export_json">{{ __('locale.Export_JSON') }}</option>
                        <option value="delete">{{ __('locale.Delete_Draft_Only') }}</option>
                    </select>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ __('locale.Cancel') }}</button>
                <button type="button" class="btn btn-primary" onclick="executeBulkAction()">
                    {{ __('locale.Apply_Action') }}
                </button>
            </div>
        </div>
    </div>
</div>
@endsection



@section('bottom_script')
<script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
<script src="https://cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.24/js/dataTables.bootstrap4.min.js"></script>
<script>
$(document).ready(function() {
    // Initialize Select2
    $('.select2').select2({
        theme: 'bootstrap4',
        placeholder: 'Select partner',
        allowClear: true
    });

    $('.select2-modal').select2({
        theme: 'bootstrap4',
        dropdownParent: $('#generateInvoiceModal'),
        placeholder: 'Select partner',
        allowClear: true
    });

    // Initialize DataTable for better filtering
    if ($('#billingTable tbody tr').length > 10) {
        $('#billingTable').DataTable({
            "paging": false,
            "info": false,
            "searching": true,
            "ordering": true,
            "order": [[ 4, "desc" ]],
            "language": {
                "search": "Search invoices:",
                "zeroRecords": "No matching invoices found"
            }
        });
    }

    // Select All functionality
    $('#selectAll').change(function() {
        $('.invoice-checkbox').prop('checked', $(this).prop('checked'));
        updateSelectedCount();
    });

    $('.invoice-checkbox').change(function() {
        if ($('.invoice-checkbox:checked').length == $('.invoice-checkbox').length) {
            $('#selectAll').prop('checked', true);
        } else {
            $('#selectAll').prop('checked', false);
        }
        updateSelectedCount();
    });

    // Preview usage when selecting partner and period
    $('#modal_partner_id, #modal_year, #modal_month').change(function() {
        const partnerId = $('#modal_partner_id').val();
        const year = $('#modal_year').val();
        const month = $('#modal_month').val();

        if (partnerId && year && month) {
            $.ajax({
                url: '{{ route("admin.billing.preview-usage") }}',
                method: 'POST',
                data: {
                    partner_id: partnerId,
                    year: year,
                    month: month,
                    _token: '{{ csrf_token() }}'
                },
                success: function(response) {
                    if (response.success) {
                        $('#usagePreview').show();
                        $('#previewCalls').text(response.data.total_calls.toLocaleString());
                        $('#previewVerified').text(response.data.verified_calls.toLocaleString());
                        $('#previewFailed').text(response.data.failed_calls.toLocaleString());
                        $('#previewCost').text('$' + response.data.cost.toFixed(2));
                    } else {
                        $('#usagePreview').hide();
                        toastr.warning(response.message);
                    }
                },
                error: function() {
                    $('#usagePreview').hide();
                }
            });
        } else {
            $('#usagePreview').hide();
        }
    });

    // Generate Invoice Form Submit
    $('#generateInvoiceForm').submit(function(e) {
        e.preventDefault();

        const submitBtn = $('#generateBtn');
        submitBtn.prop('disabled', true).html('<i class="fe fe-spinner fa-spin"></i> Generating...');

        $.ajax({
            url: '{{ route("admin.billing.generate") }}',
            method: 'POST',
            data: $(this).serialize(),
            success: function(response) {
                if (response.success) {
                    toastr.success(response.message);
                    $('#generateInvoiceModal').modal('hide');
                    setTimeout(() => location.reload(), 1500);
                } else {
                    toastr.error(response.error || 'Failed to generate invoice');
                }
            },
            error: function(xhr) {
                let errorMsg = 'An error occurred';
                if (xhr.responseJSON && xhr.responseJSON.error) {
                    errorMsg = xhr.responseJSON.error;
                } else if (xhr.responseJSON && xhr.responseJSON.errors) {
                    errorMsg = Object.values(xhr.responseJSON.errors).join('\n');
                }
                toastr.error(errorMsg);
            },
            complete: function() {
                submitBtn.prop('disabled', false).html('<i class="fe fe-file-invoice"></i> Generate Invoice');
            }
        });
    });
});

// Mark as Paid Function
function markAsPaid(billingId) {
    $('#billing_id').val(billingId);
    $('#markAsPaidModal').modal('show');
}

// Mark as Paid Form Submit
$('#markAsPaidForm').submit(function(e) {
    e.preventDefault();

    const billingId = $('#billing_id').val();
    const submitBtn = $(this).find('button[type="submit"]');
    submitBtn.prop('disabled', true).html('<i class="fe fe-spinner fa-spin"></i> Processing...');

    $.ajax({
        url: `/admin/billing/${billingId}/paid`,
        method: 'POST',
        data: $(this).serialize(),
        success: function(response) {
            if (response.success) {
                toastr.success(response.message);
                $('#markAsPaidModal').modal('hide');
                setTimeout(() => location.reload(), 1000);
            } else {
                toastr.error(response.error || 'Failed to mark as paid');
            }
        },
        error: function(xhr) {
            toastr.error(xhr.responseJSON?.error || 'An error occurred');
        },
        complete: function() {
            submitBtn.prop('disabled', false).html('<i class="fe fe-check"></i> Confirm Payment');
        }
    });
});

// Export Logs Function
function exportLogs(format) {
    const partnerId = $('select[name="partner_id"]').val();
    const year = $('select[name="year"]').val();
    const month = $('select[name="month"]').val();

    if (!partnerId) {
        toastr.warning('Please select a partner to export logs');
        return;
    }

    let url = `{{ route("admin.billing.download-logs") }}?format=${format}&partner_id=${partnerId}`;
    if (year) url += `&year=${year}`;
    if (month) url += `&month=${month}`;

    window.location.href = url;
}

// Download Invoice PDF
function downloadInvoice(billingId) {
    window.open(`/admin/billing/${billingId}/download-pdf`, '_blank');
}

// View Logs
function viewLogs(billingId) {
    window.open(`/admin/billing/${billingId}/logs`, '_blank', 'width=1200,height=800');
}

// Update Selected Count
function updateSelectedCount() {
    const count = $('.invoice-checkbox:checked').length;
    if (count > 0) {
        $('#selectedCount').text(count);
        if (!$('#bulkActionsBtn').length) {
            $('.card-header .card-tools').append(`
                <button type="button" class="btn btn-warning btn-sm ml-2" id="bulkActionsBtn" data-toggle="modal" data-target="#bulkActionsModal">
                    <i class="fe fe-tasks"></i> Bulk Actions (${count})
                </button>
            `);
        } else {
            $('#bulkActionsBtn').html(`<i class="fe fe-tasks"></i> Bulk Actions (${count})`);
        }
    } else {
        $('#bulkActionsBtn').remove();
    }
}

// Execute Bulk Action
function executeBulkAction() {
    const action = $('#bulkAction').val();
    const selectedIds = $('.invoice-checkbox:checked').map(function() {
        return $(this).val();
    }).get();

    if (!action) {
        toastr.warning('Please select an action');
        return;
    }

    if (selectedIds.length === 0) {
        toastr.warning('No invoices selected');
        return;
    }

    if (action === 'mark_paid') {
        bulkMarkAsPaid(selectedIds);
    } else if (action === 'export_csv' || action === 'export_json') {
        bulkExport(selectedIds, action.split('_')[1]);
    } else if (action === 'delete') {
        bulkDelete(selectedIds);
    }
}

// Bulk Mark as Paid
function bulkMarkAsPaid(ids) {
    if (!confirm(`Are you sure you want to mark ${ids.length} invoice(s) as paid?`)) return;

    $.ajax({
        url: '{{ route("admin.billing.bulk-mark-paid") }}',
        method: 'POST',
        data: {
            ids: ids,
            _token: '{{ csrf_token() }}'
        },
        success: function(response) {
            if (response.success) {
                toastr.success(response.message);
                $('#bulkActionsModal').modal('hide');
                location.reload();
            } else {
                toastr.error(response.error);
            }
        },
        error: function() {
            toastr.error('Failed to process bulk action');
        }
    });
}

// Bulk Export
function bulkExport(ids, format) {
    const url = `{{ route("admin.billing.bulk-export") }}?format=${format}&ids=${ids.join(',')}`;
    window.location.href = url;
}

// Bulk Delete
function bulkDelete(ids) {
    if (!confirm(`Are you sure you want to delete ${ids.length} invoice(s)? This action cannot be undone.`)) return;

    $.ajax({
        url: '{{ route("admin.billing.bulk-delete") }}',
        method: 'POST',
        data: {
            ids: ids,
            _token: '{{ csrf_token() }}'
        },
        success: function(response) {
            if (response.success) {
                toastr.success(response.message);
                $('#bulkActionsModal').modal('hide');
                location.reload();
            } else {
                toastr.error(response.error);
            }
        },
        error: function() {
            toastr.error('Failed to delete invoices');
        }
    });
}

// Real-time status filter
$('#statusFilter').change(function() {
    const status = $(this).val();
    if (status) {
        $('table tbody tr').each(function() {
            const statusCell = $(this).find('td:eq(9)'); // Status column index
            if (statusCell.find('.badge').text().toLowerCase() === status) {
                $(this).show();
            } else {
                $(this).hide();
            }
        });
    } else {
        $('table tbody tr').show();
    }
});

// Toastr configuration
toastr.options = {
    "closeButton": true,
    "progressBar": true,
    "positionClass": "toast-top-right",
    "timeOut": "5000"
};
</script>
@endsection