@extends('layouts.default')

@section('content')


<div class="search-bar new-form-staic search-container">
    <div class="header-top">
    <h2 class="product-haddig">{{ __('common.portal_title') }}</h2>
</div>
    <label for="queryType">{{ __('common.select_category') }}</label>
    <select id="queryType" onchange="updatePlaceholder()">
        <option value="product">{{ __('common.product_inquiry') }}</option>
        <option value="company">{{ __('common.company_regulatory') }}</option>
        <option value="logistics">{{ __('common.shipping_logistics') }}</option>
        <option value="other">{{ __('common.other_query') }}</option>
    </select>

    <label for="searchInput" class="enter-inquiry">{{ __('common.enter_request') }}</label>
    <input type="text" id="searchInput" placeholder="{{ __('common.search_placeholder') }}" />
    <button type="button" id="askBtn">{{ __('common.submit_enquiry') }}</button>

    <div id="suggestions" class="mt-4"></div>
</div>


@include('includes.homepage-products', ['products' => $products])


<script src="{{ asset('js/home.js') }}"></script>

@stop