@extends('layouts.blank')

@push('stylesheets')

@endpush

@push('scripts')
<script>
$('#date_from').datepicker({
}); 
$('#date_to').datepicker({
}); 
</script>
<script src="{{ asset("js/salessummary1.js") }}"></script>
    <script type="text/javascript">
        window.onload = function () {
 
        var chart = new CanvasJS.Chart("chartContainer", {
            animationEnabled: true,
            theme: "light2",
            axisY: {
                includeZero: false
            },
            data: [{
                type: "column",
                dataPoints: null            }]
        });
        chart.render();
         
        }
    </script>
    <script type="text/javascript">
        $(document).ready(function(){
            var plot1 = $.jqplot('pie1', 
                    [[['Yes',null],['No', null]]], {
                gridPadding: {top:0, bottom:38, left:0, right:0},
                seriesDefaults:{
                    renderer:$.jqplot.PieRenderer, 
                    trendline:{ show:false }, 
                    rendererOptions: { padding: 8, sliceMargin: 3, startAngle: -90, showDataLabels: true, dataLabels: 'value', totalLabel: true }
                },
                legend:{
                    show:true,
                    rendererOptions: {
                        numberRows: 1
                    }, 
                    location:'s',
                    marginTop: '15px'
                }       
            });
        });
    </script>
    <script type="text/javascript">
        $(document).ready(function(){
            var plot2 = $.jqplot('pie2', 
                    [[['Yes',null],['No', null]]], {
                gridPadding: {top:0, bottom:38, left:0, right:0},
                seriesDefaults:{
                    renderer:$.jqplot.PieRenderer, 
                    trendline:{ show:false }, 
                    rendererOptions: { padding: 8, sliceMargin: 3, startAngle: -90, showDataLabels: true, dataLabels: 'value', totalLabel: true }
                },
                legend:{
                    show:true,
                    rendererOptions: {
                        numberRows: 1
                    }, 
                    location:'s',
                    marginTop: '15px'
                }       
            });
        });
    </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">
                <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>
                    </div>
                    {{Form::open(array('route' => 'surveys.store', 'class' => 'form-horizontal form-label-left'))}}
                    <div class="col-md-3 col-xs-12">
                        <div class="form-group">
                            <label for="company">Branch</label>
                            {!! Form::select('branch[]',  $branches, null, array('id' => 'company', 'class' => 'form-control' ,'multiple' => 'multiple' ,'data-placeholder' => 'SELECT BRANCH')) !!}
                        </div>
                    </div>
                    <div class="col-md-3 col-xs-12">
                        <div class="form-group">
                            <label for="date_from">Date From</label>
                            {!! Form::text('date_from',$date_from,array('class' => 'form-control', 'id' => 'surveyResultsDateFrom')) !!}
                        </div>
                    </div>
                    <div class="col-md-3 col-xs-12">
                        <div class="form-group">
                            <label for="date_from">Date To</label>
                            {!! Form::text('date_to',$date_to,array('class' => 'form-control', 'id' => 'surveyResultsDateTo')) !!}
                        </div>
                    </div>
                    <div class="col-md-12 col-xs-12">
                        <div class="form-group">
                            <button class="btn btn-primary">Process</button>
                        </div>
                    </div><br>
                    <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 class="clearfix"></div>
                    {{Form::close()}}
                    <div class="x_content">
                        <strong><h2>1. How Likely Would you recommend OWNDAYS to a friend?
                            {{Form::open(array('route'=>'surveys.details','POST'))}}
                            <div class="hidden">
                                <input type="text" name="date_from" value="{{$date_from}}">
                                <input type="text" name="date_to" value="{{$date_to}}">
                                @foreach($se_branches as $branch)
                                <input type="text" name="se_branches[]" value="{{$branch}}">
                                @endforeach
                            </div>
                            <button class="btn btn-xl btn-primary pull-right" type="submit"> See Details</button>
                            {{Form::close()}}
                        </h2>
                        <a href="{{ route('surveys.details')}}" class="pull-right">See Details</a></h2>
                        </strong>
                        <div id="chartContainer" style="height: 370px; width: 100%;"></div><br>
                        <strong><h2>2.Is this your first time at OWNDAYS?</h2></strong>
                        <div id="pie1" style="height: 370px; width: 100%;"></div><br>
                        <strong><h2>3. Did you make a purchase today?</h2></strong>
                        <div id="pie2" style="height: 370px; width: 100%;"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /page content -->
    
@endsection