@php($headerOption = \App\Http\Controllers\Controller::getHeaderOptions(
    $title ?? ($lead ? 'Edit Application' : 'New Application'),
    '',
    [],
    []
))
@extends('admin.layouts.layout', $headerOption)
@section('content')
<div class="col-12">
    <div class="project-box">
        <div class="row">

            {{-- Sidebar navigation --}}
            <div class="col-md-3 col-12 mb-4">
                <div class="card shadow-sm">
                    <div class="card-body p-0">
                        <ul class="nav flex-column turbo-app-sections" id="sectionNav">
                            @php($sections = [
                                'business-info'      => 'Business Info',
                                'contact'            => 'Contact',
                                'address'            => 'Address',
                                'processing-details' => 'Processing Details',
                                'processor-tsys'     => 'Processor / TSYS',
                            ])
                            @php($lastSection = $lead->turbo_app_last_section ?? 'business-info')
                            @foreach($sections as $key => $label)
                            <li class="nav-item">
                                <a class="nav-link {{ $loop->first ? 'active' : '' }}"
                                   href="#section-{{ $key }}"
                                   data-section="{{ $key }}"
                                   data-bs-toggle="pill">
                                    {{ $label }}
                                </a>
                            </li>
                            @endforeach
                        </ul>
                    </div>
                </div>

                @if($lead && $lead->turbo_app_status == 1)
                <div class="mt-3">
                    <div class="d-flex justify-content-between mb-1">
                        <small>Completion</small>
                        <small><strong>{{ $lead->turbo_app_completion_pct ?? 0 }}%</strong></small>
                    </div>
                    <div class="progress" style="height:10px;">
                        <div class="progress-bar bg-primary"
                             style="width:{{ $lead->turbo_app_completion_pct ?? 0 }}%">
                        </div>
                    </div>
                </div>
                @endif
            </div>

            {{-- Form --}}
            <div class="col-md-9 col-12">
                @if(session('success'))
                <div class="alert alert-success">{{ session('success') }}</div>
                @endif
                @if(session('error'))
                <div class="alert alert-danger">{{ session('error') }}</div>
                @endif

                <form method="POST"
                      action="{{ $lead ? route('turbo-app.update', $lead->id) : route('turbo-app.store') }}">
                    @csrf
                    @if($lead) @method('PUT') @endif
                    <input type="hidden" name="current_section" id="currentSectionInput" value="{{ $lastSection ?? 'business-info' }}">

                    {{-- Section 1: Business Info --}}
                    <div class="turbo-app-section" id="section-business-info">
                        <h5 class="mb-3">Business Information</h5>
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label class="form-label">DBA Name</label>
                                <input type="text" name="dba" class="form-control"
                                       value="{{ old('dba', $lead->dba ?? $defaults['dba'] ?? '') }}">
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">Legal Name</label>
                                <input type="text" name="legal_name" class="form-control"
                                       value="{{ old('legal_name', $lead->legal_name ?? $defaults['legal_name'] ?? '') }}">
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">Ownership Type</label>
                                <select name="ownership_type" class="form-control select2 no-search">
                                    <option value="">Select Type</option>
                                    @php($ownershipTypes = ['sole_prop' => 'Sole Proprietorship','llc' => 'LLC','corp' => 'Corporation','partnership' => 'Partnership'])
                                    @foreach($ownershipTypes as $val => $lbl)
                                    <option value="{{ $val }}"
                                        {{ old('ownership_type', $lead->ownership_type ?? $defaults['ownership_type'] ?? '') == $val ? 'selected' : '' }}>
                                        {{ $lbl }}
                                    </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">Tax ID / EIN</label>
                                <input type="text" name="tax_id" class="form-control"
                                       value="{{ old('tax_id', $lead->tax_id ?? $defaults['tax_id'] ?? '') }}">
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">Years in Business</label>
                                <input type="number" name="years_in_business" class="form-control" min="0"
                                       value="{{ old('years_in_business', $lead->years_in_business ?? $defaults['years_in_business'] ?? '') }}">
                            </div>
                        </div>
                        <div class="d-flex justify-content-end">
                            <button type="button" class="btn btn-outline-primary next-section" data-next="contact">Next →</button>
                        </div>
                    </div>

                    {{-- Section 2: Contact --}}
                    <div class="turbo-app-section d-none" id="section-contact">
                        <h5 class="mb-3">Contact Information</h5>
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label class="form-label">First Name</label>
                                <input type="text" name="first_name" class="form-control"
                                       value="{{ old('first_name', $lead->first_name ?? '') }}">
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">Last Name</label>
                                <input type="text" name="last_name" class="form-control"
                                       value="{{ old('last_name', $lead->last_name ?? '') }}">
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">Email</label>
                                <input type="email" name="email" class="form-control"
                                       value="{{ old('email', $lead->email ?? '') }}">
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">Phone</label>
                                <input type="text" name="phone" class="form-control"
                                       value="{{ old('phone', $lead->phone ?? '') }}">
                            </div>
                        </div>
                        <div class="d-flex justify-content-between">
                            <button type="button" class="btn btn-outline-secondary prev-section" data-prev="business-info">← Back</button>
                            <button type="button" class="btn btn-outline-primary next-section" data-next="address">Next →</button>
                        </div>
                    </div>

                    {{-- Section 3: Address --}}
                    <div class="turbo-app-section d-none" id="section-address">
                        <h5 class="mb-3">Address</h5>
                        <div class="row">
                            <div class="col-12 mb-3">
                                <label class="form-label">Street Address</label>
                                <input type="text" name="address" class="form-control"
                                       value="{{ old('address', $lead->address ?? $defaults['address'] ?? '') }}">
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">City</label>
                                <input type="text" name="city" class="form-control"
                                       value="{{ old('city', $lead->city ?? $defaults['city'] ?? '') }}">
                            </div>
                            <div class="col-md-3 mb-3">
                                <label class="form-label">State</label>
                                <input type="text" name="state" class="form-control" maxlength="10"
                                       value="{{ old('state', $lead->state ?? $defaults['state'] ?? '') }}">
                            </div>
                            <div class="col-md-3 mb-3">
                                <label class="form-label">Zip</label>
                                <input type="text" name="zip" class="form-control" maxlength="10"
                                       value="{{ old('zip', $lead->zip ?? $defaults['zip'] ?? '') }}">
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">Country</label>
                                <input type="text" name="country" class="form-control" maxlength="10"
                                       value="{{ old('country', $lead->country ?? $defaults['country'] ?? 'US') }}">
                            </div>
                        </div>
                        <div class="d-flex justify-content-between">
                            <button type="button" class="btn btn-outline-secondary prev-section" data-prev="contact">← Back</button>
                            <button type="button" class="btn btn-outline-primary next-section" data-next="processing-details">Next →</button>
                        </div>
                    </div>

                    {{-- Section 4: Processing Details --}}
                    <div class="turbo-app-section d-none" id="section-processing-details">
                        <h5 class="mb-3">Processing Details</h5>
                        <div class="row">
                            <div class="col-md-4 mb-3">
                                <label class="form-label">Monthly Volume ($)</label>
                                <input type="number" name="monthly_volume" class="form-control" step="0.01" min="0"
                                       value="{{ old('monthly_volume', $lead->monthly_volume ?? $defaults['monthly_volume'] ?? '') }}">
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label">Average Ticket ($)</label>
                                <input type="number" name="average_ticket" class="form-control" step="0.01" min="0"
                                       value="{{ old('average_ticket', $lead->average_ticket ?? $defaults['average_ticket'] ?? '') }}">
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label">High Ticket ($)</label>
                                <input type="number" name="high_ticket" class="form-control" step="0.01" min="0"
                                       value="{{ old('high_ticket', $lead->high_ticket ?? $defaults['high_ticket'] ?? '') }}">
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">Card Present %</label>
                                <input type="number" name="card_present_pct" class="form-control" min="0" max="100"
                                       value="{{ old('card_present_pct', $lead->card_present_pct ?? $defaults['card_present_pct'] ?? '') }}">
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">Card Not Present %</label>
                                <input type="number" name="card_not_present_pct" class="form-control" min="0" max="100"
                                       value="{{ old('card_not_present_pct', $lead->card_not_present_pct ?? $defaults['card_not_present_pct'] ?? '') }}">
                            </div>
                        </div>
                        <div class="d-flex justify-content-between">
                            <button type="button" class="btn btn-outline-secondary prev-section" data-prev="address">← Back</button>
                            <button type="button" class="btn btn-outline-primary next-section" data-next="processor-tsys">Next →</button>
                        </div>
                    </div>

                    {{-- Section 5: Processor / TSYS --}}
                    <div class="turbo-app-section d-none" id="section-processor-tsys">
                        <h5 class="mb-3">Processor / TSYS Settings</h5>
                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label class="form-label">Processor</label>
                                <select name="processor" class="form-control select2 no-search">
                                    <option value="">Select Processor</option>
                                    @foreach($processors as $pid => $pname)
                                    <option value="{{ $pid }}"
                                        {{ old('processor', $lead->processor ?? $defaults['processor'] ?? '') == $pid ? 'selected' : '' }}>
                                        {{ $pname }}
                                    </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">TSYS Association</label>
                                <input type="text" name="tsys_association" class="form-control"
                                       value="{{ old('tsys_association', $lead->tsys_association ?? $defaults['tsys_association'] ?? '') }}">
                            </div>
                            <div class="col-md-6 mb-3">
                                <label class="form-label">TSYS Group</label>
                                <input type="text" name="tsys_group" class="form-control"
                                       value="{{ old('tsys_group', $lead->tsys_group ?? $defaults['tsys_group'] ?? '') }}">
                            </div>
                            @if($lead && $lead->tsys_mid)
                            <div class="col-md-6 mb-3">
                                <label class="form-label">TSYS MID (assigned)</label>
                                <input type="text" class="form-control" value="{{ $lead->tsys_mid }}" readonly>
                            </div>
                            @endif
                        </div>

                        <div class="d-flex justify-content-between align-items-center mt-3">
                            <button type="button" class="btn btn-outline-secondary prev-section" data-prev="processing-details">← Back</button>
                            <div class="d-flex gap-2">
                                <button type="submit" name="save_action" value="draft" class="btn btn-outline-secondary">
                                    <i class="bx bx-save"></i> Save Draft
                                </button>
                                @if($lead && in_array($lead->turbo_app_status, [1,6]))
                                <button type="button" class="btn btn-primary js-submit-application"
                                        data-id="{{ $lead->id }}"
                                        data-url="{{ route('turbo-app.change-status', $lead->id) }}">
                                    <i class="bx bx-send"></i> Submit Application
                                </button>
                                @endif
                            </div>
                        </div>
                    </div>

                </form>
            </div>
        </div>
    </div>
</div>
@endsection
@push('page_script')
<script>
(function () {
    var sections = ['business-info','contact','address','processing-details','processor-tsys'];
    var $nav     = $('#sectionNav .nav-link');
    var $sectionInput = $('#currentSectionInput');

    function showSection(key) {
        $('.turbo-app-section').addClass('d-none');
        $('#section-' + key).removeClass('d-none');
        $nav.removeClass('active');
        $nav.filter('[data-section="' + key + '"]').addClass('active');
        $sectionInput.val(key);

        // Persist last section via AJAX if editing
        @if($lead)
        $.post('{{ route('turbo-app.update', $lead->id ?? 0) }}', {
            _token: '{{ csrf_token() }}',
            _method: 'PUT',
            current_section: key
        });
        @endif
    }

    // Start on last visited section
    var startSection = '{{ $lead->turbo_app_last_section ?? "business-info" }}';
    if (sections.indexOf(startSection) !== -1) {
        showSection(startSection);
    }

    $(document).on('click', '.next-section', function () { showSection($(this).data('next')); });
    $(document).on('click', '.prev-section', function () { showSection($(this).data('prev')); });
    $(document).on('click', '[data-section]', function (e) {
        e.preventDefault();
        showSection($(this).data('section'));
    });

    // Submit to TSYS
    $(document).on('click', '.js-submit-application', function () {
        var $btn = $(this);
        if (!confirm('Submit this application to TSYS? This cannot be undone.')) return;
        $.post($btn.data('url'), {
            _token: '{{ csrf_token() }}',
            status: 2
        }, function (res) {
            if (res && res.status) {
                window.location.reload();
            }
        }).fail(function () {
            alert('Error submitting application. Please try again.');
        });
    });
})();
</script>
@endpush