@extends('voyager::master')
@section('page_title', __('voyager::generic.viewing').' '.$dataType->getTranslatedAttribute('display_name_plural'))
@section('content')
    <div class="page-content browse container-fluid supervisor-status-report-browse">
        @include('voyager::alerts')
        <div class="content-main">
            <div class="col-md-12">
                <div class="panel panel-bordered supervisor-status-report-panel ">
                    <div class="panel-body">
                        <div class="row">

                            <div class="panel-head col-sm-12 col-12">
                                استمارة مبيعات
                                <span class="text-red">
                                منتوج زیت الغاز
                                </span>


                                @if($request->has('search'))
                                    <div class="panel-head-icons">
                                        <a href="{{ route('voyager.gasoline-product-sales-report.index', ['action' => 'print', 'date' => $request->date, 'start_time'=>$request->start_time, 'end_time'=>$request->end_time,'user_name'=>$request->user_name]) }}"
                                           class="pull-left btn-printer-icon" target="_blank">
                                            <i class="icon icon-printer11"></i>
                                        </a>
                                    </div>
                                @endif

                            </div>
                        </div>
                        <div class="col-lg-12">
                            <form action="{{ route('voyager.gasoline-product-sales-report.index') }}" method="get">
                                <div class="form-group row">
                                    <div class="col-md-3">
                                        <label for="date" class="col-form-label col-form-label-sm">
                                            التاریخ:</label>
                                        <input type="date" id="date" class="form-control" name="date"
                                               value="{{ $request->get('date', date('Y-m-d')) }}">
                                    </div>
                                    <div class="col-md-4">
                                        <label for="date" class="col-form-label col-form-label-sm">
                                            اسم المشرف:</label>
                                        <!-- get users from results dispplay their name in select box -->
                                        <select class="form-control" name="user_name">
                                            @foreach($result['users']  as $user)
                                                <option value="{{ $user->name }}"
                                                        @if($user->name == $request->user_name) selected @endif>{{ $user->name }}</option>
                                            @endforeach

                                        </select>

                                    </div>
                                    <div class="col-md-2">
                                        <label for="start_time" class="col-form-label col-form-label-sm">
                                            ساعة الفتح:</label>
                                        <input type="text" id="start_time" class="form-control" name="start_time"
                                               value="06:00">
                                    </div>
                                    <div class="col-md-2">
                                        <label for="end_time" class="col-form-label col-form-label-sm">
                                            ساعة الغلق:</label>
                                        <input type="text" id="end_time" class="form-control" name="end_time"
                                               value="24:00">
                                    </div>
                                    <div class="col-md-1">
                                        <div class=" btns-group-center mt-0">
                                            <button type="submit" class="btn btn-info" name="search"
                                                    style="margin-top: 25px;">بحث
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <!-- Begin: Show data -->
                    <div class="col-12">
                        @if($request->has('search'))
                            <div class="row m-0">

                                <div class="col-md-6 col-browse">
                                    <div class="table-black-bordered">
                                        @php $total = 0; @endphp
                                        <table class="table table-bordered table-white-blue">
                                            <thead>
                                            <th>ت</th>
                                            <th>قراءة العدادات الافتتاحیة / لتر</th>
                                            <th>قراءة العدادات الختامیة / لتر</th>
                                            <th>المبیعات / لتر</th>
                                            </thead>
                                            <tbody>
                                            @php
                                                $counter = 1;
                                            @endphp
                                            @if (count($result['output']) > 0)
                                                @foreach($supervisors as $key => $supervisor)
                                                    @php
                                                        $countSupervisors = count($result['output'][$supervisor->groupRelation->group_id]);
                                                        $start_number = $result['output'][$supervisor->groupRelation->group_id][0]->supervisors->keyBy('ps_supervisor_id');
                                                        $end_number = $result['output'][$supervisor->groupRelation->group_id][$countSupervisors - 1]->supervisors->keyBy('ps_supervisor_id');
                                                    @endphp
                                                    <tr class="text-center">
                                                        <td>{{ $counter++ }}</td>
                                                        <td>
                                                            @php $first_number = $start_number[$supervisor->id]->first_number; @endphp
                                                            <span>{{ number_format( $first_number )}}</span>
                                                        </td>
                                                        <td>
                                                            @php $last_number = $end_number[$supervisor->id]->last_number; @endphp
                                                            <span>{{ number_format($last_number )}}</span>
                                                        </td>
                                                        <td>
                                                            {{ number_format( $last_number - $first_number ) }}
                                                        </td>
                                                    </tr>
                                                @endforeach

                                                @if (count($supervisors) < 10)
                                                    @for ($i = count($supervisors); $i <= 10; $i++)
                                                        <tr class="text-center">
                                                            <td>{{ $i }}</td>
                                                            <td>
                                                                <span>-</span>
                                                            </td>
                                                            <td>
                                                                <span>-</span>
                                                            </td>
                                                            <td>
                                                                <span>-</span>
                                                            </td>
                                                        </tr>

                                                    @endfor
                                                @endif
                                            @else
                                                @for ($i = 1; $i <= 10; $i++)
                                                    <tr class="text-center">
                                                        <td>{{ $i }}</td>
                                                        <td>
                                                            <span>-</span>
                                                        </td>
                                                        <td>
                                                            <span>-</span>
                                                        </td>
                                                        <td>
                                                            <span>-</span>
                                                        </td>
                                                    </tr>
                                                @endfor
                                            @endif
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="table-green-bordered mt-3">
                                        <table class="table table-bordered table-white-blue">
                                            <tr>
                                                <td>الیوم:</td>
                                                <td style="width:35%">
                                                    {{ $week_day}}
                                                </td>
                                                <td>التاریخ:</td>
                                                <td style="width:35%">
                                                    {{ $request->date }}
                                                </td>
                                            </tr>

                                            <tr>
                                                <td>اسم المشرف:</td>
                                                <td colspan="3">
                                                    {{ $request->user_name }}
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                    <div class="table-green-bordered mt-4">
                                        <table class="table table-bordered table-white-green">
                                            <tr>
                                                <td>حسب الحاسبة:</td>
                                                <td style="width:35%">
                                                    {{ number_format( $sales_calculator )}}
                                                </td>
                                                <td>لتر</td>
                                            </tr>
                                            <tr>
                                                <td>حسب العداد:</td>
                                                <td style="width:35%">
                                                    {{ number_format( $total_liters ) }}
                                                </td>
                                                <td>لتر</td>
                                            </tr>
                                            <tr>
                                                <td>وکیل المحطة الاهلیة:
                                                </td>
                                                <td style="width:35%">
                                                    {{ number_format( $result['comercial_fuel'] ) }}
                                                </td>
                                                <td>لتر</td>
                                            </tr>
                                            <tr>
                                                <td>کمیة الکلیة:</td>
                                                <td style="width:35%">
                                                    {{ number_format( $result['comercial_fuel'] + $sales_calculator )}}
                                                </td>
                                                <td>لتر</td>
                                            </tr>
                                        </table>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-12 text-center">
                                <div class="form-group btns-group-center">
                                    @if($request->has('search'))
                                        <a href="{{ route('voyager.gasoline-product-sales-report.index', ['action' => 'print', 'date' => $request->date, 'start_time'=>$request->start_time, 'end_time'=>$request->end_time,'user_name'=>$request->user_name]) }}"
                                           class=" btn btn-printer" target="_blank">
                                            {{ __('messages.print') }}
                                        </a>
                                    @endif
                                </div>
                            </div>

                        @endif
                        <!-- End: Show data -->
                    </div>
                </div>
            </div>
        </div>
    </div>

@stop

@section('css')
    @if(!$dataType->server_side && config('dashboard.data_tables.responsive'))
        <link rel="stylesheet" href="{{ voyager_asset('lib/css/responsive.dataTables.min.css') }}">
    @endif
@stop

@section('javascript')
    <!-- DataTables -->
    @if(!$dataType->server_side && config('dashboard.data_tables.responsive'))
        <script src="{{ voyager_asset('lib/js/dataTables.responsive.min.js') }}"></script>
    @endif
@stop