@extends('layouts/contentLayoutMaster')

@section('title', 'التقارير')

@section('vendor-style')
    <!-- vendor css files -->
    <link rel="stylesheet" href="{{ asset('vendors/css/forms/select/select2.min.css') }}">
@endsection

@section('content')
<style>
    table {
        display: block;
        max-width: -moz-fit-content;
        max-width: fit-content;
        margin: 0 auto;
        overflow-x: auto;
        /* white-space: nowrap; */
        }
    .div_total{
        margin: 7px;
        padding: 10px;
        background-color: #f9d986;
        border-radius: 11px;
        text-align: center
    }
</style>
<section id="contextual-colors" class="card">
        <div class="card-content">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title" style="color:#ffb800"> التقرير اليومي </h4>
                </div>
                <br/><br/>
                <form class="form" action="{{route('reports.daily_report')}}" method="get">
                    <div class="col-md-12" style="display:flex;">
                        <div class="col-md-2">   
                            {{__('lang.delivery_at_from')}}
                            <input type="date" class="form-control" name="delivery_at_from" id="delivery_at_from" value="{{$filter['delivery_at_from']}}">
                        </div>
                        <div class="col-md-2">      
                            {{__('lang.delivery_at_to')}}
                            <input type="date" class="form-control" name="delivery_at_to" id="delivery_at_to" value="{{$filter['delivery_at_to']}}">
                        </div>
                        <div class="col-md-2">
                            أختر اليوم
                            <select class="form-control" id="day" name="day" >
                                <option value="">{{ __('lang.choose_day')}}</option>
                                <option value="7" @if( $filter['day'] == '7') selected="selected" @endif >{{ __('lang.saturday')}}</option>
                                <option value="1" @if( $filter['day'] == '1') selected="selected" @endif >{{ __('lang.sunday')}}</option>
                                <option value="2" @if( $filter['day'] == '2') selected="selected" @endif >{{ __('lang.monday')}}</option>
                                <option value="3" @if( $filter['day'] == '3') selected="selected" @endif >{{ __('lang.tuesday')}}</option>
                                <option value="4" @if( $filter['day'] == '4') selected="selected" @endif >{{ __('lang.wednesday')}}</option>
                                <option value="5" @if( $filter['day'] == '5') selected="selected" @endif >{{ __('lang.thursday')}}</option>
                                <option value="6" @if( $filter['day'] == '6') selected="selected" @endif >{{ __('lang.friday')}}</option>
                            </select>            
                        </div>
                        <div class="col-md-2">
                            أختر المدير
                            <select class="form-control" id="admin_id" name="admin_id" >
                                <option value="">{{ __('lang.choose_admin')}}</option>
                                @foreach($admins as $admin)
                                    <option value="{{$admin->id}}" @if( $filter['admin_id'] == $admin->id) selected="selected" @endif >{{$admin->name}}</option>
                                @endforeach
                            </select>            
                        </div>
                        <div class="col-md-2">
                            أختر الفني
                            <select class="form-control" id="provider_id" name="provider_id" >
                                <option value="">{{ __('lang.choose_provider')}}</option>
                                @foreach($providers as $provider)
                                    <option value="{{$provider->id}}" @if( $filter['provider_id'] == $provider->id) selected="selected" @endif >{{$provider->name}}</option>
                                @endforeach
                            </select>            
                        </div>
                        
                        <div class="col-md-2">
                            <button type="submit" class="btn btn-primary" style="margin-top:17px">بحث</button>
                        </div>
                    </div>
                </form>
                <div class="card-content">
                    <div class="card-body">
                            <div class="form-body">
                                <div class="row">
                                    <div class="col-md-12" style="display: contents;">
                                        <div class="div_total">
                                            اجمالي التسجيل </br>
                                            <span id="tatalAllDays_newUsersInday"></span>
                                        </div>
                                        <div class="div_total">
                                            اجمالي السعه </br>
                                            <span id="tatalAllDays_capicity"></span>
                                        </div>
                                        <div class="div_total">
                                            اجمالي الطلبات المطلوبة </br>
                                            <span id="tatalAllDays_newOrdersInday"></span>
                                        </div>
                                        <div class="div_total">
                                         نسبة الاشغال </br>
                                            <span id="percent_tatalAllDays_capicity"></span>
                                        </div>
                                        <div class="div_total">
                                            اجمالي الايرادات </br>
                                            <span id="tatalAllDays_total"></span>
                                        </div>
                                        <div class="div_total">
                                            اجمالي المدفوعات </br>
                                            <span id="tatalAllDays_online"></span>
                                        </div>
                                        <div class="div_total">
                                            اجمالي المحفظه </br>
                                            <span id="tatalAllDays_wallet"></span>
                                        </div>
                                        <div class="div_total">
                                            اجمالي طلبات الاشتراكات </br>
                                            <span id="totalOrdersInSubscription"></span>
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <table class="table table-striped">
                                                <thead class="thead-color">
                                                    <tr>
                                                        <th class="headcol" > اليوم </th>
                                                        <th class="headcol" > التاريخ </th>
                                                        <th> التسجيل </th>
                                                        <th> السعه </th>
                                                        <th> الطلبات المطلوبة </th>
                                                        <th> نسبة الطلبات من التسجيل </th>
                                                        <th> الطلبات بدون كوبون </th>
                                                        <th> نسبة الطلبات بدون كوبون </th>
                                                        <th> الطلبات المنفذة </th>
                                                        <th> نسبة الإشغال </th>
                                                        <th> الطلبات الفورية </th>
                                                        <th> نسبة الطلبات الفورية </th>
                                                        <th> الإيرادات </th>
                                                        <th> المدفوعات </th>
                                                        <th> المحفظة </th>
                                                        <th> اشتراك </th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    
                                                    @foreach($dates->reverse() as $i=>$date)