<x-head />
<x-header />

<div class="dashboard_content_wrapper">
    <div class="dashboard dashboard_wrapper pr30 pr0-xl">
        <div class="dashboard__sidebar d-none d-lg-block">
            <x-app_sidebar />
        </div>
        <div class="dashboard__main pl0-md">
            <div class="dashboard__content hover-bgc-color">
                <div class="row pb40">
                    <div class="col-lg-12">

                        <x-app_nav />

                    </div>
                    @php
                    $user = session()->get('user');
                    $name = $user ? $user['name'] : 'Guest';
                    $hour = date('H');

                    if ($hour < 12) { $greeting='Good morning' ; } elseif ($hour < 18) { $greeting='Good afternoon' ; }
                        else { $greeting='Good evening' ; } @endphp <div class="col-lg-12">
                        <div class="col-lg-12">
                            <div class="dashboard_title_area">
                                <h2>    {{ $user['role'] === 'buyer' ? 'Customer' : 'Provider' }} Account</h2>
                                <p class="text">{{ $greeting }} {{ $name }}. Welcome back</p>
                            </div>
                        </div>
                </div>
                @yield('app')
            </div>
            <footer class="dashboard_footer pt30 pb30">
                <div class="container">
                    <div class="row azalign-items-center justify-content-center justify-content-md-between">
                        <div class="col-auto">
                            <div class="copyright-widget">
                                <p class="mb-md-0">© {{ env('APP_NAME') }}. {{ date("Y")}}. All rights reserved.</p>
                            </div>
                        </div>
                        <div class="col-auto">
                        </div>
                    </div>
                </div>
            </footer>
        </div>
    </div>
</div>


<div wire:offline>
    <section class="our-error">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-xl-6 wow fadeInRight" data-wow-delay="300ms">
                    <div class="animate_content text-center text-xl-start">
                        <div class="animate_thumb">
                            <img class="w-100" src="{{ asset('images/icon/error-page-img.svg') }}" alt="error-page-img">
                        </div>
                    </div>
                </div>
                <div class="col-xl-5 offset-xl-1 wow fadeInLeft" data-wow-delay="300ms">
                    <div class="error_page_content text-center text-xl-start">
                        <div class="erro_code">Offline<span class="text-thm"></span></div>
                        <div class="h2 error_title">Oops! It looks like you have no internet connectoion.</div>
                        <p class="text fz15 mb20">The page you're looking for isn't available offline.</p>
                        <a href="#" class="ud-btn btn-thm">Try again<i class="fal fa-arrow-right-long"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>

<x-html />