@extends('layouts.app')
@section('title')
    {{ config('app.name', 'Laravel') }} | {{ __('common.dashboard') }}
@endsection
@section('heading')
    {{ __('common.dashboard') }}
@endsection
@section('heading-icon')
    <i class="nav-icon material-icons">home</i>
@endsection
@section('page-breadcrumbs')
    {{ Breadcrumbs::render($options['route_name'] ?? '') }}
@endsection
@section('content')
    @include('includes.alerts')
    <!-- Small boxes (Stat box) -->
    <div class="row">
        <chat-component></chat-component>

        {{--
        @foreach ($widgets as $key => $widget)
            <div class="{{ $widget['block_class'] }}">
                <!-- small box -->
                <div class="small-box {{ $widget['box_class'] }}">
                    <div class="inner">
                        <h5>{{ $widget['title'] }}</h5>
                        <h3 style="margin-left: 50px">{{ $widget['summary'] }}</h3>
                    </div>
                    <div class="icon">
                        {!! $widget['icon'] !!}
                    </div>
                    @if ($widget['more_info'] !== '')
                        <a href="{{ url($widget['more_info']) }}"
                            class="small-box-footer"><span>{{ __('common.more_info') }}</span> <i
                                class="material-icons">forward</i></a>
                    @endif
                </div>
            </div>
        @endforeach
        --}}

        <div class="container-fluid">
            <div class="row ">
                @foreach ( $widgets as $widget )
                    <div class="col-xl-3 col-lg-4 col-sm-12">
                        <div class="card l-bg-cherry {{ $widget['box_class'] }}">
                            <div class="card-statistic-3 p-4">
                                <div class="card-icon card-icon-large">{!! $widget['icon'] !!}</div>
                                <div class="mb-4">
                                    <h5 class="card-title mb-0">{{ $widget['title'] }}</h5>
                                </div>
                                <div class="row align-items-center mb-2 d-flex">
                                    <div class="col-8">
                                        <h2 class="d-flex align-items-center mb-0">
                                        {{ $widget['summary'] }}
                                        </h2>
                                    </div>
                                    <div class="col-4 text-right">
                                        <!-- <span>12.5% <i class="fa fa-arrow-up"></i></span> -->
                                        @if ($widget['more_info'] !== '')
                                            <a href="{{ url($widget['more_info']) }}"
                                                class="small-box-footer"><span>{{ __('common.more_info') }}</span> <i
                                                    class="material-icons">forward</i></a>
                                        @endif
                                    </div>
                                </div>
                                <!-- <div class="progress mt-1 " data-height="8" style="height: 8px;">
                                    <div class="progress-bar l-bg-cyan" role="progressbar" data-width="25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100" style="width: 25%;"></div>
                                </div> -->
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
    {{-- {{dd($recent_orders)}} --}}
    @if (auth()->id() == 1)
        <div class="row">
            <div class="col-md-6 col-12">
                <div class="card">
                    <div class="card-header" style="font-weight: bold; font-size:22px">
                        {{ __('common.recent_orders') }}
                    </div>
                    <div class="card-body" style="height:600px;">
                        <div class="table-responsive">
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th>{{ __('common.order_id') }}</th>
                                        <th>{{ __('common.product_name') }}</th>
                                        <th>{{ __('common.created_on') }}</th>
                                        <th>{{ __('common.status') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($recent_orders as $orders)
                                        @foreach ($orders->ProductDetail as $product_name)
                                            <tr>
                                                <td>{{ $orders->id }}</td>
                                                <td>{{ $product_name->product_name }}</td>
                                                <td>{{ date('d-m-Y', strtotime($orders->created_at)) }}
                                                </td>
                                                <td><label
                                                        class="badge badge-danger">{{ $orders->status }}</label></td>
                                                </tr>
                                        @endforeach
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            {{-- {{dd($top_products)}} --}}
            <div class="col-md-6 col-12">
                <div class="card">
                    <div class="card-header" style="font-weight: bold; font-size:22px">
                        {{ __('common.top_products') }}
                    </div>
                    <div class="card-body" style="height:600px;">
                        <div class="table-responsive">
                            <table class="table">
                                <thead>
                                    <tr>
                                        {{-- <th>Order ID</th> --}}
                                        <th>{{ __('common.product_name') }}</th>
                                        <th>{{ __('common.created_on') }}</th>
                                        {{-- <th>Status</th> --}}
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($top_products as $products)
                                        <tr>
                                            {{-- <td>{{$orders->order[0]->order_number}}</td> --}}
                                            <td>{{ $products->product_name }}</td>
                                            <td>{{ date('d-m-Y', strtotime($products->created_at)) }}</td>
                                            {{-- <td><label class="badge badge-danger">{{$orders->status}}</label></td> --}}
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            {{-- {{dd($top_sellers)}} --}}
            <div class="col-md-6 col-12">
                <div class="card">
                    <div class="card-header" style="font-weight: bold; font-size:22px">
                        {{ __('common.top_sellers') }}
                    </div>
                    <div class="card-body" style="height:600px;">
                        <div class="table-responsive">
                            <table class="table">
                                <thead>
                                    <tr>
                                        {{-- <th>Order ID</th> --}}
                                        <th>{{ __('common.seller_name') }}</th>
                                        <th>{{ __('common.created_on') }}</th>
                                        {{-- <th>Status</th> --}}
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($top_sellers as $sellers)
                                        <tr>
                                            {{-- <td>{{$orders->order[0]->order_number}}</td> --}}
                                            <td>{{ $sellers->owner_name }}</td>
                                            <td>{{ date('d-m-Y', strtotime($sellers->created_at)) }}</td>
                                            {{-- <td><label class="badge badge-danger">{{$orders->status}}</label></td> --}}
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-12">
                <div class="card">
                    <div class="card-header" style="font-weight: bold; font-size:22px">

                        {{ __('common.new_sellers') }}
                    </div>
                    <div class="card-body" style="height:600px;">
                        <div class="table-responsive">
                            <table class="table">
                                <thead>
                                    <tr>
                                        {{-- <th>Order ID</th> --}}
                                        <th>{{ __('common.seller_name') }}</th>
                                        <th>{{ __('common.created_on') }}</th>
                                        {{-- <th>Status</th> --}}
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($new_sellers as $new_sellers)
                                        <tr>
                                            {{-- <td>{{$orders->order[0]->order_number}}</td> --}}
                                            <td>{{ $new_sellers->owner_name }}</td>
                                            <td>{{ date('d-m-Y', strtotime($new_sellers->created_at)) }}</td>
                                            {{-- <td><label class="badge badge-danger">{{$orders->status}}</label></td> --}}
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endif
@endsection
@push( 'head.end' )
    <style>
        .color-1 {
            background-color: #ffadad;
        }
        .color-2 {
            background-color: #ffd6a5;
        }
        .color-3 {
            background-color: #a0c4ff;
        }
        .color-4 {
            background-color: #deb68a;
        }
    </style>
@endpush