@extends('layouts.blank')

@push('stylesheets')

@endpush

@push('scripts')
    <script type="text/javascript">
        window.onload = function () {
 
        var chart = new CanvasJS.Chart("reasonChart", {
            animationEnabled: true,
            theme: "light2",
            axisY: {
                includeZero: false
            },
            data: [{
                type: "column",
                dataPoints: null            }]
        });
        chart.render();

        var chart1 = new CanvasJS.Chart("reasonChartHigher", {
            animationEnabled: true,
            theme: "light2",
            axisY: {
                includeZero: false
            },
            data: [{
                type: "column",
                dataPoints: null            }]
        });
        chart1.render();
         
        }
    </script>
@endpush


@section('main_container')


 <!-- page content -->
<div class="right_col" role="main">

    <div class="">
        <div class="page-title">
        </div>

        @include('includes/notifications')

        <div class="clearfix"></div>

        <div class="row">
            <div class="col-md-12 col-sm-12 col-xs-12">
                {{Form::open(array('route'=>'surveys.store','method'=>'POST'))}}
                <div class="hidden">
                    <input type="text" name="date_from" value="{{$date_from}}">
                    <input type="text" name="date_to" value="{{$date_to}}">
                </div>
                <button class="btn btn-xs btn-primary" type="submit">Go Back</button>
                {{Form::close()}}
                <div class="x_panel">
                    <div class="x_title">
                        <h2>Survey Results </h2>
                        <h3>
                            <strong class="pull-right">Respondents: {{$count}} </strong>
                        </h3>
                        <div class="clearfix"></div>
                        <p>{{$date_from}} <strong> - </strong>{{$date_to}}</p>
                        <table>
                            <thead>
                                <tr>
                                    <th style="width:30%"><i><strong>BRANCHES :</strong></i></th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($branch_names as $name)
                                <tr>
                                    <td>{{ $name }}</td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                    <div class="x_content">
                        <strong><h2>1. What Factors affect your rating? (Lower)</strong>
                        <div id="reasonChart" style="height: 370px; width: 100%;"></div><br>
                    </div>
                    <div class="x_content">
                        <table class="table table-striped table-bordered">
                            <thead>
                                <tr>
                                    <th>Remarks</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($lowremarks as $lr)
                                <tr>
                                    <td>{{$lr}}</td>
                                </tr>
                                @empty
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                    @if($hcount >= 1)
                     <div class="x_content">
                        <strong><h2>1. What Factors affect your rating? (Higher)</strong>
                        <div id="reasonChartHigher" style="height: 370px; width: 100%;"></div><br>
                    </div>
                    <div class="x_content">
                        <table class="table table-striped table-bordered">
                            <thead>
                                <tr>
                                    <th>Remarks</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($highremarks as $hr)
                                <tr>
                                    <td>{{$hr}}</td>
                                </tr>
                                @empty
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /page content -->
    
@endsection