@extends('layouts.app')

@section('content')
<!-- <div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">Dashboard</div>

                <div class="card-body">
                    @if (session('status'))
                        <div class="alert alert-success" role="alert">
                            {{ session('status') }}
                        </div>
                    @endif

                    You are logged in!
                </div>
            </div>
        </div>
    </div>
</div> -->




              
                <!-- BEGIN CONTENT -->
                <div class="page-content-wrapper">
                    <!-- BEGIN CONTENT BODY -->
                    <div class="page-content">

                        <h1 class="page-title"> Admin Dashboard
                            <small></small>
                        </h1>
                        <!-- END PAGE TITLE-->
                        <!-- END PAGE HEADER-->
                        <!-- BEGIN DASHBOARD STATS 1-->
                        <div class="row">
                            <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                <a class="dashboard-stat dashboard-stat-v2 blue" href="{{url('depots')}}">
                                    <div class="visual">
                                        <i class="fa fa-bar-chart-o"></i>
                                    </div>
                                    <div class="details">
                                        <div class="number">
                                            <span data-counter="counterup" data-value="{{ $data['depo']}}">{{ $data['depo']}}</span>
                                        </div>
                                        <div class="desc"> Total Depots </div>
                                    </div>
                                </a>
                            </div>


                            <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                <a class="dashboard-stat dashboard-stat-v2 red" href="{{url('agent')}}">
                                    <div class="visual">
                                        <i class="fa fa-bar-chart-o"></i>
                                    </div>
                                    <div class="details">
                                        <div class="number">
                                            <span data-counter="counterup" data-value="{{ $data['agents']}}">{{ $data['agents']}}</span>
                                        </div>
                                        <div class="desc"> Total Agent </div>
                                    </div>
                                </a>
                            </div>



                            <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                <a class="dashboard-stat dashboard-stat-v2 green" href="{{url('all_orders')}}">
                                    <div class="visual">
                                        <i class="fa fa-shopping-cart"></i>
                                    </div>
                                    <div class="details">
                                        <div class="number">
                                            <span data-counter="counterup" data-value="{{ $data['new_order']}}">{{ $data['new_order']}}</span>
                                        </div>
                                        <div class="desc"> New Orders </div>
                                    </div>
                                </a>
                            </div>
                            <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                                <a class="dashboard-stat dashboard-stat-v2 purple" href="{{url('active_customer')}}">
                                    <div class="visual">
                                        <i class="fa fa-globe"></i>
                                    </div>
                                    <div class="details">
                                        <div class="number">
                                            <span data-counter="counterup" data-value="{{$data['customer']}}">{{$data['customer']}}</span>
                                        </div>
                                        <div class="desc"> Active Customers </div>
                                    </div>
                                </a>
                            </div>
                        </div>


                        <div class="clearfix"></div>
                        <!-- END DASHBOARD STATS 1-->

                        <div class="row">
                            <div class="col-lg-6 col-xs-12 col-sm-12">
                                <div class="portlet light bordered">
                                    <div class="portlet-title tabbable-line">
                                        <div class="caption">
                                            <i class="icon-bubbles font-dark hide"></i>
                                            <span class="caption-subject font-dark bold uppercase">Recent Orders</span>
                                        </div>
                                    </div>

                                    <div class="portlet-body">

                                        <table class="table table-striped table-bordered table-hover table-checkable order-column" >
                                            <thead>
                                                <tr>
                                                <th> Order Id </th>
                                                <th> Customer Name </th>    
                                                <th> Depot Name </th> 
                                                <th> Total Amount </th>
                                                <th> order Created </th>
                                                <!-- <th> View </th> -->
                                                </tr>
                                            </thead>
                                            <tbody class="order" style=" cursor:pointer;">    
                                            @foreach($data['orders'] as $value)

                                            <tr class="odd gradeX" >
                                                
                                                <td>{{$value->id}}</td>
                                                <td>{{$value->CustomerN}}</td>
                                                <td>{{$value->depot_name}}</td>
                                                <td>
                                                @php
                                                $total=$value->total_amount;
                                                $tax=$total*$data['tax']->tax;
                                                $total=$total+round($tax);
                                                @endphp
                                                {{$total+$value->shipping_charges}}
                                                </td>
                                                <td> {{$value->created_at}} </td>

                                                <td hidden="">
                                                <a href="{{ url('/')}}/view_detail/{{$value->id}}"></a>
                                                </td>

                                            </tr>

                                            @endforeach 
                                            </tbody>

                                        </table>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-6 col-xs-12 col-sm-12">
                                <div class="portlet light bordered">
                                    <div class="portlet-title tabbable-line">
                                        <div class="caption">
                                            <i class="icon-bubbles font-dark hide"></i>
                                            <span class="caption-subject font-dark bold uppercase">Depots </span>
                                        </div>
                                    </div>

                                    <div class="portlet-body">

                                        <table class="table table-striped table-bordered table-hover table-checkable order-column" id="sample_1">
                                            <thead>
                                                <tr>
                                                <th> Name </th>
                                                <th> Lot </th>                                   
                                                <th> Long </th>
                                                <th> Address </th>
                                                </tr>
                                            </thead>
                                            <tbody class="order" style=" cursor:pointer;"> 
                                            @foreach($data['depots'] as $depot)

                                            <tr class="odd gradeX">
                                                <td> {{$depot->name}}</td>
                                                <td> {{$depot->lat}}</td>
                                                <td> {{$depot->long}}</td>
                                                <td> {{$depot->address}} </td>
                                                <td hidden="">
                                                <a href="{{ url('/')}}/depots"></a>
                                                </td>
                                            </tr>

                                            @endforeach     


                                            </tbody>

                                        </table>
                                    </div>
                                </div>
                            </div>
                         
                        </div>
                       
                    <!-- END CONTENT BODY -->
               
           
<script type="text/javascript">
    $('#dashboard').addClass("active open");

      $('.order tr').click(function() {
        var href = $(this).find("a").attr("href");
        if(href) {
            window.location = href;
        }
    });
</script>
@endsection