@extends('layouts.adminLayout.admin_design') @section('content')
<div class="content-wrapper">
    <section class="content-header">
        <h1>{{ $title }} 
            <a href="{{route('customerfeedbackchart')}}" class="clickbtncommon btn btn-sm btn-primary">Back</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-3">
            <div class="box box-default">
                <div class="box-header without-border">
                    <div class="box-header with-border">
                        <div>How would you rate your overall experience at Magnolia Ice Cream & Treats?</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($overallexperience))
                                    @foreach($overallexperience 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-3">
            <div class="box box-default">
                <div class="box-header without-border">
                    <div class="box-header with-border">
                        <div>How satisfied are you with the quality of our products?</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($satisfiedquality))
                                    @foreach($satisfiedquality 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-3">
            <div class="box box-default">
                <div class="box-header without-border">
                    <div class="box-header with-border">
                        <div>How would you rate the friendliness, helpfulness and overall energy of our staff?</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($overallstaff))
                                    @foreach($overallstaff 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-3">
            <div class="box box-default">
                <div class="box-header without-border">
                    <div class="box-header with-border">
                        <div>How likely are you to visit our store again in the future?</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($storeagain))
                                    @foreach($storeagain 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-body">
                        <div class="box-body no-padding">
                            <table class="table table-striped">
                                <tbody>
                                    <tr>
                                        <th>Do you live locally or just visiting?</th>
                                        <th class="text-center" style="width: 30%">Local</th>
                                        <th class="text-center" style="width: 30%">Visiting</th>
                                    </tr>
                                    <tr>
                                        <td></td>
                                        <td class="text-center"><span class="badge bg-light-blue">{{$visit}}</span></td>
                                        <td class="text-center"><span class="badge bg-light-blue">{{$local}}</span></td>
                                    </tr>
                                </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>

</div>
</div>
@endsection

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