@extends('admin.layouts.master')
@section('title', 'Dashboard')
@section('content')
    @php
        function daysleft($date){
$datetime1 = new DateTime(date('Y-m-d'));
$datetime2 = new DateTime($date);
$difference = $datetime1->diff($datetime2);

echo               $difference->y.' years, '
           .$difference->m.' months, '
           .$difference->d.' days';
}


    @endphp
    <!-- Page Wrapper -->

    <div class="page-wrapper">
        <div class="content container-fluid">
            <!-- Page Header -->
            <div class="page-header">
                <div class="row">
                    <div class="col-sm-12">
                        <h3 class="page-title">Welcome {{ Auth::user()->name }}</h3>
                        <ul class="breadcrumb">
                            <li class="breadcrumb-item active">Dashboard</li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- /Page Header -->
            @if(Auth::user()->role==1) 
                <a href="/calculatecommission" target="_blank" class="btn btn-success">Calculate Commission</a>
                
                 <a href="/recalculate" target="_blank"  class="btn btn-success">Stock Recalculate</a>
                
            @endif


            @if(Auth::user()->user_type==4)

                <div class="row">

                    <div class="col-xl-3 col-sm-6 col-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="dash-widget-header">
									<span class="dash-widget-icon bg-success">
										<i class="fe fe-money"></i>
									</span>
                                    <div class="dash-count">

                                    </div>
                                </div>
                                <div class="dash-widget-info">
                                    <h3>{{$count_product}}</h3>
                                    <h6 class="text-muted">Product</h6>
                                    <div class="progress progress-sm">
                                        <div class="progress-bar bg-success w-100"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-sm-6 col-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="dash-widget-header">
									<span class="dash-widget-icon bg-danger">
										<i class="fe fe-credit-card"></i>
									</span>
                                    <div class="dash-count">

                                    </div>
                                </div>
                                <div class="dash-widget-info">
                                    <h3>{{$count_category}}</h3>
                                    <h6 class="text-muted">Category</h6>
                                    <div class="progress progress-sm">
                                        <div class="progress-bar bg-danger w-100"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-sm-6 col-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="dash-widget-header">
									<span class="dash-widget-icon bg-warning">
										<i class="fe fe-folder"></i>
									</span>
                                    <div class="dash-count">

                                    </div>
                                </div>
                                <div class="dash-widget-info">
                                    <h3>{{Auth::user()->customer_target}}</h3>
                                    <h6 class="text-muted">Customer Target</h6>
                                    <div class="progress progress-sm">
                                        <div class="progress-bar bg-warning w-100"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-sm-6 col-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="dash-widget-header">
									<span class="dash-widget-icon bg-primary">
										<i class="fe fe-users"></i>
									</span>
                                    <div class="dash-count">



                                    </div>
                                </div>
                                <div class="dash-widget-info">
                                    <h3>{{Auth::user()->sell_target}}</h3>
                                    <h6 class="text-muted">Sell Target</h6>
                                    <div class="progress progress-sm">
                                        <div class="progress-bar bg-primary w-100"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


            @endif








            @if(Auth::user()->user_type==1)
                <div class="row">
                    <div class="col-xl-3 col-sm-6 col-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="dash-widget-header">
									<span class="dash-widget-icon bg-primary">
										<i class="fe fe-users"></i>
									</span>
                                    <div class="dash-count">
                                        @if(Auth::user()->role==7)
                                            <a href="#"><i class="fa fa-arrow-right text-success"></i></a>
                                        @else
                                            <a href="{{ url('customer') }}"><i class="fa fa-arrow-right text-success"></i></a>
                                        @endif

                                    </div>
                                </div>
                                <div class="dash-widget-info">
                                    <h3>{{$count_user}}</h3>
                                    <h6 class="text-muted">Users</h6>
                                    <div class="progress progress-sm">
                                        <div class="progress-bar bg-primary w-100"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-sm-6 col-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="dash-widget-header">
									<span class="dash-widget-icon bg-success">
										<i class="fe fe-money"></i>
									</span>
                                    <div class="dash-count">
                                        <a href="{{ url('product') }}"><i class="fa fa-arrow-right text-danger"></i></a>
                                    </div>
                                </div>
                                <div class="dash-widget-info">
                                    <h3>{{$count_product}}</h3>
                                    <h6 class="text-muted">Product</h6>
                                    <div class="progress progress-sm">
                                        <div class="progress-bar bg-success w-100"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-sm-6 col-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="dash-widget-header">
									<span class="dash-widget-icon bg-danger">
										<i class="fe fe-credit-card"></i>
									</span>
                                    <div class="dash-count">
                                        <a href="{{ url('category') }}"><i class="fa fa-arrow-right text-danger"></i></a>
                                    </div>
                                </div>
                                <div class="dash-widget-info">
                                    <h3>{{$count_category}}</h3>
                                    <h6 class="text-muted">Category</h6>
                                    <div class="progress progress-sm">
                                        <div class="progress-bar bg-danger w-100"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-sm-6 col-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="dash-widget-header">
									<span class="dash-widget-icon bg-warning">
										<i class="fe fe-folder"></i>
									</span>
                                    <div class="dash-count">
                                        <a href="{{ url('blog') }}"><i class="fa fa-arrow-right text-success"></i></a>
                                    </div>
                                </div>
                                <div class="dash-widget-info">
                                    <h3>{{$count_blog}}</h3>
                                    <h6 class="text-muted">Blogs</h6>
                                    <div class="progress progress-sm">
                                        <div class="progress-bar bg-warning w-100"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


                @if(Auth::user()->role==7)

                    <div class="row">
                        <div class="col-md-12 d-flex">

                            <!-- Recent Orders -->
                            <div class="card card-table flex-fill">
                                <div class="card-header" style="display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between;">
                                    <h4 class="card-title">Recent Active Order</h4><span> <div><input type="checkbox" id="sound" onclick="enablesound()" )> <label
                                                for="sound">Sound Notification</label></div></span>
                                </div>
                                <div class="card-body neworder">
                                </div>
                            </div>
                        </div>
                    </div>
                    <input type="hidden" id="ordercount">
                    <script>
                        function enablesound() {
                            $('<audio id="chatAudio"><source src="notify.ogg" type="audio/ogg"><source src="notify.mp3" type="audio/mpeg"><source src="notify.wav" type="audio/wav"></audio>').appendTo('body');
                            $('#chatAudio')[0].play();
                        }

                        $(document).ready(function () {
                            setInterval(function () {
                                var ordercount = $('#ordercount').val();
                                $.get('/chkneworder/', function (res) {
                                    if (res > ordercount) {

                                        if ($('#sound').is(':checked')) {
                                            //play sound
                                            //Appending HTML5 Audio Tag in HTML Body
                                            $('<audio id="chatAudio"><source src="notify.ogg" type="audio/ogg"><source src="notify.mp3" type="audio/mpeg"><source src="notify.wav" type="audio/wav"></audio>').appendTo('body');
                                            $('#chatAudio')[0].play();
                                            //play sound
                                        }
                                        pullorder();
                                        $("#ordercount").val(res);
                                    }
                                })
                            }, 3000);
                            pullorder();
                        });

                        function pullorder() {
                            $.get('/neworder/', function (res) {
                                $(".neworder").html(res);
                            })
                        }
                    </script>
                    <div class="row">
                        <div class="col-md-12 d-flex">

                            <!-- Recent Orders -->
                            <div class="card card-table flex-fill">
                                <div class="card-body">
                                    <div class="table-responsive">
                                        <table class="table table-hover table-center">
                                            <tbody>
                                            @if(Auth::user()->trade_licence_validupto < date('Y-m-d'))
                                                <tr>
                                                    <td class="text-nowrap">1</td>
                                                    <td class="text-nowrap">
                                                        <div class="font-weight-600">Trade Licence</div>
                                                    </td>

                                                    <td class="text-center">{{ Auth::user()->trade_licence_validupto }}</td>
                                                    <td class="text-center">

                                                        <span class="badge badge-pill bg-danger inv-badge">Expire</span>


                                                    </td>
                                                    <td class="text-right">
                                                        <div class="font-weight-600">{{ daysleft(Auth::user()->trade_licence_validupto) }}</div>
                                                    </td>
                                                </tr>
                                            @endif
                                            @if(Auth::user()->food_license_validupto < date('Y-m-d'))
                                                <tr>
                                                    <td class="text-nowrap">2</td>
                                                    <td class="text-nowrap">
                                                        <div class="font-weight-600">Food License</div>
                                                    </td>

                                                    <td class="text-center">{{ Auth::user()->food_license_validupto }}</td>
                                                    <td class="text-center">
                                                        <span class="badge badge-pill bg-danger inv-badge">Expire</span>
                                                    </td>
                                                    <td class="text-right">
                                                        <div class="font-weight-600">{{ daysleft(Auth::user()->food_license_validupto) }}</div>
                                                    </td>
                                                </tr>
                                            @endif
                                            @if(Auth::user()->rc_validupto < date('Y-m-d'))
                                                <tr>
                                                    <td class="text-nowrap">3</td>
                                                    <td class="text-nowrap">
                                                        <div class="font-weight-600">Vehicle Registration Certificate</div>
                                                    </td>
                                                    <td class="text-center">{{ Auth::user()->rc_validupto }}</td>
                                                    <td class="text-center">
                                                        <span class="badge badge-pill bg-danger inv-badge">Expire</span>
                                                    </td>
                                                    <td class="text-right">
                                                        <div class="font-weight-600">{{ daysleft(Auth::user()->rc_validupto) }}</div>
                                                    </td>
                                                </tr>
                                            @endif
                                            @if(Auth::user()->dl_validupto < date('Y-m-d'))
                                                <tr>
                                                    <td class="text-nowrap">4</td>
                                                    <td class="text-nowrap">
                                                        <div class="font-weight-600">Delivery Boy Driving Licenses</div>
                                                    </td>

                                                    <td class="text-center">{{ Auth::user()->dl_validupto }}</td>
                                                    <td class="text-center">
                                                        <span class="badge badge-pill bg-danger inv-badge">Expire</span>
                                                    </td>
                                                    <td class="text-right">
                                                        <div class="font-weight-600">{{ daysleft(Auth::user()->dl_validupto) }}</div>
                                                    </td>
                                                </tr>
                                            @endif
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <!-- /Recent Orders -->

                        </div>
                    </div>
                @endif
        </div>
        @if(Auth::user()->role<=4)
            <div class="row">
                <div class="col-sm-12">
                    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
                    <script type="text/javascript">
                        google.charts.load('current', {'packages': ['corechart']});
                        google.charts.setOnLoadCallback(drawChart);

                        function drawChart() {
                            var data = google.visualization.arrayToDataTable([
                                ['Date', 'Sales', 'Visitors'],
                                ['01', 1000, 400],
                                ['02', 1170, 460],
                                ['03', 660, 1120],
                                ['04', 1500, 500],
                                ['05', 1200, 120],
                                ['06', 2000, 1130],
                                ['07', 2500, 350],
                                ['08', 2200, 520],
                                ['09', 3120, 512],
                                ['10', 1280, 428],
                                ['11', 329, 558],
                                ['12', 350, 228],
                                ['13', 550, 1500],
                                ['14', 2000, 258],
                                ['15', 1800, 112],
                                ['16', 1000, 998],
                                ['17', 1899, 825],
                                ['18', 1030, 540]
                            ]);

                            var options = {
                                title: 'Daily sales & visitors',
                                hAxis: {title: 'Day', titleTextStyle: {color: '#333'}},
                                vAxis: {minValue: 0}
                            };

                            var chart = new google.visualization.AreaChart(document.getElementById('chart_div'));
                            chart.draw(data, options);
                        }
                    </script>
                    <div id="chart_div" style="width: 100%; height: 500px;"></div>
                </div>
            </div>
        @endif
        @endif

    <!-- /Page Wrapper -->

        @if(Auth::user()->user_type==2)
            <div class="row">
                <div class="col-md-12 d-flex">

                    <!-- Recent Orders -->
                    <div class="card card-table flex-fill">
                        <div class="card-header">
                            <h4 class="card-title">Customer</h4>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <div class="row">
                                    <div class="col-sm-12 col-md-6"></div>
                                    <div class="col-sm-12 col-md-6">
                                        <div id="DataTables_Table_0_filter" style="text-align: right;">
                                            <form action="" method="get">
                                            <label>
                                                    <select id="localityId" class="form-control" name="localityId">
                                                        <option value="">Search by Locality</option>
                                                        
                                                        @foreach($all_locality as $k=>$l)
                                                            <option value="{{ $k }}" @if($k==app('request')->input('localityId')) selected @endif>{{ $l }}</option>
                                                        @endforeach

                                                    </select>
                                            </label>
                                            <label>                                                
                                                    <input type="search" name="search" value="" class="search form-control form-control-sm" placeholder="" style="margin-left: 0.5em;display: inline-block;width: auto;">
                                                    <button type="submit" class="btn btn-sm btn-primary mr-2">
                                                        Search
                                                    </button>
                                            </label>
                                                </form>
                                        </div>
                                    </div>
                                </div>
                                <table class="table table-hover table-center">
                                    <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Customer Name</th>
                                        <th class="text-center">Mobile Number</th>
                                        <th class="text-center">Last Billed Amount</th>
                                        <th class="text-center">Last Billed Date</th>
                                        <th class="text-center">Purchased <br>(Last 15 days)</th>
                                        <th class="text-center">Locality</th>
                                        <th class="text-center">Action</th>
                                        <th class="text-center"></th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @php $x=1; @endphp
                                    @foreach($customer as $c)
                                        <tr>
                                            <td class="text-nowrap">{{$x}}</td>
                                            <td class="text-nowrap">
                                                <div class="font-weight-600">{{$c->name}}</div>
                                            </td>

                                            <td class="text-center">{{$c->phone}}</td>
                                            <td class="text-center">

                                                <span class="badge badge-pill bg-danger inv-badge">{{ $c->last_purchase_amount }}</span>


                                            </td>
                                            <td class="text-center">{{daysleft($c->last_purchase_date)}}</td>
                                            <td class="text-center">
                                                <div class="font-weight-600">Rs {{$c->limit_price}}</div>
                                            </td>
                                            <td class="text-center">
                                                                                            </td>                                                    
                                            <td class="text-center">

                                                <form action="/savestatus" method="post">
                                                    <input type="hidden" name="userId" value="{{$c->id}}">
                                                    @csrf
                                                    <select name="followUpStatus" class="form-control" onchange="this.form.submit()">
                                                        <option value="">--Choose--</option>
                                                        <option value="Not Interested" @if($c->followUpStatus=="Not Interested") selected @endif>Not Interested</option>
                                                        <option value="Not Responds" @if($c->followUpStatus=="Not Responds") selected @endif>Not Responds</option>
                                                        <option value="Call Me Later" @if($c->followUpStatus=="Call Me Later") selected @endif>Call Me Later</option>
                                                    </select>
                                                </form>

                                            </td>
                                            <td class="text-center">
                                                @if($c->mapped_to>0)
                                                    <a href="/push_order?user={{$c->id}}" class="btn btn-primary">Order Now</a>
                                                @else
                                                    No Retailer
                                                @endif
                                            </td>
                                        </tr>
                                        @php $x++; @endphp
                                    @endforeach
                                    </tbody>
                                </table>
                                <div class="row">
                                    <div class="col-sm-12 col-md-5">
                                        <div class="dataTables_info" id="DataTables_Table_0_info" role="status" aria-live="polite">
                                            Showing {{ $customer->firstItem() }} to {{ $customer->lastItem() }} of {{ $customer->total() }}  entries
                                        </div>                                            
                                    </div>
                                    <div class="col-sm-12 col-md-7">    
                                        {{ $customer->appends(Request::except('page'))->links('pagination::bootstrap-4') }}
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /Recent Orders -->

                </div>
            </div>
        @endif
    </div>
@endsection