@extends('layouts/layoutMaster')

@section('title', 'QuickBooks Configurations')

@section('page-script')
    <script>
        var objectSchemas = {
            Invoice: [
                {
                    version: 'v1.2', captured_at: '2026-02-13 08:00:00',
                    description: 'Represents a sales transaction — a request for payment for products or services that were sold.',
                    endpoint: '/v3/company/{realmId}/invoice',
                    fields: [
                        { name: 'Id', type: 'String', desc: 'Unique identifier for this object' },
                        { name: 'DocNumber', type: 'String', desc: 'Reference number for the transaction' },
                        { name: 'TxnDate', type: 'Date', desc: 'Date when the transaction occurred' },
                        { name: 'DueDate', type: 'Date', desc: 'Date when payment of the transaction is due' },
                        { name: 'TotalAmt', type: 'Decimal', desc: 'Total amount of the transaction' },
                        { name: 'Balance', type: 'Decimal', desc: 'The balance reflecting any payments made against the transaction' },
                        { name: 'CustomerRef', type: 'ReferenceType', desc: 'Reference to a customer or job' },
                        { name: 'Line', type: 'Line[]', desc: 'Individual line items of the transaction' },
                        { name: 'CurrencyRef', type: 'ReferenceType', desc: 'Reference to the currency used' },
                        { name: 'BillEmail', type: 'EmailAddress', desc: 'Identifies the e-mail address where the invoice is sent' },
                        { name: 'RecurDataRef', type: 'ReferenceType', desc: 'Reference to the recurring transaction template', tag: 'new' },
                        { name: 'SyncToken', type: 'String', desc: 'Version number of the object, used for concurrency control' },
                    ],
                    operations: ['Create', 'Read', 'Update', 'Delete', 'Query', 'CDC'],
                },
                {
                    version: 'v1.1', captured_at: '2026-01-20 08:00:00',
                    description: 'Represents a sales transaction — a request for payment for products or services that were sold.',
                    endpoint: '/v3/company/{realmId}/invoice',
                    fields: [
                        { name: 'Id', type: 'String', desc: 'Unique identifier for this object' },
                        { name: 'DocNumber', type: 'String', desc: 'Reference number for the transaction' },
                        { name: 'TxnDate', type: 'Date', desc: 'Date when the transaction occurred' },
                        { name: 'DueDate', type: 'Date', desc: 'Date when payment of the transaction is due' },
                        { name: 'TotalAmt', type: 'Decimal', desc: 'Total amount of the transaction' },
                        { name: 'Balance', type: 'Decimal', desc: 'The balance reflecting any payments made against the transaction' },
                        { name: 'CustomerRef', type: 'ReferenceType', desc: 'Reference to a customer or job' },
                        { name: 'Line', type: 'Line[]', desc: 'Individual line items of the transaction' },
                        { name: 'CurrencyRef', type: 'ReferenceType', desc: 'Reference to the currency used' },
                        { name: 'BillEmail', type: 'EmailAddress', desc: 'Identifies the e-mail address where the invoice is sent', tag: 'new' },
                        { name: 'SyncToken', type: 'String', desc: 'Version number of the object, used for concurrency control' },
                    ],
                    operations: ['Create', 'Read', 'Update', 'Delete', 'Query', 'CDC'],
                },
                {
                    version: 'v1.0', captured_at: '2025-12-01 08:00:00',
                    description: 'Represents a sales transaction — a request for payment for products or services that were sold.',
                    endpoint: '/v3/company/{realmId}/invoice',
                    fields: [
                        { name: 'Id', type: 'String', desc: 'Unique identifier for this object' },
                        { name: 'DocNumber', type: 'String', desc: 'Reference number for the transaction' },
                        { name: 'TxnDate', type: 'Date', desc: 'Date when the transaction occurred' },
                        { name: 'DueDate', type: 'Date', desc: 'Date when payment of the transaction is due' },
                        { name: 'TotalAmt', type: 'Decimal', desc: 'Total amount of the transaction' },
                        { name: 'Balance', type: 'Decimal', desc: 'The balance reflecting any payments made against the transaction' },
                        { name: 'CustomerRef', type: 'ReferenceType', desc: 'Reference to a customer or job' },
                        { name: 'Line', type: 'Line[]', desc: 'Individual line items of the transaction' },
                        { name: 'CurrencyRef', type: 'ReferenceType', desc: 'Reference to the currency used' },
                        { name: 'SyncToken', type: 'String', desc: 'Version number of the object, used for concurrency control' },
                    ],
                    operations: ['Create', 'Read', 'Update', 'Delete', 'Query', 'CDC'],
                },
            ],
            Payment: [
                {
                    version: 'v1.1', captured_at: '2026-02-13 08:00:00',
                    description: 'Represents a payment received from a customer for one or more sales transactions.',
                    endpoint: '/v3/company/{realmId}/payment',
                    fields: [
                        { name: 'Id', type: 'String', desc: 'Unique identifier for this object' },
                        { name: 'TxnDate', type: 'Date', desc: 'Date when the transaction occurred' },
                        { name: 'TotalAmt', type: 'Decimal', desc: 'Indicates the total amount of the payment' },
                        { name: 'CustomerRef', type: 'ReferenceType', desc: 'Reference to the customer making the payment' },
                        { name: 'DepositToAccountRef', type: 'ReferenceType', desc: 'Account where the payment money is deposited' },
                        { name: 'PaymentMethodRef', type: 'ReferenceType', desc: 'Reference to the payment method' },
                        { name: 'PaymentRefNum', type: 'String', desc: 'The reference or check number for the payment transaction', tag: 'new' },
                        { name: 'CurrencyRef', type: 'ReferenceType', desc: 'Reference to the currency used' },
                        { name: 'Line', type: 'Line[]', desc: 'Individual line items of the linked transaction' },
                        { name: 'SyncToken', type: 'String', desc: 'Version number of the object, used for concurrency control' },
                    ],
                    operations: ['Create', 'Read', 'Update', 'Delete', 'Query', 'CDC'],
                },
                {
                    version: 'v1.0', captured_at: '2025-12-01 08:00:00',
                    description: 'Represents a payment received from a customer for one or more sales transactions.',
                    endpoint: '/v3/company/{realmId}/payment',
                    fields: [
                        { name: 'Id', type: 'String', desc: 'Unique identifier for this object' },
                        { name: 'TxnDate', type: 'Date', desc: 'Date when the transaction occurred' },
                        { name: 'TotalAmt', type: 'Decimal', desc: 'Indicates the total amount of the payment' },
                        { name: 'CustomerRef', type: 'ReferenceType', desc: 'Reference to the customer making the payment' },
                        { name: 'DepositToAccountRef', type: 'ReferenceType', desc: 'Account where the payment money is deposited' },
                        { name: 'PaymentMethodRef', type: 'ReferenceType', desc: 'Reference to the payment method' },
                        { name: 'CurrencyRef', type: 'ReferenceType', desc: 'Reference to the currency used' },
                        { name: 'Line', type: 'Line[]', desc: 'Individual line items of the linked transaction' },
                        { name: 'SyncToken', type: 'String', desc: 'Version number of the object, used for concurrency control' },
                    ],
                    operations: ['Create', 'Read', 'Update', 'Delete', 'Query', 'CDC'],
                },
            ],
            PaymentMethod: [
                {
                    version: 'v1.0', captured_at: '2025-12-01 08:00:00',
                    description: 'Defines the payment method used by a customer — e.g. cash, check, or credit card.',
                    endpoint: '/v3/company/{realmId}/paymentmethod',
                    fields: [
                        { name: 'Id', type: 'String', desc: 'Unique identifier for this object' },
                        { name: 'Name', type: 'String', desc: 'User-recognizable name for the payment method' },
                        { name: 'Type', type: 'String', desc: 'The classification type: CREDIT_CARD or NON_CREDIT_CARD' },
                        { name: 'Active', type: 'Boolean', desc: 'Whether this payment method is active' },
                        { name: 'SyncToken', type: 'String', desc: 'Version number of the object, used for concurrency control' },
                    ],
                    operations: ['Create', 'Read', 'Update', 'Query'],
                },
            ],
            Customer: [
                {
                    version: 'v1.1', captured_at: '2026-02-13 08:00:00',
                    description: 'Represents a consumer of the service or product that the business offers.',
                    endpoint: '/v3/company/{realmId}/customer',
                    fields: [
                        { name: 'Id', type: 'String', desc: 'Unique identifier for this object' },
                        { name: 'DisplayName', type: 'String', desc: 'Name of the customer as displayed' },
                        { name: 'CompanyName', type: 'String', desc: 'Name of the company associated with the customer' },
                        { name: 'PrimaryEmailAddr', type: 'EmailAddress', desc: 'Primary email address' },
                        { name: 'PrimaryPhone', type: 'TelephoneNumber', desc: 'Primary phone number' },
                        { name: 'Mobile', type: 'TelephoneNumber', desc: 'Mobile phone number', tag: 'new' },
                        { name: 'Balance', type: 'Decimal', desc: 'Open balance amount (sum of unpaid invoices)' },
                        { name: 'BalanceWithJobs', type: 'Decimal', desc: 'Cumulative balance including sub-jobs' },
                        { name: 'CurrencyRef', type: 'ReferenceType', desc: 'Reference to the currency used' },
                        { name: 'Active', type: 'Boolean', desc: 'Whether this customer is active' },
                        { name: 'SyncToken', type: 'String', desc: 'Version number of the object, used for concurrency control' },
                    ],
                    operations: ['Create', 'Read', 'Update', 'Query', 'CDC'],
                },
                {
                    version: 'v1.0', captured_at: '2025-12-01 08:00:00',
                    description: 'Represents a consumer of the service or product that the business offers.',
                    endpoint: '/v3/company/{realmId}/customer',
                    fields: [
                        { name: 'Id', type: 'String', desc: 'Unique identifier for this object' },
                        { name: 'DisplayName', type: 'String', desc: 'Name of the customer as displayed' },
                        { name: 'CompanyName', type: 'String', desc: 'Name of the company associated with the customer' },
                        { name: 'PrimaryEmailAddr', type: 'EmailAddress', desc: 'Primary email address' },
                        { name: 'PrimaryPhone', type: 'TelephoneNumber', desc: 'Primary phone number' },
                        { name: 'Balance', type: 'Decimal', desc: 'Open balance amount (sum of unpaid invoices)' },
                        { name: 'BalanceWithJobs', type: 'Decimal', desc: 'Cumulative balance including sub-jobs' },
                        { name: 'CurrencyRef', type: 'ReferenceType', desc: 'Reference to the currency used' },
                        { name: 'Active', type: 'Boolean', desc: 'Whether this customer is active' },
                        { name: 'SyncToken', type: 'String', desc: 'Version number of the object, used for concurrency control' },
                    ],
                    operations: ['Create', 'Read', 'Update', 'Query', 'CDC'],
                },
            ],
            Item: [
                {
                    version: 'v1.1', captured_at: '2026-01-15 08:00:00',
                    description: 'Represents any product or service that is sold or purchased — used in invoices and purchase orders.',
                    endpoint: '/v3/company/{realmId}/item',
                    fields: [
                        { name: 'Id', type: 'String', desc: 'Unique identifier for this object' },
                        { name: 'Name', type: 'String', desc: 'Name of the item' },
                        { name: 'Type', type: 'String', desc: 'Classification: Inventory, Service, NonInventory, or Group' },
                        { name: 'Description', type: 'String', desc: 'Description of the item' },
                        { name: 'UnitPrice', type: 'Decimal', desc: 'Monetary value of the service or product' },
                        { name: 'PurchaseCost', type: 'Decimal', desc: 'Amount paid when buying or ordering the item', tag: 'new' },
                        { name: 'IncomeAccountRef', type: 'ReferenceType', desc: 'Reference to the posting account for income' },
                        { name: 'Active', type: 'Boolean', desc: 'Whether this item is active' },
                        { name: 'Taxable', type: 'Boolean', desc: 'Whether sales tax is charged for the item' },
                        { name: 'SyncToken', type: 'String', desc: 'Version number of the object, used for concurrency control' },
                    ],
                    operations: ['Create', 'Read', 'Update', 'Query', 'CDC'],
                },
                {
                    version: 'v1.0', captured_at: '2025-12-01 08:00:00',
                    description: 'Represents any product or service that is sold or purchased — used in invoices and purchase orders.',
                    endpoint: '/v3/company/{realmId}/item',
                    fields: [
                        { name: 'Id', type: 'String', desc: 'Unique identifier for this object' },
                        { name: 'Name', type: 'String', desc: 'Name of the item' },
                        { name: 'Type', type: 'String', desc: 'Classification: Inventory, Service, NonInventory, or Group' },
                        { name: 'Description', type: 'String', desc: 'Description of the item' },
                        { name: 'UnitPrice', type: 'Decimal', desc: 'Monetary value of the service or product' },
                        { name: 'IncomeAccountRef', type: 'ReferenceType', desc: 'Reference to the posting account for income' },
                        { name: 'Active', type: 'Boolean', desc: 'Whether this item is active' },
                        { name: 'Taxable', type: 'Boolean', desc: 'Whether sales tax is charged for the item' },
                        { name: 'SyncToken', type: 'String', desc: 'Version number of the object, used for concurrency control' },
                    ],
                    operations: ['Create', 'Read', 'Update', 'Query', 'CDC'],
                },
            ],
            CreditMemo: [
                {
                    version: 'v1.0', captured_at: '2025-12-01 08:00:00',
                    description: 'Represents a refund or credit for goods or services — reduces the amount a customer owes.',
                    endpoint: '/v3/company/{realmId}/creditmemo',
                    fields: [
                        { name: 'Id', type: 'String', desc: 'Unique identifier for this object' },
                        { name: 'DocNumber', type: 'String', desc: 'Reference number for the transaction' },
                        { name: 'TxnDate', type: 'Date', desc: 'Date when the transaction occurred' },
                        { name: 'TotalAmt', type: 'Decimal', desc: 'Total amount of the credit memo' },
                        { name: 'RemainingCredit', type: 'Decimal', desc: 'Indicates the remaining credit amount' },
                        { name: 'CustomerRef', type: 'ReferenceType', desc: 'Reference to a customer or job' },
                        { name: 'Line', type: 'Line[]', desc: 'Individual line items of the transaction' },
                        { name: 'CurrencyRef', type: 'ReferenceType', desc: 'Reference to the currency used' },
                        { name: 'SyncToken', type: 'String', desc: 'Version number of the object, used for concurrency control' },
                    ],
                    operations: ['Create', 'Read', 'Update', 'Delete', 'Query', 'CDC'],
                },
            ],
        };

        var currentObject = null;

        window.viewObject = function(name) {
            var versions = objectSchemas[name];
            if (!versions || !versions.length) {
                $('#object-detail-body').html('<div class="text-center text-muted py-5">No details available for this object.</div>');
                bootstrap.Offcanvas.getOrCreateInstance(document.getElementById('objectDetail')).show();
                return;
            }
            currentObject = name;
            renderObjectVersion(name, 0);
            bootstrap.Offcanvas.getOrCreateInstance(document.getElementById('objectDetail')).show();
        };

        window.switchVersion = function() {
            var idx = parseInt($('#version-select').val());
            renderObjectVersion(currentObject, idx);
        };

        function renderObjectVersion(name, versionIdx) {
            var versions = objectSchemas[name];
            var v = versions[versionIdx];
            var isLatest = versionIdx === 0;
            var prevFields = (versionIdx + 1 < versions.length) ? versions[versionIdx + 1].fields.map(function(f) { return f.name; }) : [];

            var html = '<div class="mb-4">';
            html += '<div class="d-flex align-items-start justify-content-between mb-2">';
            html += '<div><h6 class="fw-semibold mb-1">' + name + '</h6>';
            html += '<p class="text-muted mb-0">' + v.description + '</p></div>';
            if (isLatest) html += '<span class="badge bg-label-success ms-2 flex-shrink-0">Latest</span>';
            html += '</div></div>';

            html += '<div class="mb-4">';
            html += '<label class="form-label fw-semibold">Schema Version</label>';
            html += '<select class="form-select" id="version-select" onchange="switchVersion()"' + (versions.length === 1 ? ' disabled' : '') + '>';
            versions.forEach(function(ver, i) {
                var label = ver.version + ' — ' + ver.captured_at.split(' ')[0];
                if (i === 0) label += ' (latest)';
                html += '<option value="' + i + '"' + (i === versionIdx ? ' selected' : '') + '>' + label + '</option>';
            });
            html += '</select></div>';

            html += '<div class="row g-3 mb-4">';
            html += '<div class="col-12"><small class="text-muted d-block mb-1">API Endpoint</small><code class="small">' + v.endpoint + '</code></div>';
            html += '</div>';

            html += '<div class="mb-3">';
            html += '<small class="text-muted text-uppercase fw-semibold d-block mb-2">Supported Operations</small>';
            html += '<div class="d-flex flex-wrap gap-1">';
            v.operations.forEach(function(op) {
                html += '<span class="badge bg-label-primary">' + op + '</span>';
            });
            html += '</div></div>';

            html += '<hr class="my-3">';

            html += '<small class="text-muted text-uppercase fw-semibold d-block mb-2">Fields (' + v.fields.length + ')</small>';
            html += '<div class="table-responsive"><table class="table table-sm table-bordered mb-0">';
            html += '<thead><tr><th>Field</th><th>Type</th><th>Description</th></tr></thead><tbody>';
            v.fields.forEach(function(f) {
                var isNew = f.tag === 'new';
                var rowClass = isNew ? ' class="table-warning"' : '';
                var badge = isNew ? ' <span class="badge bg-warning rounded-pill" style="font-size: .6rem; vertical-align: middle;">NEW</span>' : '';
                html += '<tr' + rowClass + '><td><span class="fw-medium">' + f.name + '</span>' + badge + '</td><td><code class="small">' + f.type + '</code></td><td class="text-muted">' + f.desc + '</td></tr>';
            });
            html += '</tbody></table></div>';

            if (isLatest && prevFields.length) {
                var newCount = v.fields.filter(function(f) { return f.tag === 'new'; }).length;
                if (newCount > 0) {
                    html += '<div class="mt-3"><small class="text-muted"><i class="ti ti-info-circle me-1"></i>' + newCount + ' new field' + (newCount > 1 ? 's' : '') + ' since previous version (' + versions[1].version + ')</small></div>';
                }
            }

            $('#object-detail-body').html(html);
        }
    </script>
@endsection

@section('content')
    <div class="row mb-4">
        <div class="col-12">
            <div class="d-flex align-items-center justify-content-between flex-wrap gap-2">
                <div>
                    <h4 class="fw-bold mb-1">QuickBooks Configurations</h4>
                    <p class="text-muted mb-0">OAuth configuration and synchronization objects.</p>
                </div>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb mb-0">
                        <li class="breadcrumb-item"><a href="javascript:void(0);">Home</a></li>
                        <li class="breadcrumb-item"><a href="javascript:void(0);">Settings</a></li>
                        <li class="breadcrumb-item"><a href="{{ route('settings.qb') }}">QuickBooks</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Configurations</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-5 mb-4">
            <div class="card h-100">
                <div class="card-header">
                    <h5 class="card-title mb-0">OAuth Configuration</h5>
                    <small class="text-muted">QuickBooks API connection settings.</small>
                </div>
                <div class="table-responsive">
                    <table class="table border-top mb-0">
                        <thead>
                            <tr>
                                <th>Setting</th>
                                <th>Value</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($qb_settings as $setting)
                                <tr>
                                    <td><span class="fw-medium">OAuth {{ $setting->oauth_version }}.0</span></td>
                                    <td class="text-muted">{{ $setting->init_url }}</td>
                                    <td>
                                        @if ($setting->status == 1)
                                            <span class="badge bg-label-success">Active</span>
                                        @else
                                            <span class="badge bg-label-danger">Inactive</span>
                                        @endif
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="3" class="text-center text-muted py-4">No OAuth settings configured.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="col-lg-7 mb-4">
            <div class="card h-100">
                <div class="card-header">
                    <h5 class="card-title mb-0">Synchronization Objects</h5>
                    <small class="text-muted">QuickBooks data objects available for mapping and synchronization.</small>
                </div>
                <div class="table-responsive">
                    <table class="table border-top mb-0">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Name</th>
                                <th>Status</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($qb_objects as $i => $obj)
                                <tr>
                                    <td class="text-muted">{{ $i + 1 }}</td>
                                    <td>
                                        <span class="fw-medium">{{ $obj->name }}</span>
                                        @if ($obj->description)
                                            <small class="text-muted d-block">{{ $obj->description }}</small>
                                        @endif
                                    </td>
                                    <td>
                                        @if ($obj->status == 1)
                                            <span class="badge bg-label-success">Active</span>
                                        @else
                                            <span class="badge bg-label-danger">Inactive</span>
                                        @endif
                                    </td>
                                    <td>
                                        <button onclick="viewObject('{{ $obj->name }}')" class="btn btn-sm btn-icon" data-bs-toggle="tooltip" data-bs-placement="left" title="View object details"><i class="ti ti-eye"></i></button>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="4" class="text-center text-muted py-4">No synchronization objects configured.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <div class="offcanvas offcanvas-end" tabindex="-1" id="objectDetail" aria-labelledby="objectDetailLabel" style="width: 520px;">
        <div class="offcanvas-header border-bottom">
            <h5 id="objectDetailLabel" class="offcanvas-title">Object Details</h5>
            <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
        </div>
        <div class="offcanvas-body" id="object-detail-body">
            <div class="text-center text-muted py-5">Select an object to view details.</div>
        </div>
    </div>
@endsection