@extends('layouts.master')

@section('content')
  <div class="container">
    @include('pages.auth.assessment.details')
  </div>
@stop

@section('sub-content')
  <div class="view-assessments-content">
    @include('pages.auth.assessment.view-navs')
    <div class="view-assessment-form {{ $pageName }}">
      <div class="row">
        <div class="col text-center text-lg-end">
          <a href="/">
            <img class="img-fluid" src="{{ URL::to('/') }}/images/common/leadershipedge-logo.jpg" alt="Image"/>
          </a>
        </div>
      </div>
      <div class="row text-center">
        <div class="col">
          <h2>Pre-assessment Questions</h2>
        </div>
      </div>
      <div class="accordion">
        <div class="accordion-item">
          <h2 class="accordion-header">
            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#basicInformationGroup" aria-expanded="true" aria-controls="basicInformationGroup">
              Basic Informations
            </button>
          </h2>
          <div id="basicInformationGroup" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
            <div class="accordion-body">
              @include('pages.auth.assessment.view-answers.view-answers-basic')
            </div>
          </div>
        </div>

        <div class="accordion-item">
          <h2 class="accordion-header">
            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#responsibilitiesGroup" aria-expanded="true" aria-controls="responsibilitiesGroup">
              Responsibilities
            </button>
          </h2>
          <div id="responsibilitiesGroup" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
            <div class="accordion-body">
              @include('pages.auth.assessment.view-answers.view-answers-responsibilities')
            </div>
          </div>
        </div>

        {{-- <div class="accordion-item">
          <h2 class="accordion-header">
            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#annualGroup" aria-expanded="true" aria-controls="annualGroup">
              Annual Compensation
            </button>
          </h2>
          <div id="annualGroup" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
            <div class="accordion-body">
              @include('pages.auth.assessment.view-answers.view-answers-annual')
            </div>
          </div>
        </div> --}}

        <div class="accordion-item">
          <h2 class="accordion-header">
            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#behaviorGroup" aria-expanded="true" aria-controls="behaviorGroup">
              Behaviors and Aptitudes
            </button>
          </h2>
          <div id="behaviorGroup" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
            <div class="accordion-body">
              @include('pages.auth.assessment.view-answers.view-answers-behavior')
            </div>
          </div>
        </div>

        <div class="accordion-item">
          <h2 class="accordion-header">
            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#reportGroup" aria-expanded="true" aria-controls="reportGroup">
              Direct Reports
            </button>
          </h2>
          <div id="reportGroup" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
            <div class="accordion-body">
              @include('pages.auth.assessment.view-answers.view-answers-direct')
            </div>
          </div>
        </div>

        <div class="accordion-item">
          <h2 class="accordion-header">
            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#stressGroup" aria-expanded="true" aria-controls="stressGroup">
              Stress Level
            </button>
          </h2>
          <div id="stressGroup" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
            <div class="accordion-body">
              @include('pages.auth.assessment.view-answers.view-answers-stress')
            </div>
          </div>
        </div>

        <div class="accordion-item">
          <h2 class="accordion-header">
            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#assessmentsGroup" aria-expanded="true" aria-controls="assessmentsGroup">
              View Assessments
            </button>
          </h2>
          <div id="assessmentsGroup" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
            <div class="accordion-body">
              <div class="row mb-4">
                <div class="col">
                  <button type="button" id="exporToExcel" class="btn btn-primary btn-lg">Export To Excel</button>
                </div>
              </div>
              @include('pages.auth.assessment.view-answers.view-answers-assessments')
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
@stop

@section('footer-scripts')
  <script type="text/javascript">
    $(document).ready(function() {
      $('#exporToExcel').click(() => {
        var d = new Date();
        var datestring = ("0" + d.getDate()).slice(-2) + "-" + ("0"+(d.getMonth()+1)).slice(-2) + "-" + d.getFullYear() + " " + ("0" + d.getHours()).slice(-2) + ":" + ("0" + d.getMinutes()).slice(-2);

        var options = {
          filename: 'Final Report (' + datestring + ').csv'
        }
        $('#assessmentTable').table2csv('download', options)
      })
    })
  </script>
@endsection