@extends('layouts.adminLayout.admin_design') @section('content')
<div class="content-wrapper">
    <section class="content-header">
        <h1>{{ $title}} 
            <a href="{{route('customerfeedbackchartnew')}}" class="clickbtncommon btn btn-sm btn-primary">New</a>
        </h1>
        <ol class="breadcrumb">
            <li><a href="{{ route('dashboard') }}"><i class="fa fa-dashboard"></i> {{ __('lbl.home') }}</a></li>
            <li class="active">{{ $title }}  </li>
        </ol>
    </section>
    <section class="content">

        <div class="col-md-4">
            <div class="box box-default">
                <div class="box-header without-border">
                    <div class="box-header with-border">
                        <div>{{__('lbl.howservice')}}</div>
                    </div>
                    <div class="box-body">
                        <div class="box-body no-padding">
                            <table class="table table-striped">
                                <tbody>
                                    <tr>
                                        <th style="width: 10px"><i class="fa fa-star"></i></th>
                                        <th>Progress</th>
                                        <th style="width: 40px">Total</th>
                                    </tr>
                                    
                                    @if(!empty($howwasourservice))
                                    @foreach($howwasourservice as $key => $hs)
                                    <tr>
                                        <td>{{$key}}.</td>
                                        <td>
                                            <div class="progress progress-xs">
                                                <div class="progress-bar progress-light-blue" style="width: {{($hs/100)*100}}%"></div>
                                            </div>
                                        </td>
                                        <td><span class="badge bg-light-blue">{{($hs)?$hs:0}}</span></td>
                                    </tr>
                                    @endforeach
                                    @endif 
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="box box-default">
                <div class="box-header without-border">
                    <div class="box-header with-border">
                        <div>{{__('lbl.howproductorderedfeedback')}}</div>
                    </div>
                    <div class="box-body">
                        <div class="box-body no-padding">
                            <table class="table table-striped">
                                <tbody>
                                    <tr>
                                        <th style="width: 10px"><i class="fa fa-star"></i></th>
                                        <th>Progress</th>
                                        <th style="width: 40px">Total</th>
                                    </tr>
                                    @if(!empty($howwasorderedtoday))
                                    @foreach($howwasorderedtoday as $key => $hs)
                                    <tr>
                                        <td>{{$key}}.</td>
                                        <td>
                                            <div class="progress progress-xs">
                                                <div class="progress-bar progress-light-blue" style="width: {{($hs/100)*100}}%"></div>
                                            </div>
                                        </td>
                                        <td><span class="badge bg-light-blue">{{($hs)?$hs:0}}</span></td>
                                    </tr>
                                    @endforeach
                                    @endif 
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="box box-default">
                <div class="box-header without-border">
                    <div class="box-header with-border">
                        <div>{{str_replace('STORENAME',$businessName,__('lbl.howlikelyareyou'))}}</div>
                    </div>
                    <div class="box-body">
                        <div class="box-body no-padding">
                            <table class="table table-striped">
                                <tbody>
                                    <tr>
                                        <th style="width: 10px"><i class="fa fa-star"></i></th>
                                        <th>Progress</th>
                                        <th style="width: 40px">Total</th>
                                    </tr>
                                    @if(!empty($howrecommend))
                                    @foreach($howrecommend as $key => $hs)
                                    <tr>
                                        <td>{{$key}}.</td>
                                        <td>
                                            <div class="progress progress-xs">
                                                <div class="progress-bar progress-light-blue" style="width: {{($hs/100)*100}}%"></div>
                                            </div>
                                        </td>
                                        <td><span class="badge bg-light-blue">{{($hs)?$hs:0}}</span></td>
                                    </tr>
                                    @endforeach
                                    @endif 
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-12">
            <div class="box box-default">
                <div class="box-header without-border">
                    <div class="box-header with-border">
                        <h3 class="box-title">Customer feedbacks</h3>
                    </div>
                    <div class="box-body">
                        <table class="table table-bordered display nowrap" style="width:100%" id="storefeedback">
                            <thead>
                                <tr>
                                    <th>Customer feedbacks</th>
                                    <th>Phone number</th>
                                    <!-- <th>{{ __('lbl.action') }} &nbsp;</th> -->
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>

    </section>
</div>
@endsection

@section('pagescript')
{!! Helper::datatablelib('report/storefeedback.js') !!}
@stop