@include('top')

<div id="app">
    <App></App>
</div>

@if(isset($manufacturers))
<script>
    window.preloadedManufacturers = @json($manufacturers);
</script>
@endif

@if(isset($preloaded_oem_page_title))
<script>
    window.preloadedOemCode = @json($preloaded_oem_code ?? null);
    window.preloadedOemPageTitle = @json($preloaded_oem_page_title);
    window.preloadedOemHasResults = @json($preloaded_oem_has_results ?? null);
    window.preloadedOemParts = @json($preloaded_oem_parts ?? []);
    window.preloadedOemSuggestions = @json($preloaded_oem_suggestions ?? []);
</script>
@endif

@if(isset($preloaded_oem_page_title))
<noscript>
    <main class="container mt-5 mb-5">
        <h1>{{ $preloaded_oem_page_title }}</h1>
        @if(!empty($preloaded_oem_parts))
            <div class="table-responsive">
                <table class="table">
                    <thead>
                        <tr>
                            <th>{{ __('default.price') }}</th>
                            <th>{{ __('default.price_vat') }}</th>
                            <th>{{ __('default.manufacturer') }}</th>
                            <th>OEM</th>
                            <th>{{ __('default.description') }}</th>
                            <th>{{ __('default.delivery') }}</th>
                        </tr>
                    </thead>
                    <tbody>
                    @foreach($preloaded_oem_parts as $part)
                        <tr>
                            <td>{{ $part['price'] ?? '-' }}</td>
                            <td>{{ $part['price_vat'] ?? '-' }}</td>
                            <td>{{ $part['manufacture'] ?? '' }}</td>
                            <td>{{ $part['oem'] ?? '' }}</td>
                            <td>{{ $part['description'] ?? '' }}</td>
                            <td>{{ $part['delivery_days'] ?? '' }}</td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        @else
            <p>{{ $preloaded_oem_page_title }}</p>
        @endif
    </main>
</noscript>
@endif

<div id="preload">

</div>

@include('bottom')

<script>
    document.addEventListener('render-event', function() {
        const preload = document.getElementById('preload');
        if (preload) {
            preload.style.display = 'none';
        }
    });
</script>