@extends('layouts.welcomelayouts.app')
@section('title')
<title>Dashboard | subtitle</title>
@endsection
@section('SEO')
<meta name="description" content="">
<meta name="keywords" content="">
<meta property="og:title" content="">
<meta property="og:description" content="">
<meta property="og:image" content="">
<meta property="og:url" content="">
@endsection
@push('css')
<style>
    .usersidebardiv{
        padding:0;
    }
    @media only screen and (max-width: 600px) {
      .usersidebardiv {
        padding: 15px;
      }
    }
</style>
@endpush
@section('contents')
<div class="userdashboard">
    <div class="container">
    <div class="row" style="margin:0;">
        <div class="col-12 col-lg-3 usersidebardiv">
            <div class="usersidebar">
                @include('users.include.sidebar')
            </div>
        </div>
        <div class="col-12 col-lg-9">
            <div class="usercontent">
                <p style="font-weight: bold;border-bottom: 1px solid #eaeded;padding: 10px;background: #9aedff;margin: 0;">My Profile Details</p>
                <div class="profiledetails">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="parsonalprofile">
                            <p>Personal Profile 
                            <a href="{{route('user.profileEdit')}}" class="badge badge-info">Edit Profile</a>
                            <a href="{{route('user.changePassword')}}" class="badge badge-danger">Change password</a>
                            </p>
                            <p><strong style="color:gray;">Name: </strong>{{Auth::user()->name}}</p>
                            <p><strong style="color:gray;">Email: </strong>{{Auth::user()->email}}</p>
                            <p><strong style="color:gray;">Phone: </strong>{{Auth::user()->mobile}}</p>
                            <p><strong style="color:gray;">Profile: </strong><span style="   background: #4caf50;padding: 2px 5px;border-radius: 10px;color: white;font-size: 14px;">Verified</span></p>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="parsonalprofile">
                            <p>Shipping Address</p>
                            <p><strong style="color:gray;">Address: </strong>{{Auth::user()->address}}</p>
                            <p><strong style="color:gray;">Zip-Code: </strong>{{Auth::user()->zipcode}}</p>
                            <p><strong style="color:gray;">City: </strong>{{Auth::user()->city}}</p>
                            <p><strong style="color:gray;">District: </strong>{{Auth::user()->state}}</p>
                            <p><strong style="color:gray;">Country: </strong>Bangladesh</p>
                            </div>
                        </div>
                    </div>
                </div>

                @include('alerts.alerts')
                <p style="font-weight: bold;border-bottom: 1px solid #eaeded;padding: 10px;background: #9aedff;margin: 0;">My Recent Order</p>
                <div class="myrecentorder">
                    <div style="overflow: auto;">
                    @if(Auth::user()->orders()->where('order_for', 'product')->count())