@extends('layouts.admin')

@section('content')
<div class="page-header text-uppercase">
    <ul class="list-unstyled space-list m-0">
        <li>
            <p>{{ __('dashboard.title') }}</p>

        </li>
        <li>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item active" aria-current="page">{{ __('dashboard.title') }}</li>
                </ol>
            </nav>
        </li>
    </ul>
</div>
<div class="admin-area-col">
    <div class="row">
        <div class="col-12">
            <div class="table-filters">

                {!! Form::open(array('route' => 'master-admin.dashboard', 'method' => 'GET','class'=>'filter_form mobile_filter pb-2')) !!}
                <div class="row filters_list">
                    <div class="col-md-6 filters">
                        {!! Form::label("company", __('orders.company'), ['class' => 'first-column']) !!}
                        {!! Form::select('company', ['' => __('common.select-option')]+$company, (isset($_GET['company'])?$_GET['company']:''), ['class'=>'form-control select2 second-column']) !!}
                    </div>
                    <div class="col-md-6 filters __filter_actions d-flex">
                        <input type="submit" class="btn btn-primary btn_sub search-btn" value="{{ __('orders.search') }}">
                        <a href="{{ route('master-admin.dashboard') }}" class="btn btn-primary ml-1 reset-btn">{!! __('orders.reset') !!}</a>
                    </div>
                </div>
                {!! Form::close() !!}

            </div>
        </div>
    </div>
    <div class="round-white-bg box-shadow">
    <div class="row dashboard-widgets-main-col">
        <div class="d-block col-md-12">
            <ul class="list-inline justified-header">
                <li>
                    <p class="m-0 font-bold">{{ __('dashboard.live_sales') }}</p>
                </li>
                <li>
                    <div id="reportrange"
                         style="background: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #ccc; width: 100%">
                        <i class="fa fa-calendar"></i>&nbsp;
                        <span></span> <i class="fa fa-caret-down"></i>
                    </div>
                </li>
            </ul>
        </div>
        @if(count($filteredCompany) > 0)
            @foreach($filteredCompany as $key => $c)
                @if(isset($finalLiveSale[$key]) && count($finalLiveSale[$key]) > 0)
                    <div class="col-md-6 mb-3">
                        {{--<div class="round-white-bg box-shadow">--}}
                            {{--<div class="">--}}
                                <table class="table-small table table-striped table-bordered ">
                                    <thead>
                                    <tr>
                                        <th><h5>{{ $c }}</h5></th>
                                        <th>{{ __('dashboard.total') }}</th>
                                        <th style="width:30%"></th>
                                    </tr>
                                    </thead>
                                    <tbody id="live-sales-{!! $key !!}" class="loading_sale">
                                    @include('layouts.partials.live-sales', ['liveSales' => $finalLiveSale[$key] ?? []])
                                    </tbody>
                                </table>
                            {{--</div>--}}
                        {{--</div>--}}
                    </div>
                @endif
            @endforeach
        @endif
        {{--<div class="col-md-3 h-100 mb-3 d-none">--}}
            {{--<div class="row row-half">--}}
                {{--<div class="col-6 px-2 mb-3">--}}
                    {{--<div class="dashboard-action-card round-white-bg box-shadow">--}}
                        {{--<div class="card-img-col">--}}
                            {{--<img src="{{ asset('assets/images/icons/delivered.png') }}" alt="">--}}
                        {{--</div>--}}
                        {{--<div class="card-content-col">--}}
                            {{--<p class="head font-medium">{{ __('dashboard.deliveries') }}</p>--}}
                            {{--<p class="count font-semi-bold font14 mb-0">--}}
                                {{--<span class="text-primary __today_delivery">{!! $dashboardData['delivery_orders'] !!}</span>--}}
                            {{--</p>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                {{--</div>--}}
                {{--<div class="col-6 px-2 mb-3">--}}
                    {{--<div class="dashboard-action-card round-white-bg box-shadow">--}}
                        {{--<div class="card-img-col">--}}
                            {{--<img src="{{ asset('assets/images/icons/ordered.png') }}" alt="">--}}
                        {{--</div>--}}
                        {{--<div class="card-content-col">--}}
                            {{--<p class="head font-medium">{{ __('dashboard.orders') }}</p>--}}
                            {{--<p class="count font-semi-bold font14 mb-0">--}}
                                {{--<span class="text-primary __today_orders">{!! $dashboardData['total_orders'] !!}</span>--}}
                            {{--</p>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                {{--</div>--}}
                {{--<div class="col-6 px-2">--}}
                    {{--<div class="dashboard-action-card round-white-bg box-shadow">--}}
                        {{--<div class="card-img-col">--}}
                            {{--<img src="{{ asset('assets/images/icons/reject.png') }}" alt="">--}}
                        {{--</div>--}}
                        {{--<div class="card-content-col">--}}
                            {{--<p class="head font-medium">{{ __('dashboard.pickups') }}</p>--}}
                            {{--<p class="count font-semi-bold font14 mb-0">--}}
                                {{--<span class="text-primary __today_pickup_orders">{!! $dashboardData['pickup_orders'] !!}</span>--}}
                            {{--</p>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                {{--</div>--}}
                {{--<div class="col-6 px-2">--}}
                    {{--<div class="dashboard-action-card round-white-bg box-shadow">--}}
                        {{--<div class="card-img-col">--}}
                            {{--<img src="{{ asset('assets/images/icons/reviews.png') }}" alt="">--}}
                        {{--</div>--}}
                        {{--<div class="card-content-col">--}}
                            {{--<p class="head font-medium">{{ __('dashboard.dine_in') }}</p>--}}
                            {{--<p class="count font-semi-bold font14 mb-0">--}}
                                {{--<span class="text-primary __today_dinein_orders">{!! $dashboardData['dine_in_orders'] !!}</span>--}}
                            {{--</p>--}}
                        {{--</div>--}}
                    {{--</div>--}}
                {{--</div>--}}
            {{--</div>--}}

            {{--<div class="round-white-bg box-shadow total_income_today">--}}
                {{--<div class="d-block text-center">--}}
                    {{--<p class="m-0 font-regular text-muted font13">{{ __('dashboard.today_income_today')  }}</p>--}}
                    {{--<p class="m-0 font-bold h3">{!! numberFormat($dashboardData['total_sale'], 1, false) ." " . currency('currency_code') !!} </p>--}}
                {{--</div>--}}
            {{--</div>--}}
        {{--</div>--}}

        {{--<div class="col-md-3 h-100 mb-3 d-none">--}}
            {{--<div class="round-white-bg box-shadow total_income_today mt-0 mb-0">--}}
                {{--<div class="d-block text-center">--}}
                    {{--<p class="m-0 font-regular text-muted font13">{{ __('dashboard.today_income_today')  }}</p>--}}
                    {{--<p class="m-0 font-bold h3 mt-1">{!! numberFormat($dashboardData['total_sale'], 1, false) ." " . currency('currency_code') !!} </p>--}}
                {{--</div>--}}
            {{--</div>--}}

            {{--<div class="round-white-bg box-shadow mt-3">--}}
                {{--<div class="d-block text-center">--}}
                    {{--<p class="m-0 font-regular text-muted font13">{{ __('dashboard.yesterday_average_sale')  }}</p>--}}
                    {{--<p class="m-0 font-bold h3 mt-1">{!! numberFormat($yesterdayAverageSale, 1, false) ." " . currency('currency_code') !!} </p>--}}
                {{--</div>--}}
            {{--</div>--}}

            {{--<div class="round-white-bg box-shadow">--}}
                {{--<div class="d-block">--}}
                    {{--<ul class="list-inline justified-header mb-0">--}}
                        {{--<li>--}}
                            {{--<p class="m-0 font-bold mt-2">--}}
                                {{----}}{{----}}{{--{{ __('dashboard.today_order_in_perc') }}--}}{{----}}{{----}}
                                {{--{{ __('dashboard.yesterday_average_sale') }}--}}
                            {{--</p>--}}
                        {{--</li>--}}
                    {{--</ul>--}}
                    {{----}}{{----}}{{-- <p class="m-0 text-muted font11">Check out each column for more details</p> --}}{{----}}{{----}}
                {{--</div>--}}
                {{--<div class="mt-2 position-relative">--}}
                    {{--<p class="text-center m-0 font-bold h3 my-3">{!! numberFormat($yesterdayAverageSale ?? 0) !!}</p>--}}
                    {{----}}{{----}}{{--<canvas id="myChartOrder" class="mt-5 ml-4 mr-4" width="200" height="170"></canvas>--}}{{----}}{{----}}
                {{--</div>--}}
            {{--</div>--}}
        {{--</div>--}}


    </div>
</div>
</div>
@endsection
@section('script')
    <script>

        //var start = moment().subtract(29, 'days');
        let start = moment();
        let end = moment();
        $(function() {
            function cb(start, end) {
                $('#reportrange span').html(start.format('DD-MM-YYYY') + ' - ' + end.format('DD-MM-YYYY'));
            }

            $('#reportrange').daterangepicker({
                startDate: start,
                endDate: end,
                autoApply: true,
                locale: {
                    firstDay: 1
                },
                ranges: {
                    'Today': [moment(), moment()],
                    'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                    'Last Week': [moment().startOf('isoWeek').subtract(7, 'days'), moment().endOf('isoWeek')
                            .subtract(7, 'days')
                    ]
                }
            }, cb);

            $('#yummyreportrange').daterangepicker({
                startDate: start,
                endDate: end,
                autoApply: true,
                locale: {
                    firstDay: 1
                },
                ranges: {
                    'Today': [moment(), moment()],
                    'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
                    'Last Week': [moment().startOf('isoWeek').subtract(7, 'days'), moment().endOf('isoWeek')
                            .subtract(7, 'days')
                    ]
                }
            }, cb);

            cb(start, end);

        });

        let startDate = '';
        let endDate = '';

        function loadLiveStore(startDate, endDate) {
            $.ajax({
                type: "POST",
                url: '{!! route('master-admin.dashboard.live-sales') !!}',
                dataType: "json",
                beforeSend: function() {
                    $('.loading_sale').html('<tr><td colspan="5" class="text-center">Loading...</td></tr>');
                },
                data: {
                    startDate: startDate,
                    endDate: endDate,
                    _token: token
                },
                success: function(data) {
                    Object.entries(data).forEach(function([key, view]) {
                        $('#live-sales-'+key).html(view);
                    });
                }
            });
        }

        //loadLiveStore(startDate, endDate);

        $('#reportrange').on('apply.daterangepicker', function(ev, picker) {
            startDate = picker.startDate.format('DD-MM-YYYY');
            endDate = picker.endDate.format('DD-MM-YYYY');
            loadLiveStore(startDate, endDate);
        });
    </script>
@endsection