@php($headerOption = \App\Http\Controllers\Controller::getHeaderOptions(
    '',
    "",
    [],
    []
))
@extends('admin.layouts.layout', $headerOption)
@section('content')
<div class="col-12">
    <div class="project-box">
        <x-heading-sec :module="'TurboApp Default Values'" :options="[]" />

        <p class="text-muted mb-4">
            Configure default field values for the TurboApp form.
            Priority: <strong>User Default</strong> &gt; <strong>Processor Default</strong> &gt; <strong>Global Default</strong>.
        </p>

        {{-- Tabs --}}
        <ul class="nav nav-tabs mb-4" id="defaultsTabs" role="tablist">
            <li class="nav-item" role="presentation">
                <button class="nav-link active" id="tab-global" data-bs-toggle="tab"
                        data-bs-target="#pane-global" type="button" role="tab">Global</button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="tab-processor" data-bs-toggle="tab"
                        data-bs-target="#pane-processor" type="button" role="tab">Per Processor</button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="tab-user" data-bs-toggle="tab"
                        data-bs-target="#pane-user" type="button" role="tab">Per User</button>
            </li>
        </ul>

        <div class="tab-content">

            {{-- Global Tab --}}
            <div class="tab-pane fade show active" id="pane-global" role="tabpanel">
                <form class="defaults-form" data-scope="global" data-scope-id="">
                    @csrf
                    <table class="{{ \Config::get('view.table.table_class') }}">
                        <thead>
                            <tr><th>Field</th><th>Default Value</th></tr>
                        </thead>
                        <tbody>
                            @foreach($fields as $fieldKey => $fieldLabel)
                            <tr>
                                <td>{{ $fieldLabel }}</td>
                                <td>
                                    <input type="text"
                                           name="fields[{{ $fieldKey }}]"
                                           class="form-control form-control-sm"
                                           value="{{ $globalDefaults[$fieldKey]->default_value ?? '' }}">
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                    <div class="mt-3">
                        <button type="submit" class="btn btn-primary save-defaults-btn">
                            <i class="bx bx-save"></i> Save Global Defaults
                        </button>
                    </div>
                </form>
            </div>

            {{-- Per Processor Tab --}}
            <div class="tab-pane fade" id="pane-processor" role="tabpanel">
                <div class="mb-3 col-md-4">
                    <label class="form-label">Select Processor</label>
                    <select class="form-control select2 no-search" id="processorSelect">
                        <option value="">— Choose Processor —</option>
                        @foreach($processors as $pid => $pname)
                        <option value="{{ $pid }}">{{ $pname }}</option>
                        @endforeach
                    </select>
                </div>
                <form class="defaults-form" data-scope="processor" data-scope-id-source="#processorSelect">
                    @csrf
                    <table class="{{ \Config::get('view.table.table_class') }}">
                        <thead>
                            <tr><th>Field</th><th>Default Value</th></tr>
                        </thead>
                        <tbody>
                            @foreach($fields as $fieldKey => $fieldLabel)
                            <tr>
                                <td>{{ $fieldLabel }}</td>
                                <td>
                                    <input type="text"
                                           name="fields[{{ $fieldKey }}]"
                                           class="form-control form-control-sm processor-default-input"
                                           data-field="{{ $fieldKey }}"
                                           value="">
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                    <div class="mt-3">
                        <button type="submit" class="btn btn-primary save-defaults-btn">
                            <i class="bx bx-save"></i> Save Processor Defaults
                        </button>
                    </div>
                </form>
            </div>

            {{-- Per User Tab --}}
            <div class="tab-pane fade" id="pane-user" role="tabpanel">
                <div class="mb-3 col-md-4">
                    <label class="form-label">Select User</label>
                    <select class="form-control select2" id="userSelect">
                        <option value="">— Choose User —</option>
                        @foreach($users as $u)
                        <option value="{{ $u->id }}">{{ $u->full_name }}</option>
                        @endforeach
                    </select>
                </div>
                <form class="defaults-form" data-scope="user" data-scope-id-source="#userSelect">
                    @csrf
                    <table class="{{ \Config::get('view.table.table_class') }}">
                        <thead>
                            <tr><th>Field</th><th>Default Value</th></tr>
                        </thead>
                        <tbody>
                            @foreach($fields as $fieldKey => $fieldLabel)
                            <tr>
                                <td>{{ $fieldLabel }}</td>
                                <td>
                                    <input type="text"
                                           name="fields[{{ $fieldKey }}]"
                                           class="form-control form-control-sm user-default-input"
                                           data-field="{{ $fieldKey }}"
                                           value="">
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                    <div class="mt-3">
                        <button type="submit" class="btn btn-primary save-defaults-btn">
                            <i class="bx bx-save"></i> Save User Defaults
                        </button>
                    </div>
                </form>
            </div>

        </div>{{-- end tab-content --}}
    </div>
</div>
@endsection
@push('page_script')
<script>
(function () {
    var processorDefaults = @json($processorDefaults->groupBy('processor'));
    var userDefaults      = @json($userDefaults->groupBy('user_id'));

    // Load processor defaults when processor changes
    $('#processorSelect').on('change', function () {
        var pid = $(this).val();
        var rows = pid && processorDefaults[pid] ? processorDefaults[pid] : [];
        var map  = {};
        rows.forEach(function (r) { map[r.field_name] = r.default_value; });
        $('.processor-default-input').each(function () {
            $(this).val(map[$(this).data('field')] || '');
        });
    });

    // Load user defaults when user changes
    $('#userSelect').on('change', function () {
        var uid  = $(this).val();
        var rows = uid && userDefaults[uid] ? userDefaults[uid] : [];
        var map  = {};
        rows.forEach(function (r) { map[r.field_name] = r.default_value; });
        $('.user-default-input').each(function () {
            $(this).val(map[$(this).data('field')] || '');
        });
    });

    // Save defaults via AJAX
    $(document).on('submit', '.defaults-form', function (e) {
        e.preventDefault();
        var $form    = $(this);
        var scope    = $form.data('scope');
        var scopeId  = $form.data('scope-id') !== undefined
                        ? $form.data('scope-id')
                        : $($form.data('scope-id-source')).val();

        if ((scope === 'processor' || scope === 'user') && !scopeId) {
            alert('Please select a ' + scope + ' first.');
            return;
        }

        var data = $form.serializeArray();
        data.push({ name: 'scope',    value: scope });
        data.push({ name: 'scope_id', value: scopeId || '' });

        $.ajax({
            url:    '{{ route('turbo-app.defaults.update') }}',
            method: 'POST',
            data:   data,
            headers:{ 'X-HTTP-Method-Override': 'PUT' },
            success: function (res) {
                alert(res.message || 'Defaults saved.');
            },
            error: function () {
                alert('Error saving defaults.');
            }
        });
    });
})();
</script>
@endpush