@if(is_null($data))
    <div class="row">
        <div class="col-md-12 widget-product">
            <div class="row m-0">
                @foreach($groups as $group)
                    @if(count($group->groupDetail) > 0)
                        @php
                            $total = 0;
                            $counter = 0;
                            $group_detail = $group->groupDetail()->getSupervisorsOrderedByRowNumber()->get();
                        @endphp
                        <div class="col-lg-12 ">
                            <div class=" section-products  section-product-{{ $group_detail[0]->code }}">
                                <div class="section-product-header section-product-header-{{ $group_detail[0]->code }} col-12">
                                    <div class="row m-0">
                                        <div class="col-9  col-sm-8 col-md-6  icon-line-name">
                                            <div class="icon-line">
                                                <img src="{{ asset('assets/voyager/images/icons/icon-station.png') }}">
                                            </div>
                                            <h3 class="cursor-pointer" onclick="utility.handleDashboardChangeGroup({{ $group->id }})">{{ $group->name }} -
                                                <span id="user-name-{{ $group->id }}">{{ is_null($group->user) ? '' : $group->user->user->name }}</span>
                                            </h3>
                                        </div>

                                        <div class="col-3  col-sm-4  col-md-6  section-product-name">
                                            <strong>{{ trans('messages.' . $group_detail[0]->code) }}:</strong>
                                            <span id="total_1">{{ $total }}</span>
                                        </div>

                                    </div>

                                </div>
                                <div class="row m-0">
                                    @foreach($group_detail as $supervisor)
                                        @php
                                            //TODO: Move this lines to the model.
                                            $numbers = [];
                                            $number_first = $supervisor->supervisorNumber()->isApprove(true)->first();
                                            if(!$number_first) {
                                                $number_first = $supervisor->supervisorNumber()->orderBy('id', 'desc')->first();
                                            }
                                            if($number_first) {
                                                $number_last = $supervisor->supervisorNumber()->identifier('>', $number_first->id)->first();
                                                $numbers = [$number_last, $number_first];
                                            }

                                        @endphp
                                        @if($counter % 2 == 0 || $counter == 0)
                                            <div class="p-section-in col-sm-6 col-lg-3 col-12 ">
                                                <div class="col-12 col-md-12 two-product-d  ">
                                                    <div class="row">
                                                        @endif
                                                        <div class="col-12 pro-info-list

                                                            right-product
                                                            @if($supervisor->code == 'petrol') Petrol-Product @elseif($supervisor->code == 'gasoline') Gas-Product @else white-oil-Product @endif pro-@php echo $counter; @endphp

                                                        @if ($supervisor->is_electronic) electronic-product @else secret-product @endif

                                                            ">
                                                            <table class="right-product-table"
                                                                   width="100%"
                                                                   cellspacing="0"
                                                                   cellpadding="0">
                                                                <thead>
                                                                <tr>
                                                                    <th class="number-th"><span>{{ $supervisor->row_number }}</span></th>
                                                                    <th colspan="2" class="seprator">
                                                                        {{ isset($numbers[0]) ? substr($numbers[0]->updated_at, 0, -3) : '' }}
                                                                    </th>
                                                                    <th class=" last">
                                                                        @if($supervisor->is_electronic)
                                                                            <img src="{{ asset('assets/voyager/images/icons/7-Segment.png')}}"/>
                                                                        @else
                                                                            <img src="{{ asset('assets/voyager/images/icons/Mechanical-Counter.png')}}" />
                                                                        @endif
                                                                    </th>
                                                                </tr>
                                                                </thead>
                                                                <tbody>
                                                                <tr>
                                                                    <td class=" first"></td>
                                                                    <th class="seprator">{{ __('messages.admin.conclusion') }}</th>
                                                                    @php $last_number = isset($numbers[0]) ? $numbers[0]->number : 0 @endphp
                                                                    <td class="seprator letter-space-1">{{ number_format( $last_number ) }}</td>
                                                                    <td class=" last"></td>
                                                                </tr>
                                                                <tr>
                                                                    <td class=" first"></td>
                                                                    <th class="seprator">{{ __('messages.admin.opening') }}</th>
                                                                    @php $first_number = isset($numbers[1]) ? $numbers[1]->number : 0 @endphp
                                                                    <td class="seprator letter-space-1">{{number_format(  $first_number )}}</td>
                                                                    <td class=" last"></td>
                                                                </tr>
                                                                <tr>
                                                                    <td class=" first"></td>
                                                                    <th class="">{{ __('messages.admin.total') }}</th>
                                                                    @php
                                                                        $sum = ($last_number == 0) ? 0 : $last_number - $first_number;
                                                                        $total += $sum
                                                                    @endphp
                                                                    <td class="letter-space-1">{{  number_format( $sum ) }}</td>
                                                                    <td class=" last"></td>
                                                                </tr>
                                                                </tbody>
                                                                {{--         <tfoot>
                                                                         <tr>
                                                                             <td class="statuse-color"><span class="circle"></span></td>
                                                                             <td colspan="2"
                                                                                 class="">{{ $product->title }}</td>

                                                                             <td class="statuse-letter">A</td>
                                                                         </tr>
                                                                         </tfoot>--}}
                                                            </table>

                                                        </div>

                                                        @php $counter += 1 @endphp
                                                        @if($counter % 2 == 0)
                                                    </div>
                                                </div>
                                            </div>
                                        @endif
                                    @endforeach    </div>
                                <div class="sum hide">{{ $total }}</div>
                            </div>
                        </div>
                    @endif
                @endforeach
            </div>
        </div>
        @include('voyager::partials.dashboard-widget-tank')
    </div>
@else
    <div class="row">
        <div class="col-md-12 widget-product">
            <div class="row m-0">
                @php $counter = 0 @endphp
                @foreach($data as $key => $value)
                    <div class="col-lg-12 ">
                        <div class=" section-products  section-product-{{ $value['electronic']->product->code }}">
                            <div class="section-product-header section-product-header-{{ $value['electronic']->product->code }} col-12">
                                <div class="row m-0">
                                    <div class="col-9  col-sm-8 col-md-6  icon-line-name">
                                        <div class="icon-line">
                                            <img src="{{ asset('assets/voyager/images/icons/icon-station.png') }}">
                                        </div>
                                        <h3>{{ \App\Models\GroupSupervisorRelations::getGroupNameBySupervisorId($value['electronic']->ps_supervisor_id) }} -
                                            <span>{{ $value['electronic']->user->name }}</span>
                                        </h3>
                                    </div>

                                    <div class="col-3  col-sm-4  col-md-6  section-product-name">
                                        <strong>{{ trans('messages.' . $value['electronic']->product->code) }}
                                            :</strong>
                                        <span id="total_1">{{ $value['electronic']->total_liters }}</span>
                                        @if($editable)
                                            <strong>
                                                <a class="text-white pointer-event" href="{{ route('modify_supervisor', [$value['secret']->total_accounting_id, $value['electronic']->total_accounting_id]) }}">
                                                    <i class="fa fa-edit"></i>
                                                </a>
                                            </strong>
                                        @endif

                                    </div>

                                </div>

                            </div>
                            <div class="row m-0">
                                @foreach($value['supervisors'] as $supervisor)
                                    @if($counter % 2 == 0 || $counter == 0)
                                        <div class="p-section-in col-sm-6 col-lg-3 col-12 ">
                                            <div class="col-12 col-md-12 two-product-d  ">
                                                <div class="row">
                                                    @endif
                                                    <div class="col-12 pro-info-list

                                                        right-product
                                                        @if($supervisor->product->code == 'petrol') Petrol-Product @elseif($supervisor->product->code == 'gasoline') Gas-Product @else white-oil-Product @endif pro-@php echo $counter; @endphp

                                                        @if ($supervisor->product->is_electronic) electronic-product @else secret-product @endif

                                                        ">
                                                        <table class="right-product-table"
                                                               width="100%"
                                                               cellspacing="0"
                                                               cellpadding="0">
                                                            <thead>
                                                            <tr>
                                                                <th class="number-th"><span>{{ $supervisor->row_number }}</span></th>

                                                                <th colspan="2" class="seprator">{{ substr($supervisor->created_at, 0, -3) }}</th>
                                                                <th class=" last">
                                                                    @if($supervisor->product->is_electronic)
                                                                        <img src="{{ asset('assets/voyager/images/icons/7-Segment.png')}}"/>
                                                                    @else
                                                                        <img src="{{ asset('assets/voyager/images/icons/Mechanical-Counter.png')}}" />
                                                                    @endif
                                                                </th>
                                                            </tr>
                                                            </thead>
                                                            <tbody>
                                                            <tr>
                                                                <td class=" first"></td>
                                                                <th class="seprator">{{ __('messages.admin.conclusion') }}</th>
                                                                <td class="seprator letter-space-1">{{number_format(  $supervisor->last_number) }}</td>
                                                                <td class=" last"></td>
                                                            </tr>
                                                            <tr>
                                                                <td class=" first"></td>
                                                                <th class="seprator">{{ __('messages.admin.opening') }}</th>
                                                                <td class="seprator letter-space-1">{{number_format(  $supervisor->first_number) }}</td>
                                                                <td class=" last"></td>
                                                            </tr>
                                                            <tr>
                                                                <td class=" first"></td>
                                                                <th class="">{{ __('messages.admin.total') }}</th>
                                                                <td class="letter-space-1">{{  number_format( $supervisor->last_number - $supervisor->first_number )}}</td>
                                                                <td class=" last"></td>
                                                            </tr>
                                                            </tbody>
                                                            {{--         <tfoot>
                                                                     <tr>
                                                                         <td class="statuse-color"><span class="circle"></span></td>
                                                                         <td colspan="2"
                                                                             class="">{{ $product->title }}</td>

                                                                         <td class="statuse-letter">A</td>
                                                                     </tr>
                                                                     </tfoot>--}}
                                                        </table>

                                                    </div>

                                                    @php $counter += 1 @endphp
                                                    @if($counter % 2 == 0)
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                @endforeach
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
        @include('voyager::partials.dashboard-widget-tank')
    </div>
@endif

@section('javascript')
    <script type="text/javascript" defer>
        const usersList = {!! $users !!};
        $(document).ready(function () {
            utility.handleCalculateDashboardPetrol();
            $('body').on('click', '.cancel-btn', function () {
                utility.handleCancelDashboardChangeGroup($(this).attr('data-id'), $(this).attr('data-text'));
            });
        });
    </script>
@stop