@extends('layouts.public.app')

@section('title', 'Buyer Dashboard | Chemical Wholesale')

@section('content')
    <div class="pb-4 userprofile">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-3">
                    @include('public.profile.account_nav')
                </div>
                <div class="col-lg-9">
                    <div class="cw-frontpage-title bg-white my-4 d-flex justify-content-lg-between">
                        <div>
                            <h4 class="fw-bold mb-0">My Dashboard</h4>
                            <p class="small">View and manage your orders & account</p>
                        </div>
                        {{--
                        <form action="{{ route('public.search_session') }}" method="POST" id="homesearchForm"
                            autocomplete="off">
                            @csrf
                            <div class="header-hero-search input-group d-none d-lg-flex">
                                <select name="type" class="select" id="homeSearchType">
                                    @php
                                        $session = @Common::public_search_session();
                                    @endphp
                                    @endphp
                                    <option value="product" {{ @$session['type'] == 'product' ? 'selected' : '' }}>Product
                                    </option>
                                    <option value="supplier" {{ @$session['type'] == 'supplier' ? 'selected' : '' }}>
                                        Supplier
                                    </option>
                                    <option value="document" {{ @$session['type'] == 'document' ? 'selected' : '' }}>
                                        Document
                                    </option>
                                </select>
                                <div class="autocomplete">
                                    <input type="text" name="keyword" id="keyword_home" class="form-control keyword"
                                        placeholder="Search" onkeyup="getSuggestions(this, 'homesearchSuggestions')">
                                    <div id="homesearchSuggestions" class="autocomplete-items" data-ref="homesearchForm">
                                    </div>
                                </div>
                                <button class="header-search-btn" type="submit">
                                    <i class="bi bi-search"></i>
                                </button>
                            </div>

                        </form>--}}
                    </div>
                    <div class="card border-0">
                        <div class="card-body">
                            <div class="row g-3">
                                <div class="col-lg-4">
                                    <a href="{{ route('public.orders') }}">
                                        <div class="card buyer-dashcard">
                                            <div class="card-body">
                                                <img src="{{ asset('/assets/img/icons/orders.png') }}" alt="orders"
                                                    class="buyer-dashimg">
                                                <h3 class="buyer-dash-title">My Orders</h3>
                                                <p class="buyer-dash-p">Manage all your Chemical Wholesale orders</p>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-lg-4">
                                    <a href="{{ route('public.profile') }}">
                                        <div class="card buyer-dashcard">
                                            <div class="card-body">
                                                <img src="{{ asset('/assets/img/icons/profile.png') }}" alt="profile"
                                                    class="buyer-dashimg">
                                                <h3 class="buyer-dash-title">My Profile</h3>
                                                <p class="buyer-dash-p">Manage your Chemical Wholesale profile</p>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-lg-4">
                                    <a href="{{ route('public.business') }}">
                                        <div class="card buyer-dashcard">
                                            <div class="card-body">
                                                <img src="{{ asset('/assets/img/icons/business.png') }}" alt="business"
                                                    class="buyer-dashimg">
                                                <h3 class="buyer-dash-title">My Business</h3>
                                                <p class="buyer-dash-p">Manage your Chemical Wholesale business</p>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-lg-4">
                                    <a href="{{ route('public.address') }}">
                                        <div class="card buyer-dashcard">
                                            <div class="card-body">
                                                <img src="{{ asset('/assets/img/icons/saved_address.png') }}"
                                                    alt="saved_address" class="buyer-dashimg">
                                                <h3 class="buyer-dash-title">Saved Addresses</h3>
                                                <p class="buyer-dash-p">Manage your Address Information</p>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-lg-4">
                                    <a href="{{ route('public.chat') }}">
                                        <div class="card buyer-dashcard">
                                            <div class="card-body">
                                                <img src="{{ asset('/assets/img/icons/messages.png') }}" alt="messages"
                                                    class="buyer-dashimg">
                                                <h3 class="buyer-dash-title">Messages</h3>
                                                <p class="buyer-dash-p">Find all your messages in one place.</p>
                                            </div>
                                        </div>
                                    </a>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@push('css')
@endpush
@push('js')
@endpush