@php
    $lead      = $lead ?? null;
    $d         = $lead ? ($lead->turbo_app_data ?? []) : [];
    $fs        = $d['fee_schedule'] ?? [];
    $doc       = $d['docs_signing'] ?? [];
    $activeTab = request('tab', $lead->turbo_app_current_tab ?? 'business-info');

    $steps = [
        'configuration'     => [
            'label' => 'Configuration',
            'icon'  => 'bx-cog',
            'tab'   => null,
            'done'  => (bool) $lead,
        ],
        'business-info'     => [
            'label' => 'Business Information',
            'icon'  => 'bx-file-blank',
            'tab'   => 'business-info',
            'done'  => $lead && ($lead->dba || $lead->legal_name),
        ],
        'owner-info'        => [
            'label' => 'Owner Information',
            'icon'  => 'bx-user',
            'tab'   => 'owner-info',
            'done'  => $lead && isset($owners) && $owners->count() > 0,
        ],
        'products-services' => [
            'label' => 'Products & Services',
            'icon'  => 'bx-credit-card',
            'tab'   => 'products-services',
            'done'  => !empty($d['products']),
        ],
        'fee-schedule'      => [
            'label' => 'Fee Schedule',
            'icon'  => 'bx-dollar-circle',
            'tab'   => 'fee-schedule',
            'done'  => !empty($fs['processing_type']),
        ],
        'docs-signing'      => [
            'label' => 'Docs & Signing',
            'icon'  => 'bx-pen',
            'tab'   => 'docs-signing',
            'done'  => isset($doc['send_esignature']),
        ],
    ];

    $tabKeys  = array_filter(array_column($steps, 'tab'));
    $tabKeys  = array_values($tabKeys);
    $activeIdx = array_search($activeTab, $tabKeys);
    $prevTab   = $activeIdx > 0            ? $tabKeys[$activeIdx - 1] : null;
    $nextTab   = $activeIdx < count($tabKeys) - 1 ? $tabKeys[$activeIdx + 1] : null;

    $headerOption = \App\Http\Controllers\Controller::getHeaderOptions('', '', [], []);
@endphp
@extends('admin.layouts.layout', $headerOption)

@push('page_css')
<style>
    /* custom.css's panel-wide .form-control::placeholder (#313131) is nearly as dark as real
       input text, making a placeholder hard to tell apart from an actual value. Lightened here
       to the same gray already used for this exact purpose elsewhere in the admin panel
       (head.blade.php's .gs-input::placeholder), scoped to this page only. */
    .form-control::placeholder,
    textarea::placeholder {
        color: #9CA3AF;
        opacity: 1;
    }
</style>
@endpush

@section('content')
<div class="col-12">
<div class="project-box p-0">

{{-- ═══════════════ APP HEADER BAR ═══════════════ --}}
<div class="d-flex align-items-center flex-wrap gap-3 px-4 py-3"
     style="background:#fff;border-bottom:1px solid #e9ecef;">
    <span class="text-primary fw-bold fs-5">App ID:&nbsp;{{ $lead->id ?? '—' }}</span>
    <div class="vr d-none d-md-block"></div>
    <div class="text-muted small">
        <span class="fw-semibold text-dark">DBA Name</span><br>
        {{ $lead->dba ?: '—' }}
    </div>
    <div class="vr d-none d-md-block"></div>
    <div class="text-muted small">
        <span class="fw-semibold text-dark">Partner</span><br>
        {{ $lead->tsys_group ?: '—' }}
    </div>
    <div class="vr d-none d-md-block"></div>
    <div class="text-muted small">
        <span class="fw-semibold text-dark">Association</span><br>
        {{ $lead->tsys_association ?: '—' }}
    </div>
    <div class="ms-auto d-flex gap-2">
        <button type="button" class="btn btn-secondary btn-sm" id="btnTransmitApp"
                {{ (!$lead || $lead->turbo_app_status != 1) ? 'disabled' : '' }}>
            Transmit App
        </button>
        <button type="button" class="btn btn-outline-secondary btn-sm" title="Download">
            <i class="bx bx-download"></i>
        </button>
    </div>
</div>

{{-- ═══════════════ BODY: FORM + SIDEBAR ═══════════════ --}}
<div class="d-flex" style="background:#f8f9fa;min-height:60vh;">

    {{-- ── Main form column ── --}}
    <div class="flex-grow-1 px-4 py-3" style="min-width:0;">

        {{-- Step sub-header --}}
        <div class="d-flex align-items-center mb-3">
            <h6 class="mb-0 fw-semibold me-2">{{ $steps[$activeTab]['label'] ?? '' }}</h6>
            <button type="button" class="btn btn-outline-secondary btn-sm ms-2" id="btnValidate">
                Validate
            </button>
        </div>

        @if(session('success'))
            <div class="alert alert-success alert-dismissible fade show py-2">
                {{ session('success') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            </div>
        @endif
        @if(session('error'))
            <div class="alert alert-danger alert-dismissible fade show py-2">
                {{ session('error') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            </div>
        @endif

        {{-- Tab content --}}
        <form method="POST"
              action="{{ $lead ? route('turbo-app.update', $lead->id) : route('turbo-app.store') }}"
              id="turboAppForm"
              autocomplete="off">
            @csrf
            @if($lead) @method('PUT') @endif
            <input type="hidden" name="turbo_app_current_tab" value="{{ $activeTab }}">

            @if($activeTab === 'business-info')
                @include('admin.turbo-app.partials.tabs.business-info')
            @elseif($activeTab === 'owner-info')
                @include('admin.turbo-app.partials.tabs.owner-info')
            @elseif($activeTab === 'products-services')
                @include('admin.turbo-app.partials.tabs.products-services')
            @elseif($activeTab === 'fee-schedule')
                @include('admin.turbo-app.partials.tabs.fee-schedule')
            @elseif($activeTab === 'docs-signing')
                @include('admin.turbo-app.partials.tabs.docs-signing')
            @endif

            {{-- Footer actions --}}
            <div class="d-flex justify-content-between align-items-center mt-4 pt-3"
                 style="border-top:1px solid #dee2e6;">
                <a href="{{ route('turbo-app.index') }}"
                   class="text-danger text-decoration-none fw-medium">Save &amp; Exit</a>
                <div class="d-flex gap-2">
                    @if($prevTab)
                        <a href="{{ $lead ? route('turbo-app.edit', [$lead->id, 'tab' => $prevTab]) : '#' }}"
                           class="btn btn-outline-secondary">Previous Step</a>
                    @else
                        <button type="button" class="btn btn-outline-secondary" disabled>Previous Step</button>
                    @endif

                    @if($nextTab)
                        <button type="submit" name="_next_tab" value="{{ $nextTab }}"
                                class="btn btn-primary">Save &amp; Continue</button>
                    @else
                        <button type="submit" class="btn btn-primary">Save &amp; Finish</button>
                    @endif
                </div>
            </div>
        </form>

    </div>{{-- end main form column --}}

    {{-- ── Application Steps Sidebar ── --}}
    <div id="appStepsSidebar"
         style="width:280px;flex-shrink:0;background:#fff;border-left:1px solid #e9ecef;">
        <div class="sticky-top" style="top:0;z-index:10;">

            {{-- Sidebar header --}}
            <div class="d-flex align-items-center justify-content-between px-3 py-3"
                 style="border-bottom:1px solid #e9ecef;">
                <span class="fw-semibold" style="font-size:0.95rem;">Application Steps</span>
                <button type="button" class="btn-close btn-sm" id="btnCloseSidebar"
                        aria-label="Close sidebar"></button>
            </div>

            {{-- Steps list --}}
            <ul class="list-unstyled mb-0">
                @foreach($steps as $key => $step)
                @php
                    $isActive = $key === $activeTab;

                    // Build the row URL
                    if ($key === 'configuration') {
                        // Configuration is already saved — no back-navigation; keep it non-navigable
                        $rowUrl     = null;
                    } elseif ($step['tab'] && $lead) {
                        $rowUrl = route('turbo-app.edit', [$lead->id, 'tab' => $step['tab']]);
                    } else {
                        $rowUrl = null;
                    }
                @endphp

                <li>
                    {{-- Entire row is a link when a URL is available --}}
                    @if($rowUrl && !$isActive)
                    <a href="{{ $rowUrl }}"
                       class="d-flex align-items-center px-3 py-3 text-decoration-none"
                       style="background:{{ $isActive ? '#eef4ff' : 'transparent' }};">
                    @else
                    <div class="d-flex align-items-center px-3 py-3"
                         style="background:{{ $isActive ? '#eef4ff' : 'transparent' }};
                                {{ $key === 'configuration' ? 'cursor:default;' : '' }}">
                    @endif

                        {{-- Icon --}}
                        <i class="bx {{ $step['icon'] }} me-3 flex-shrink-0"
                           style="font-size:1.2rem;
                                  color:{{ $isActive ? '#0d6efd' : ($step['done'] ? '#198754' : '#6c757d') }};"></i>

                        {{-- Label --}}
                        <span class="flex-grow-1 fw-medium"
                              style="font-size:0.88rem;
                                     color:{{ $isActive ? '#0d6efd' : ($step['done'] ? '#198754' : '#212529') }};">
                            {{ $step['label'] }}
                        </span>

                        {{-- Status badge / action --}}
                        @if($step['done'])
                            <i class="bx bxs-check-circle text-success flex-shrink-0"
                               style="font-size:1.2rem;"></i>
                        @elseif($key === 'configuration')
                            {{-- already done by definition, handled above --}}
                        @elseif($isActive)
                            <span class="badge bg-primary flex-shrink-0"
                                  style="font-size:0.72rem;">Current</span>
                        @else
                            <span class="badge bg-light text-secondary border flex-shrink-0"
                                  style="font-size:0.72rem;">Start</span>
                        @endif

                    @if($rowUrl && !$isActive)
                    </a>
                    @else
                    </div>
                    @endif
                </li>

                @if(!$loop->last)
                <li><hr class="my-0 mx-3" style="opacity:0.12;"></li>
                @endif
                @endforeach
            </ul>

        </div>
    </div>{{-- end sidebar --}}

</div>{{-- end body row --}}

</div>{{-- end project-box --}}
</div>{{-- end col-12 --}}

{{-- ═══════════════ MODALS ═══════════════ --}}
@include('admin.turbo-app.partials.modals.add-owner')

{{-- Re-open sidebar button (shown when sidebar is closed) --}}
<button type="button" id="btnOpenSidebar"
        class="btn btn-outline-primary btn-sm"
        style="display:none;position:fixed;top:50%;right:0;transform:translateY(-50%) rotate(-90deg);
               transform-origin:right center;z-index:1050;border-radius:4px 4px 0 0;
               writing-mode:horizontal-tb;padding:6px 10px;">
    <i class="bx bx-list-ul me-1"></i> Steps
</button>

@endsection

@push('page_script')
<script>
    // Read by the shared public/assets/js/turbo-app-address-autofill.js (also loaded by the
    // create-application-v2 wizard) for ZIP/state/country master-data lookups. Points at the
    // same generic, application-id-independent endpoint the v2 wizard uses — reused here instead
    // of building a second backend implementation for this legacy form.
    window.MASTER_URL = @json(route('turbo-app.create-application.master-data'));
(function () {

    /* ── Sidebar open/close ── */
    var $sidebar   = $('#appStepsSidebar');
    var $closeBtn  = $('#btnCloseSidebar');
    var $openBtn   = $('#btnOpenSidebar');

    $closeBtn.on('click', function () {
        $sidebar.hide();
        $openBtn.show();
    });
    $openBtn.on('click', function () {
        $sidebar.show();
        $openBtn.hide();
    });

    /* ── Validate button ── */
    $('#btnValidate').on('click', function () {
        var hasInvalid = false;
        $('#turboAppForm [required]').each(function () {
            if (!$(this).val()) {
                $(this).addClass('is-invalid');
                hasInvalid = true;
            } else {
                $(this).removeClass('is-invalid');
            }
        });
        if (!hasInvalid) {
            $(this).removeClass('btn-outline-secondary').addClass('btn-success')
                   .html('<i class="bx bx-check"></i> Valid');
        } else {
            $(this).removeClass('btn-success').addClass('btn-outline-secondary').text('Validate');
        }
    });

    $('#turboAppForm').on('change input', '[required]', function () {
        if ($(this).val()) $(this).removeClass('is-invalid');
    });

    /* ── Save & Continue: write next tab to hidden field ── */
    $('[name="_next_tab"]').on('click', function () {
        $('[name="turbo_app_current_tab"]').val($(this).val());
    });

    /* ── CC processing methods: enforce 100% ── */
    function updateCcTotal() {
        var cp  = parseFloat($('[name="turbo_app_data[card_present_pct]"]').val()) || 0;
        var ec  = parseFloat($('[name="turbo_app_data[ecommerce_pct]"]').val()) || 0;
        var mk  = parseFloat($('[name="turbo_app_data[manually_keyed_pct]"]').val()) || 0;
        var tot = cp + ec + mk;
        $('#ccMethodTotal').text(tot + '%')
            .toggleClass('text-danger',  tot !== 100)
            .toggleClass('text-success', tot === 100);
    }
    $(document).on('input',
        '[name="turbo_app_data[card_present_pct]"],' +
        '[name="turbo_app_data[ecommerce_pct]"],' +
        '[name="turbo_app_data[manually_keyed_pct]"]',
        updateCcTotal
    );
    updateCcTotal();

    /* ── Owner percentage live total ── */
    $(document).on('input', '.owner-pct-field', function () {
        var total = 0;
        $('.owner-pct-field').each(function () { total += parseFloat($(this).val()) || 0; });
        $('#ownerTotalPct').text(total.toFixed(2) + '%');
    });

    /* ── "Same as DBA" toggles ── */
    function toggleSameAs(checkId, sectionId) {
        $('#' + checkId).on('change', function () {
            $('#' + sectionId).toggle(!this.checked);
        }).trigger('change');
    }
    toggleSameAs('legalSameAsDba',      'legalAddrSection');
    toggleSameAs('chargebackSameAsDba', 'chargebackAddrSection');
    toggleSameAs('mailingSameAsDba',    'mailingAddrSection');

    /* ── Select2 ── */
    $('.select2.no-search').select2({ minimumResultsForSearch: Infinity });
    $('.select2').not('.no-search').select2();

})();
</script>
<script src="{{ asset('assets/js/turbo-app-address-autofill.js') }}?v={{ time() }}"></script>
@endpush