@extends('layout', ['profile' => true])
@section('content')
    <div class="shop-single padding-tb ">
        <div class=" grid grid-cols-12 gap-[5px] lg:gap-[20px]">

            @include('profile._aside' ,['active'=>'setting'])
            <div class="col-span-12 sm:col-span-11 lg:col-span-10 h-fit mt-5 " style=" min-height: 30vw; ">
                <!--sidebar ends here-->
                <div class=" my-2 mx-auto mx-md-1 d-block text-center"  style=" width: max-content; ">
                    <span class="font-roboto text-[20px] font-semibold  block text-[#101115] ">{{ __e('Welcome') }}
                        {{ auth()->user()->en_f_name }}!

                    </span>
                </div>
                <!-- mob dashboard  -->
                @include('profile._mob_profile', ['active' => 'setting'])


                @livewire('setting-component')
                <!--settings starts here-->

            </div>
            <!--settings ends here-->

        </div>
        <!-- blog section ending here -->
    </div>
@endsection