@extends('frontend.partials.master')
@section('title')
<title>User Dashboard</title>
@endsection
@section('SEO')
<meta name="description" content="" />
        <meta name="keywords" content="" />
        <meta property="og:title" content="Dashboard - " />
        <meta property="og:description" content="" />
        <meta property="og:image" content="" />
        <meta property="og:url" content="" />
        <link rel="canonical" href="{{route('customer.dashboard')}}">
@endsection
@push('css')
<style type="text/css">
    .shippingTable tr td {
        padding: 5px;
    }
    .usercontent {
        background: white;
        padding: 0px;
        border: 0px solid #dadada;
    }
     .userdashboard{
        min-height: 550px;
    }
    @media (max-width: 768px) {
       .userdashboard{
            min-height: 300px;
        } 
    }
</style>
@endpush
@section('content')
<div class="userdashboard mt-5">
    <div class="container">
    <div class="row" style="margin:0;">
        <div class="col-lg-3 usersidebardiv">
            @include('customer.includes.sidebar')
        </div>
        <div class="col-lg-9 usermainbody">
            <div class="usercontent">
                <div class="profiledetails">
                    <div class="row" style="margin: 0;padding: 10px;">
                        <div class="col-6 col-md-2">
                            <div class="profileImage">
                                <img src="" width="100px">
                            </div>
                        </div>
                        <div class="col-6 col-md-6">
                            <div class="parsonalprofile2">
                            <p><i class="fa fa-user"></i> {{Auth::user()->name??''}}</p>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="parsonalprofile">
                                <a href="{{route('customer.profileEdit')}}" class="editPrifilebtn">Edit Profile</a>
                                <a href="{{route('customer.changePassword')}}" class="editPrifilebtn">Change password</a>
                            </div>
                        </div>
                    </div>
                    <div class="row" style="background: #fafafa;margin: 0;padding: 10px;text-align: center;">
                        <div class="dashboardcountinfo">
                            <span>{{Auth::user()->orders()->count()}}</span>
                            <p><a href="{{route('customer.myOrders')}}">All Order</a></p>
                        </div>
                        <div class="dashboardcountinfo">
                            <span>{{Auth::user()->orders()->where('sale_status',2)->count()}}</span>
                            <p><a href="{{route('customer.myOrders',['type'=>2])}}">Pending Order</a></p>
                        </div>
                        <div class="dashboardcountinfo">
                            <span>{{Auth::user()->orders()->where('sale_status',1)->count()}}</span>
                            <p><a href="{{route('customer.myOrders',['type'=>1])}}">Complete Order</a></p>
                        </div>
                        <div class="dashboardcountinfo">
                            <span>{{Auth::user()->orders()->where('sale_status',5)->count()}}</span>
                            <p><a href="{{route('customer.myOrders',['type'=>5])}}">Packing Order</a></p>
                        </div>
                        <div class="dashboardcountinfo">
                            <span>{{Auth::user()->orders()->where('sale_status',6)->count()}}</span>
                            <p><a href="{{route('customer.myOrders',['type'=>6])}}">Delivered Order</a></p>
                        </div>
                    </div>
                </div>


                <div class="row">
                     <div class="col-md-12">
                        <div class="dashbaordInfo">
                        <p>Shipping Address</p>
                        <table class="table table-bordered shippingTable">
                            <tr>
                                <td>Email</td>
                                <td> {{Auth::user()->email}}</td>
                            </tr>
                            <tr>
                                <td>Phone</td>
                                <td> {{Auth::user()->phone}}</td>
                            </tr>
                            <tr>
                                <td style="width:30%;">Address</td>
                                <td> {!!Auth::user()->address!!}</td>
                            </tr>
                            
                            <tr>
                                <td>Country </td>
                                <td> Bangladesh</td>
                            </tr>
                        </table>
                              
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
    </div>
    </div>
</div>
@endsection
@push('js')
@endpush