@extends('main')
@section('css')
    <style>
        .custom-image-widget{
            padding: 48px !important;
            margin-top: -20px
        }
        .my-avatar{
            height: 120px !important; 
            width: 120px !important;
            padding: 8px;
           
        }
    </style>
@endsection
@section('content')

    <!-- Content Header (Page header) -->
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>GRAPHICAL DASH BOARD</h1>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>

    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">
            <h5 class="mb-2">Info Box</h5>
            <div class="row">
                @foreach(\App\Models\ServiceGroup::get() as $service)
                        <div class="col-md-3 col-sm-6 col-12">
                            <a href="/policy-manage/{{$service->id}}">
                            <div class="info-box">
                                <span class="info-box-icon text-white {{$service->id % 2 == 0 ? 'right_orange' : 'deep_orange'}} ">
                                    @if($service->name == 'FIRE')
                                        <i class="nav-icon fas fa-fire text-white"></i>
                                    @elseif($service->name == 'MOTORS')
                                        <i class="nav-icon fas fa-car text-white"></i>
                                    @elseif($service->name == 'GOODS IN TRANSIT')
                                        <i class="nav-icon fas fa-briefcase text-white"></i>
                                    @elseif($service->name == 'MISCELLANEOUS AND ACCIDENTS')
                                        <i class="far fa-circle nav-icon text-white"></i>
                                    @elseif($service->name == 'MARINE')
                                        <i class="nav-icon fas fa-water text-white"></i>
                                    @elseif($service->name == 'ENGINEERING')
                                        <i class="nav-icon fas fa-user-cog text-white"></i>
                                    @else
                                        <i class="far fa-circle nav-icon text-white"></i>
                                    @endif
                                </span>

                                <div class="info-box-content">
                                    <span class="info-box-text">{{$service->label}}</span>
                                    <span class="info-box-number">
                                        @php
                                        $sId=$service->id;
                                        $policy = \App\Models\Policy::whereBetween('created_at',[now()->startOfDay(),now()])->whereHas('contract',function ($q) use($sId){
                                            $q->where('serviceGroupId',$sId);
                                        });
                                         @endphp
                                        {{$policy->count()}}
                                    </span>
                                </div>
                            </div>
                        </a>
                        </div>
                @endforeach
            </div>
            <!-- /.row -->


            <!-- =========================================================== -->
            <h5 class="mb-2">Policies <small><i>Details</i></small></h5>
            <div class="row">
                @foreach(\App\Models\ServiceGroup::get() as $service)
                    @php
                        $sId=$service->id;
                        $policyP = \App\Models\Policy::whereBetween('created_at',[now()->startOfDay(),now()])->whereHas('contract',function ($q) use($sId){
                            $q->where('serviceGroupId',$sId)->whereNull('status');
                        });
                        $policyS = \App\Models\Policy::whereBetween('created_at',[now()->startOfDay(),now()])->whereHas('contract',function ($q) use($sId){
                            $q->where('serviceGroupId',$sId)->whereStatus('Success');
                        });
                        $policyE = \App\Models\Policy::whereBetween('created_at',[now()->startOfDay(),now()])->whereHas('contract',function ($q) use($sId){
                            $q->where('serviceGroupId',$sId)->whereStatus('Error');
                        });
                    @endphp
                        <div class="col-md-3">
                            <!-- Widget: user widget style 1 -->
                            <div class="card card-widget widget-user shadow">
                                <!-- Add the bg color to the header using any of the bg-* classes -->
                                <div class="widget-user-header {{$service->id % 2 == 0 ? 'right_orange' : 'deep_orange'}}">
                                    {{-- <h3 class="widget-user-username {{$service->id % 2 == 0 ? '' : 'w_text_color'}}">First united Takaful</h3> --}}
                                    <h5 class="widget-user-desc {{$service->id % 2 == 0 ? '' : 'w_text_color'}} ">{{$service->name}}</h5>
                                </div>
                                <div class="widget-user-image custom-image-widget p-2">
                                    <img class="my-avatar img-circle; rounded-circle elevation-2 bg-white m-2" src="{{url('/')}}/assets/dist/img/{{strtolower($service->name.'.svg')}}" alt="User Avatar" >
                                </div>
                                <div class="card-footer">
                                    <div class="row">
                                        <div class="col-sm-4 border-right">
                                            <div class="description-block text-blue">
                                                <h5 class="description-header ">PENDING </h5>

                                                <a href="/specific_policies/{{$service->id}}/all/pending" style="cursor: pointer" class="description-text ">View  <b class="float-right">({{$policyP->count()}})</b></a>
                                            </div>
                                            <!-- /.description-block -->
                                        </div>
                                        {{-- /specific_policies/1/all/success 
                                            /specific_policies/1/all/Error
                                            /specific_policies/1/all/sent
                                            --}}

                                        <!-- /.col -->
                                        <div class="col-sm-4 border-right">
                                            <div class="description-block text-success">
                                                <h5 class="description-header">SUCCESS</h5>
                                                <a href="/specific_policies/{{$service->id}}/all/success" style="cursor: pointer" class="description-text text-success">View <b class="float-right">({{$policyS->count()}})</b></a>
                                            </div>
                                            <!-- /.description-block -->
                                        </div>
                                        <!-- /.col -->
                                        <div class="col-sm-4">
                                            <div class="description-block text-danger">
                                                <h5 class="description-header">ERRORS</h5>
                                                <a href="/specific_policies/{{$service->id}}/all/Error" style="cursor: pointer" class="description-text text-danger">View <b class="float-right">({{$policyE->count()}})</b></a>
                                            </div>
                                            <!-- /.description-block -->
                                        </div>
                                        <!-- /.col -->
                                    </div>
                                    <!-- /.row -->
                                </div>
                            </div>
                            <!-- /.widget-user -->
                        </div>
                @endforeach
            </div>
            <!-- /.row -->
        </div>
    </section>

@endsection


@section('js')
    @include('areas.script')
    <script src="{{ url('/') }}/assets/plugins/chart.js/Chart.min.js"></script>

    <script>




    </script>


@endsection