@extends('layouts.app')
@section('title')
    {{ __('Survey Summary') }}
@endsection
@section('css')
    <link rel="stylesheet" href="{{ url('plugins/swtich-netliva/css/netliva_switch.css') }}">
@endsection

@section('breadcrumb')
    <style>
        .ui-datepicker-calendar {
            display: none !important;
        }
        .ui-datepicker-current {
            display: none !important;
        }
    </style>
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">
                        <i class="nav-icon fa fa-chart-pie"></i>
                        {{ __('Survey Summary ') }}
                    </h1>
                </div><!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="{{route('admin.index')}}">{{__('Home')}}</a></li>
                        <li class="breadcrumb-item "><a href="{{route('admin.customer-survey.index')}}">{{__('Customer Survey')}}</a></li>
                        <li class="breadcrumb-item active">{{__('Survey Summary ')}}</li>
                    </ol>
                </div><!-- /.col -->
            </div><!-- /.row -->
        </div><!-- /.container-fluid -->
    </div>
@endsection
@section('content')


<div class="card card-primary card-outline">
    <div class="card-header">
    </div>
    
    <!-- /.card-header -->
    <div class="card-body">

        <!-- filter -->
        <div class="row">
            <div class="col-lg-12">
                <div class="card card-primary">
                    <div class="card-header">
                        <h3 class="card-title">{{ __('Filter') }}</h3>
                        <div class="card-tools">
                            <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                <i class="fas fa-minus"></i>
                            </button>
                            <button type="button" class="btn btn-tool" data-card-widget="remove">
                                <i class="fas fa-times"></i>
                            </button>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-lg-4">
                                <h5 class="card-title p-2">{{ __('Survey Date') }}</h5>
                                <input type="text" class="form-control datepickerrange" value="{{ date('F d, Y', strtotime('-1month')) . ' - ' . date('F d, Y') }}" id="filter_customer_survey_date">
                            </div>
                            
                            <div class="col-lg-4">
                                <h5 class="card-title p-2">{{ __('Laboratory') }}</h5>
                                <select name="filter_customer_survey_branch" id="filter_customer_survey_branch" class="form-control ">
                                    <option value="" selected>{{ __('All') }}</option>
                                    @foreach ($all_branches as $branch)
                                        <option value="{{ $branch['id']}}">{{ $branch['name'] }}</option>
                                    @endforeach
                                </select>
                            </div>
                          
                            <div class="col-lg-4">
                                <h5 class="card-title p-2">{{ __('Client Type') }}</h5>
                                <select name="filter_customer_survey_client_type" id="filter_customer_survey_client_type" class="form-control ">
                                    <option selected >All</option>
                                            <option value="NSC/NSF">{{__('NSC/NSF')}}</option>
                                            <option value="Pay(Private)">{{__('Pay(Private)')}}</option>
                                            <option value="Pay(Public)">{{__('Pay(Public)')}}</option>
                                            <option value="Research(Internal/External)">{{__('Research(Internal/External)')}}</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- \filter -->


        <div class="row">
           
                <div class="container-fluid">
                    
                        <div class="row">

                            <div class="col-lg-12">
                                <div class="card card-primary">
                                    <div class="card-header">
                                        <h3 class="card-title">{{ __('Total Response') }}</h3>
                                        <div class="card-tools">
                                            <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                                <i class="fas fa-minus"></i>
                                            </button>
                                            <button type="button" class="btn btn-tool" data-card-widget="remove">
                                                <i class="fas fa-times"></i>
                                            </button>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div class="d-flex">
                                            <div class="col-lg-6" >
                                                <h1><span class="responses_count">{{$overall_response}}</span> Response(s) </h1>
                                            </div>
                                            
                                        </div>
                                    </div>
                                </div>
                            </div>

                         
                                <!-- Samples -->
                                <div class="col-lg-12">
                                    <div class="card card-primary">
                                        <div class="card-header">
                                            <h5 class="card-title">{{ __('Gender') }}</h5>
                                            <div class="card-tools">
                                                <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                                    <i class="fas fa-minus"></i>
                                                </button>
                                                <button type="button" class="btn btn-tool" data-card-widget="remove">
                                                    <i class="fas fa-times"></i>
                                                </button>
                                            </div>
                                        </div>
                                        <div class="card-body">
                                            <div class="d-flex ">
                                                <div class="col-lg-3 " style="margin-left: 220px;" id="cutomer_gender"></div>
                                                <div class="col-lg-6" id="legend_gender">
                                                    <table class="mx-auto" id="legend_gender">
                                                        <thead>
                                                            <tr>
                                                                <th>Gender : Total Count</th>
                                                                
                                                            </tr>
                                                        </thead>
                                                        {{-- <tbody>
                                                            @foreach($genders as $gender)
                                                            <tr>
                                                                <td id='gender_name'></td>
                                                                <td></td>
                                                                <td id='gender_count'></td>
                                                            </tr>
                                                            @endforeach
                                                        </tbody> --}}
                                                        <tbody>
                                                            <td id="gender_table_content">

                                                            </td>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card-footer">
                                            <button type="submit" id="print_chart_gender" class="btn btn-primary print-chart-button" >
                                                <i class="fa fa-check"></i>
                                                {{__('Print')}}
                                            </button>
                                        </div>
                                    </div>
                                </div>
                          

                                <div class="col-lg-12">
                                    
                                    <div class="card card-primary">
                                        <div class="card-header">
                                            <h5 class="card-title">
                                                {{ __('Client Type') }}
                                            </h5>
                                            <div class="card-tools">
                                                <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                                    <i class="fas fa-minus"></i>
                                                </button>
                                                <button type="button" class="btn btn-tool" data-card-widget="remove">
                                                    <i class="fas fa-times"></i>
                                                </button>
                                            </div>
                                        </div>
                                        
                                        <div class="card-body">
                                            <div class="d-flex">
                                                
                                                    <div class="col-lg-3 " style="margin-left: 220px;" id="cutomer_client_type">
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <table class="mx-auto">
                                                            <thead>
                                                                <tr>
                                                                    <th>Client Type : Total Count</th>
                                                                   
                                                                </tr>
                                                            </thead>
                                                            {{-- <tbody>
                                                                @foreach($client_types as $client_type)
                                                                <tr>
                                                                    <td>{{ $client_type['client_type'] }}</td>
                                                                    <td></td>
                                                                    <td>{{ $client_type['total_client_type'] }}</td>
                                                                </tr>
                                                                @endforeach
                                                            </tbody> --}}
                                                            <tbody>
                                                                <td id="client_type_table_content">
    
                                                                </td>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                               
                                                
                                            </div>
                                            
                                        </div>
                                        <div class="card-footer">
                                            <button type="submit" id="print_chart_client_type" class="btn btn-primary print-chart-button" >
                                                <i class="fa fa-check"></i>
                                                {{__('Print')}}
                                            </button>
                                        </div>

                                    </div>
                                </div>

                                <div class="col-lg-12">
                                    
                                    <div class="card card-primary">
                                        <div class="card-header">
                                            <h5 class="card-title">
                                                {{ __('Promptness of Service') }}
                                            </h5>
                                            <div class="card-tools">
                                                <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                                    <i class="fas fa-minus"></i>
                                                </button>
                                                <button type="button" class="btn btn-tool" data-card-widget="remove">
                                                    <i class="fas fa-times"></i>
                                                </button>
                                            </div>
                                        </div>
                                        
                                        <div class="card-body">
                                            <div class="d-flex">
                                                
                                                <div class="col-lg-3 " style="margin-left: 220px;" id="cutomer_promptness_of_service"></div>
                                                <div class="col-lg-6">
                                                    <table class="mx-auto">
                                                        <thead>
                                                            <tr>
                                                                <th>Promptness Of Services : Total Count</th>
                                                                
                                                            </tr>
                                                        </thead>
                                                        {{-- <tbody>
                                                            @foreach($promptness_of_services as $promptness_of_service)
                                                            <tr>
                                                                <td>{{ $promptness_of_service['promptness_of_service'] }}</td>
                                                                <td></td>
                                                                <td>{{ $promptness_of_service['total_promptness_of_service'] }}</td>
                                                            </tr>
                                                            @endforeach
                                                        </tbody> --}}
                                                        <tbody>
                                                            <td id="promptness_of_service_table_content">

                                                            </td>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                            
                                        </div>
                                        <div class="card-footer">
                                            <button type="submit" id="print_chart_promptness_of_service" class="btn btn-primary print-chart-button" >
                                                <i class="fa fa-check"></i>
                                                {{__('Print')}}
                                            </button>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-lg-12">
                                    
                                    <div class="card card-primary">
                                        <div class="card-header">
                                            <h5 class="card-title">
                                                {{ __('Attending Personnel') }}
                                            </h5>
                                            <div class="card-tools">
                                                <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                                    <i class="fas fa-minus"></i>
                                                </button>
                                                <button type="button" class="btn btn-tool" data-card-widget="remove">
                                                    <i class="fas fa-times"></i>
                                                </button>
                                            </div>
                                        </div>
                                        
                                        <div class="card-body">
                                            <div class="d-flex">
                                                <div class="col-lg-3 " style="margin-left: 220px;" id="cutomer_attitude_of_personnel"></div>
                                                <div class="col-lg-6">
                                                    <table class="mx-auto">
                                                        <thead>
                                                            <tr>
                                                                <th>Attitude Of Personnel : Total Count</th>
                                                              
                                                            </tr>
                                                        </thead>
                                                        {{-- <tbody>
                                                            @foreach($attitude_of_personnels as $attitude_of_personnel)
                                                            <tr>
                                                                <td>{{ $attitude_of_personnel['attitude_of_personnel'] }}</td>
                                                                <td></td>
                                                                <td>{{ $attitude_of_personnel['total_attitude_of_personnel'] }}</td>
                                                            </tr>
                                                            @endforeach
                                                        </tbody> --}}
                                                        <tbody>
                                                            <td id="attitude_of_personnel_table_content">

                                                            </td>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>   
                                        </div>
                                        <div class="card-footer">
                                            <button type="submit" id="print_chart_attitude_of_personnel" class="btn btn-primary print-chart-button" >
                                                <i class="fa fa-check"></i>
                                                {{__('Print')}}
                                            </button>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-lg-12">
                                    
                                    <div class="card card-primary">
                                        <div class="card-header">
                                            <h5 class="card-title">
                                                {{ __('Released results') }}
                                            </h5>
                                            <div class="card-tools">
                                                <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                                    <i class="fas fa-minus"></i>
                                                </button>
                                                <button type="button" class="btn btn-tool" data-card-widget="remove">
                                                    <i class="fas fa-times"></i>
                                                </button>
                                            </div>
                                        </div>
                                        
                                        <div class="card-body">
                                            <div class="d-flex">
                                                <div class="col-lg-3 " style="margin-left: 220px;" id="cutomer_accurate_results"></div>
                                                <div class="col-lg-6">
                                                    <table class="mx-auto">
                                                        <thead>
                                                            <tr>
                                                                <th>Accurate Results : Total Count</th>
                                                                
                                                            </tr>
                                                        </thead>
                                                        {{-- <tbody>
                                                            @foreach($accurate_results as $accurate_result)
                                                            <tr>
                                                                <td>{{ $accurate_result['accurate_results'] }}</td>
                                                                <td></td>
                                                                <td>{{ $accurate_result['total_accurate_results'] }}</td>
                                                            </tr>
                                                            @endforeach
                                                        </tbody> --}}
                                                        <tbody>
                                                            <td id="accurate_results_table_content">

                                                            </td>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card-footer">
                                            <button type="submit" id="print_chart_accurate_results" class="btn btn-primary print-chart-button" >
                                                <i class="fa fa-check"></i>
                                                {{__('Print')}}
                                            </button>
                                        </div>
                                    </div>
                                </div>
                           
                                <div class="col-lg-12">
                                    
                                    <div class="card card-primary">
                                        <div class="card-header">
                                            <h5 class="card-title">
                                                {{ __('Overall Attitude') }}
                                            </h5>
                                            <div class="card-tools">
                                                <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                                    <i class="fas fa-minus"></i>
                                                </button>
                                                <button type="button" class="btn btn-tool" data-card-widget="remove">
                                                    <i class="fas fa-times"></i>
                                                </button>
                                            </div>
                                        </div>
                                    
                                        <div class="card-body">
                                            <div class="d-flex">
                                                <div class="col-lg-3 " style="margin-left: 220px;" id="cutomer_overall_attitude"></div>
                                                <div class="col-lg-6">
                                                    <table class="mx-auto">
                                                        <thead>
                                                            <tr>
                                                                <th>Overall Attitudes : Total Count</th>
                                                                
                                                            </tr>
                                                        </thead>
                                                        {{-- <tbody>
                                                            @foreach($overall_attitudes as $overall_attitude)
                                                            <tr>
                                                                <td>{{ $overall_attitude['overall_attitude'] }}</td>
                                                                <td></td>
                                                                <td>{{ $overall_attitude['total_overall_attitude'] }}</td>
                                                            </tr>
                                                            @endforeach
                                                        </tbody> --}}
                                                        <tbody>
                                                            <td id="overall_attitude_table_content">

                                                            </td>
                                                        </tbody>
                                                    </table>
                                                </div> 
                                            </div>
                                        </div>
                                        <div class="card-footer">
                                            <button type="submit" id="print_chart_overall_attitude" class="btn btn-primary print-chart-button" >
                                                <i class="fa fa-check"></i>
                                                {{__('Print')}}
                                            </button>
                                        </div>
                                    </div>
                                </div>
                               
                                <div class="col-lg-12">
                                    
                                    <div class="card card-primary">
                                        <div class="card-header">
                                            <h5 class="card-title">
                                                {{ __('Overall quality') }}
                                            </h5>
                                            <div class="card-tools">
                                                <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                                    <i class="fas fa-minus"></i>
                                                </button>
                                                <button type="button" class="btn btn-tool" data-card-widget="remove">
                                                    <i class="fas fa-times"></i>
                                                </button>
                                            </div>
                                        </div>
                                        <div class="card-body">
                                            <div class="d-flex">
                                                <div class="col-lg-3 " style="margin-left: 220px;" id="cutomer_overall_quality"></div>
                                                <div class="col-lg-6">
                                                    <table class="mx-auto">
                                                        <thead>
                                                            <tr>
                                                                <th>Overall Quality : Total Count</th>
                                                                
                                                            </tr>
                                                        </thead>
                                                        {{-- <tbody>
                                                            @foreach($overall_qualities as $overall_quality)
                                                            <tr>
                                                                <td>{{ $overall_quality['overall_quality'] }}</td>
                                                                <td></td>
                                                                <td>{{ $overall_quality['total_overall_quality'] }}</td>
                                                            </tr>
                                                            @endforeach
                                                        </tbody> --}}
                                                        <tbody>
                                                            <td id="overall_quality_table_content">

                                                            </td>
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="card-footer">
                                            <button type="submit" id="print_chart_overall_quality" class="btn btn-primary print-chart-button" >
                                                <i class="fa fa-check"></i>
                                                {{__('Print')}}
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            
                                <div class="col-lg-12">
                                    
                                    <div class="card card-primary">
                                        <div class="card-header">
                                            <h5 class="card-title">
                                                {{ __('Region') }}
                                            </h5>
                                            <div class="card-tools">
                                                <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                                    <i class="fas fa-minus"></i>
                                                </button>
                                                <button type="button" class="btn btn-tool" data-card-widget="remove">
                                                    <i class="fas fa-times"></i>
                                                </button>
                                            </div>
                                        </div>
                                        
                                        <div class="card-body">
                                            <div class="d-flex">
                                                <div class="col-lg-3 " style="margin-left: 220px;" id="cutomer_region"></div>
                                                <div class="col-lg-6">
                                                    <table class="mx-auto">
                                                        <thead>
                                                            <tr>
                                                                <th>Region : Total Count</th>
                                                               
                                                            </tr>
                                                        </thead>
                                                        {{-- <tbody id="region_table_body">
                                                            @foreach($data_regions as $region)
                                                                <tr>
                                                                    <td>{{ $region['region_name'] }}</td>
                                                                    <td>{{ $region['total_count'] }}</td>
                                                                </tr>
                                                            @endforeach
                                                        </tbody> --}}
                                                        <tbody>
                                                            <td id="region_table_content">

                                                            </td>
                                                        </tbody>
                                                    </table>
                                                </div>

                                            </div>
                                           
                                        </div>
                                        <div class="card-footer">
                                            
                                            <button type="submit" id="print_chart_cutomer_region" class="btn btn-primary print-chart-button" >
                                                <i class="fa fa-check"></i>
                                                {{__('Print')}}
                                            </button>
                                    </div>
                                    </div>
                                </div>

                                <div class="col-lg-12">
                                    
                                    <div class="card card-primary">
                                        <div class="card-header">
                                            <h5 class="card-title">
                                                {{ __('Test Request') }}
                                            </h5>
                                            <div class="card-tools">
                                                <button type="button" class="btn btn-tool" data-card-widget="collapse">
                                                    <i class="fas fa-minus"></i>
                                                </button>
                                                <button type="button" class="btn btn-tool" data-card-widget="remove">
                                                    <i class="fas fa-times"></i>
                                                </button>
                                            </div>
                                        </div>
                                        
                                        <div class="card-body">
                                            <div class="d-flex">
                                                
                                                <div class="col-lg-6"  id="cutomer_test_request">   
                                                </div>
                                                <div class="col-lg-6">
                                                    <table class="m-0">
                                                        <thead>
                                                            <tr>
                                                                <th>Test Name : Total Count </th>
                                                               
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            <td id="req_table_content">
    
                                                            </td>
                                                        </tbody>
                                                    </table>
                                                </div>



                                              
                                                

                                            
                                            </div>
                                        <div class="card-footer">
                                            <button type="submit" id="print_chart_cutomer_test_request" class="btn btn-primary print-chart-button" >
                                                <i class="fa fa-check"></i>
                                                {{__('Print')}}
                                            </button>
                                        </div>

                                    </div>
                                </div>

                        </div>
                    </div>
               
                </div>
           
            
        </div>
    </div>
    <!-- /.card-body -->
</div>

@endsection

@section('scripts')
    <!-- Switch -->
    <script src="{{ url('plugins/swtich-netliva/js/netliva_switch.js') }}"></script>
    <script src="{{ url('js/admin/customer_surveys.js') }}"></script>
    
@endsection