@extends('hiremee-revamp.layouts.main-layout')
@section('pageTitle', 'Customer Feedback Form - HireMee')
@section('content')
<!-- Hiremee Icons -->
<link rel="stylesheet" type="text/css" href="{{ secure_asset('assets/css/hiremee-icons.css') }}">
<!-- Custom.css -->
<link rel="stylesheet" type="text/css" href="{{ secure_asset('assets/css/custom.css') }}">
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.css" rel="stylesheet" type="text/css" />
<script src="https://unpkg.com/boxicons@2.1.4/dist/boxicons.js"></script>

<style>
 .hiremeGoldTitle h2 {
   font-size: 26px;
   text-transform: uppercase;
}
.logo {
   margin-bottom: 15px;
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.logo img {
   width: 220px;
}
.dw-input-box,
.f-drop-down {
   border-radius: 0px;
   height: 40px !important;
   color: #373c41 !important;
   font-family: 'Poppins' !important;
   border: 0 !important;
   transition: background-size 0.3s ease;
   background: linear-gradient(90deg, #495057, #495057) center bottom / 0 1px no-repeat, linear-gradient(90deg, #a1d244, #a1d244) left bottom / 100% 1px no-repeat, linear-gradient(90deg, #fafafa, #fafafa) left bottom / 100% no-repeat;
}
.dw-input-box:hover,
.dw-input-box:focus {
   background-size: 100% 1px, 100% 1px, 100%;
}
.dw-text-box {
   color: #373c41 !important;
   font-family: 'Poppins' !important;
   border: 1px solid #a1d244 !important;
}
.f-form-card {
   padding: 30px;
   box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
   background-color: #fff;
   border-radius: 10px;
}
.bg-light-green {
   background-color: #f8ffed;
}
.f-form-label,
.f-form-text,
h2 {
   font-family: 'Poppins';
   color: #495057;
   margin-top: 10px
}
.f-form-text {
   font-size: 16px;
   line-height: 170%;
}
@media screen and (max-width: 500px) {
   .f-form-text {
      font-size: 15px;
   }
}
.f-fomr-h4,
.f-form-h5 {
   font-family: 'Poppins';
   color: #0b6624
}
.f-fomr-h4 {
   font-size: 18px;
}
.f-form-h5 {
   color: #495057;
   font-weight: 500;
   margin-bottom: 0px;
   margin-top: 4px;
}
.rating-table {
   min-width: 685px;
}
.rating-table thead th,
.rating-table tbody th {
   font-size: 15px;
   font-family: 'Poppins';
   color: #495057;
}
table.rating-table td label{
   margin-bottom: 0px;
}
.rating-table tbody th {
   font-weight: 400;
   width: 240px;
   font-size: 15px;
   line-height: 1.4;
}
.rating-table thead th:not(:first-child) {
   text-align: center;
   white-space: nowrap;
   width: 15%;
}
.rating-table tbody td {
   text-align: center;
   width: 15%;
   border: 0 !important;
}
.rating-cell input+label i {
   color: #dfdfdf;
   margin-top: 14px;
   cursor: pointer;
}
.rating-cell input+label i:hover {
   /* color:#fff; */
   color: #a1d244;
   /* background: #a1d244; */
   border-radius: 50%;
}
.rating-cell input:checked+label i,
.rating-cell input+label i:hover {
   /* color:#fff; */
   color: #a1d244;
   /* background: #a1d244; */
   border-radius: 50%;
}
.rating-cell input {
   display: none;
}
.checkbox-wrapper input[type="radio"] {
   display: none;
   visibility: hidden;
}
.checkbox-wrapper-2{
   display: inline-flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-left: 15px;
}
.checkbox-wrapper-2 input[type="checkbox"]{
   display: inline-block;
   line-height: inherit;
   box-shadow: none;
   height: 16px;
   width: 16px;
   accent-color: #878787;
   margin-bottom: 0px;
}
.checkbox-wrapper-2 label{
   display: inline;
   cursor: pointer;
   margin: 0px;
}

.checkbox-wrapper label {
   position: relative;
   padding-left: 2em;
   padding-right: 1em;
   line-height: 2;
   cursor: pointer;
   display: inline-flex;
   /*margin-left: 24px;*/
}
.checkbox-wrapper label:before {
   box-sizing: border-box;
   content: " ";
   position: absolute;
   top: 0.3em;
   left: 0;
   display: block;
   width: 1.4em;
   height: 1.4em;
   border: 2px solid #9098A9;
   border-radius: 20px;
}
.checkbox-wrapper input[type=radio]:checked+label {
   padding-left: 1em;
   color: #fff;
   z-index: 2;
}
.checkbox-wrapper input[type=radio]:checked+label:before {
   top: 0;
   width: 100%;
   height: 2em;
   background: #a1d244;
   border-color: #a1d244;
   z-index: -1;
}
.checkbox-wrapper label,
.checkbox-wrapper label::before {
   transition: 0.25s all ease;
}
.if-yes{
   display: none;
}
table.rating-table td,
table.rating-table th {
   display: table-cell !important;
   padding-top: 2px !important;
   padding-bottom: 2px !important;
}
.rating-table thead th {
   font-weight: 500;
   padding-bottom: 6px !important;
   border-bottom: 1px solid #8fc740;
}
.rating-table-wrapper {
   overflow-x: auto;
}
.form-heading {
   color: #f7931d;
}
.required {
   color: red;
}
.customer-feedback-form input,
.customer-feedback-form textarea {
   font-weight: 500;
}
.text-danger{
   color: #f0433a !important;
}
@media screen and (width < 1210px){
   #qulaity-chk {
      top: 55px;
   }
}
.if-yes .f-form-text{
   font-size: 13px;
   color: #0b6624;
   font-weight: 600;
   margin-left: 25px;
   font-style: italic;
}
.termTxt .text-white u:hover{
   color:#8fc740 !important;
}
input,
input::placeholder {
    font-size: 14px;
}


.f-data-picker{
   position: relative;
}
.f-data-picker i{
   position: absolute;
   right: 20px;
   top: 50%;
   transform: translateY(-50%);
   color: #495057;
}
 
/* Date Picker UI */
.table-condensed{
   width: 300px;
   font-family: 'Poppins';
   color: #424242;
}
.table-condensed th{
   font-weight: 600;
}
.table-condensed th.prev,
.table-condensed th.next{
   font-size: 32px;
   font-weight: 400;
}
.filter-option.pull-left{
   font-weight: 500;
}
.table-condensed table,
.table-condensed th,
.table-condensed td{
padding: 0.75rem 0.25rem !important
}
@media screen and (max-width: 600px) {

   .f-form-card{
      padding: 30px 15px;
   }
   .table-condensed{
      width: 260px;
   }
    .table-condensed tr {
        display: table-row;
        margin-bottom: 0;
    }
    .table-condensed th,
    .table-condensed td{
      display: table-cell;
      font-size: 13px;
    }
    .form-heading {
      font-size: 20px;
   }
 
}
.footer-text {
    font-size: 13px;
}
.bs-placeholder .filter-option.pull-left{
   color: #c8c8c8 !important;
   font-weight: 500 !important;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option{
   font-family: 'Poppins' !important;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{
   font-family: 'Poppins' !important;
}
</style>
<div class="customer-feedback-form featured-area pricingSec  padding-top-45 padding-bottom-100 bg-light-green">
   <div class="container">
      {!! Form::open(['url'=>'/dummy-url','method'=>'POST','id'=>'customer_feedback_submit_form','class'=>'customer_feedback_submit_form']) !!} 
      {!! Form::hidden('feedback_form_name','customer feedback',['id'=>'feedback_form_name']) !!}
         <div class="row justify-content-center">
            <div class="col-11 f-form-card">
               <div class="hiremeGoldTitle text-center">
                  <a href="\"  class="logo"><img src="{{{ URL::asset('assets/hiremee-revamp/images/hiremee_new_logo.png')}}}" alt=""></a>
               </div>               
               <div class="row">
                  <h2 class="text-center mx-auto form-heading">Customer Feedback Form</h2>
                  <div class="col-12">
                     <p class="f-form-text margin-bottom-0">Dear Valued Customer, </br>&emsp; We request your valued feedback to improve our services towards your total satisfaction.</p>
                  </div>
                  <div class="col-md-6">
                     <label class="f-form-label">Organization Name<span class="required">*</span></label>
                     <input type="text" class="dw-input-box" name="company_name" id="company_name" placeholder="Enter organization name" maxlength="255" onkeypress="hideTooltipValidationError('company_name')" />
                     {!! Form::hidden("is_mandatory_fields[18]", "company_name") !!}
                  </div>
                  <div class="col-md-6">
                     <label class="f-form-label">Date<span class="required">*</span></label>
                     <div class="f-data-picker">
                        {!! Form::text('feedback_date',"",['class'=>'dw-input-box date-feedback','id'=>'js-date-feedback','placeholder'=>'Enter date','readonly'=>true]) !!}
                        <i class="icon-material-outline-date-range"></i>
                     </div>
                     {!! Form::hidden("is_mandatory_fields[17]", "feedback_date") !!}
                  </div>
                  <div class="col-md-6">
                     <label class="f-form-label margin-top-0">Organization Address<span class="required">*</span></label>
                     <textarea name="company_address" id="company_address" data-maxlength="500" rows="4" class="form-control dw-text-box" maxlength="5000" placeholder="Enter organization address..." onkeypress="hideTooltipValidationError('company_address')"></textarea>
                     {!! Form::hidden("is_mandatory_fields[16]", "company_address") !!}
                  </div>
                  <div class="col-md-6">
                     <label class="f-form-label margin-top-0">Feedback Period</label>
                     <select name="financial_year" class="dw-input-box selectpicker" data-live-search="false" id="financial_year"><option value="April 2026 - March 2027">April 2026 - March 2027</option><option value="April 2025 - March 2026">April 2025 - March 2026</option></select>
                     {{--<input type="text" class="dw-input-box" name="feedback-period" id="feedback-period" disabled placeholder="" />
                     {!! Form::hidden("is_mandatory_fields[15]", "feedback-period") !!}
                     {!! Form::hidden('feedback_period_value','',['id'=>'feedback_period_value']) !!}--}}

                     <label class="f-form-label margin-top-20">List of Services Availed<span class="required">*</span></label>
                     <select class="selectpicker" multiple data-live-search="true" id="service_name" title="Select services" name="service_name[]" style="font-family: 'Poppins' !important;">
                       <option value="Proctored Assessments">Proctored Assessments</option>
                       <option value="Coding">Coding</option>
                       <option value="Psychometric">Psychometric</option>
                       <option value="Speech Proficiency">Speech Proficiency</option>
                       <option value="LMS">LMS</option>
                       <option value="ATS">ATS</option>
                       <option value="Employability Assessment">Employability Assessment</option>
                       <option value="Content Service">Content Service</option>
                     </select>
                     {!! Form::hidden('service_name_availed','',['id'=>'service_name_availed']) !!}
                     {!! Form::hidden("is_mandatory_fields[14]", "service_name_availed") !!}
                  </div>

                  <div class="col-md-12">
                     <h4 class="f-fomr-h4">Please tick your perception on the following aspects of our service<span class="required">*</span></h4>                     
                     <div class="rating-table-wrapper">
                        <table cellpadding="4" cellspacing="0" class="rating-table w-100 ">
                           <thead>
                              <tr>
                                 <!-- <th>Sl. No.</th> -->
                                 <th>Parameter</th>
                                 <th>Excellent</th>
                                 <th>Very Good</th>
                                 <th>Good</th>
                                 <th>Satisfactory</th>
                                 <th>Un Satisfactory</th>
                              </tr>
                           </thead>
                           <tbody>
                              <tr>
                                 <!-- <th>1</th> -->
                                 <th>Solution Provided</th>
                                 <td class="rating-cell"><input type="radio" name="solution_provided" class="chk-solution-provided" id="excellent" value="Excellent"><label for="excellent"><i class='bx bx-sm bx-happy-beaming'></i></label></td>
                                 <td class="rating-cell"><input type="radio" name="solution_provided" class="chk-solution-provided" id="very-good" value="Very Good"><label for="very-good"><i class='bx bx-sm bx-happy-alt'></i></label></td>
                                 <td class="rating-cell"><input type="radio" name="solution_provided" class="chk-solution-provided" id="good" value="Good"><label for="good"><i class='bx bx-sm bx-smile'></i></label></td>
                                 <td class="rating-cell"><input type="radio" name="solution_provided" class="chk-solution-provided" id="satisfactory" value="Satisfactory"><label for="satisfactory"><i class='bx bx-sm bx-meh'></i></label></td>
                                 <td class="rating-cell"><input type="radio" name="solution_provided" class="chk-solution-provided" id="notsatisfactory" value="Un Satisfactory"><label for="notsatisfactory"><i class='bx bx-sm bx-sad'></i></label></td>
                              </tr> 
                                 {!! Form::hidden("is_mandatory_fields[13]", "solution-provided-chk") !!}                 
                              <tr>
                                 <!-- <th>1</th> -->
                                 <th>Quality of Content</th>
                                 <td class="rating-cell"><input type="radio" name="qulaity" class="chk-quality-provided" id="qulaity-5" value="Excellent"><label for="qulaity-5"><i class='bx bx-sm bx-happy-beaming'></i></label></td>
                                 <td class="rating-cell"><input type="radio" name="qulaity" class="chk-quality-provided" id="qulaity-4" value="Very Good"><label for="qulaity-4"><i class='bx bx-sm bx-happy-alt'></i></label></td>
                                 <td class="rating-cell"><input type="radio" name="qulaity" class="chk-quality-provided" id="qulaity-3" value="Good"><label for="qulaity-3"><i class='bx bx-sm bx-smile'></i></label></td>
                                 <td class="rating-cell"><input type="radio" name="qulaity" class="chk-quality-provided" id="qulaity-2" value="Satisfactory"><label for="qulaity-2"><i class='bx bx-sm bx-meh'></i></label></td>
                                 <td class="rating-cell"><input type="radio" name="qulaity" class="chk-quality-provided" id="qulaity-1" value="Un Satisfactory"><label for="qulaity-1"><i class='bx bx-sm bx-sad'></i></label></td>
                              </tr>
                                 {!! Form::hidden("is_mandatory_fields[12]", "solution-provided-chk") !!}
                              <tr>
                                 <!-- <th>1</th> -->
                              <th>Platform Experience</th>
                              <td class="rating-cell"><input type="radio" name="platform_experience" class="chk-platform-experience" id="platform-5" value="Excellent"><label for="platform-5"><i class='bx bx-sm bx-happy-beaming'></i></label></td>
                              <td class="rating-cell"><input type="radio" name="platform_experience"  class="chk-platform-experience" id="platform-4" value="Very Good"><label for="platform-4"><i class='bx bx-sm bx-happy-alt'></i></label></td>
                              <td class="rating-cell"><input type="radio" name="platform_experience"  class="chk-platform-experience" id="platform-3" value="Good"><label for="platform-3"><i class='bx bx-sm bx-smile'></i></label></td>
                              <td class="rating-cell"><input type="radio" name="platform_experience"  class="chk-platform-experience" id="platform-2" value="Satisfactory"><label for="platform-2"><i class='bx bx-sm bx-meh'></i></label></td>
                              <td class="rating-cell"><input type="radio" name="platform_experience"  class="chk-platform-experience" id="platform-1" value="Un Satisfactory"><label for="platform-1"><i class='bx bx-sm bx-sad'></i></label></td>
                              </tr>
                              {!! Form::hidden("is_mandatory_fields[11]", "solution-provided-chk") !!}
                              <tr>
                                 <!-- <th>1</th> -->
                                 <th>Timely Delivery</th>
                                 <td class="rating-cell"><input type="radio" name="timely_delivery"  class="chk-timely-delivery" id="timely-5" value="Excellent"><label for="timely-5"><i class='bx bx-sm bx-happy-beaming'></i></label></td>
                                 <td class="rating-cell"><input type="radio" name="timely_delivery"class="chk-timely-delivery" id="timely-4" value="Very Good"><label for="timely-4"><i class='bx bx-sm bx-happy-alt'></i></label></td>
                                 <td class="rating-cell"><input type="radio" name="timely_delivery"class="chk-timely-delivery" id="timely-3" value="Good"><label for="timely-3"><i class='bx bx-sm bx-smile'></i></label></td>
                                 <td class="rating-cell"><input type="radio" name="timely_delivery"class="chk-timely-delivery" id="timely-2" value="Satisfactory"><label for="timely-2"><i class='bx bx-sm bx-meh'></i></label></td>
                                 <td class="rating-cell"><input type="radio" name="timely_delivery"class="chk-timely-delivery" id="timely-1" value="Un Satisfactory"><label for="timely-1"><i class='bx bx-sm bx-sad'></i></label></td>
                              </tr>
                              {!! Form::hidden("is_mandatory_fields[10]", "solution-provided-chk") !!}
                              <tr>
                                 <!-- <th>1</th> -->
                                 <th>Post Sales Support – Customer Support</th>
                                 <td class="rating-cell"><input type="radio" name="customer_support" class="chk-customer-support" id="post-sales-5" value="Excellent"><label for="post-sales-5"><i class='bx bx-sm bx-happy-beaming'></i></label></td>
                                 <td class="rating-cell"><input type="radio" name="customer_support" class="chk-customer-support" id="post-sales-4" value="Very Good"><label for="post-sales-4"><i class='bx bx-sm bx-happy-alt'></i></label></td>
                                 <td class="rating-cell"><input type="radio" name="customer_support" class="chk-customer-support" id="post-sales-3" value="Good"><label for="post-sales-3"><i class='bx bx-sm bx-smile'></i></label></td>
                                 <td class="rating-cell"><input type="radio" name="customer_support" class="chk-customer-support" id="post-sales-2" value="Satisfactory"><label for="post-sales-2"><i class='bx bx-sm bx-meh'></i></label></td>
                                 <td class="rating-cell"><input type="radio" name="customer_support" class="chk-customer-support" id="post-sales-1" value="Un Satisfactory"><label for="post-sales-1"><i class='bx bx-sm bx-sad'></i></label></td>
                              </tr>
                              {!! Form::hidden("is_mandatory_fields[9]", "solution-provided-chk") !!}
                           </tbody>
                        </table>
                     </div>
                  </div>
                  <div class="col-md-12">
                     <label name="solution-provided-chk" class="solution-provided-chk m-0" id="solution-provided-chk"></label>
                  </div>                                 
                  <div class="col-md-12 margin-top-10 sevices">
                     <h5 class="f-form-h5">1. Are you happy with the services, KAAM Services has provided you with?<span class="required">*</span></h5>
                     <div class="col-md-12">
                        <label name="radio-with-services"></label>
                        {!! Form::hidden("is_mandatory_fields[8]", "radio-with-services") !!}
                     </div>
                     <div class="checkbox-wrapper d-inline 1-cb-1 margin-left-15">
                        <input type="radio" name="with_services[]" id="1-cb-1" value="Yes" />
                        <label for="1-cb-1">Yes</label>
                     </div>
                     <div class="checkbox-wrapper d-inline 1-cb-2 margin-left-30">
                        <input type="radio" name="with_services[]" id="1-cb-2" value="No"/>
                        <label for="1-cb-2">No</label>
                     </div>
                     <div class="if-yes">
                        <p class="f-form-text">Please recommend our services to contacts within your industry</p>
                     </div>                  
                  </div>
                  <div class="col-md-12 sevices if-no d-none" id="service_expectation_div">
                     <p class="f-form-text">Please tell us what we should change in order to meet your expectations<span class="required">*</span></p>
                     <textarea name="service_expectation" id="service_expectation" maxlength="5000" rows="4" class="form-control dw-text-box" placeholder="Enter service expectations..." onkeypress="hideTooltipValidationError('service-expectation-textarea')"></textarea>
                  </div>
                  <div class="col-md-12 sevices if-no d-none" id="service_expectation_div_1">
                     <label name="service-expectation-textarea"></label>
                     {!! Form::hidden("is_mandatory_fields[7]", "service-expectation-textarea") !!}
                  </div>
                  <div class="col-md-12 security">
                     <h5 class="f-form-h5">2. Are you happy with the Security and Privacy practices followed in KAAM Services?<span class="required">*</span></h5>
                     <div class="col-md-12">
                        <label name="radio-with-security"></label>
                        {!! Form::hidden("is_mandatory_fields[6]", "radio-with-security") !!}
                     </div>
                     <div class="checkbox-wrapper d-inline 2-cb-1 margin-left-15">
                        <input type="radio" name="with_security[]" id="2-cb-1" value="Yes"/>
                        <label for="2-cb-1">Yes</label>
                     </div>
                     <div class="checkbox-wrapper d-inline 2-cb-2 margin-left-30">
                        <input type="radio" name="with_security[]" id="2-cb-2" value="No"/>
                        <label for="2-cb-2">No</label>
                     </div>
                  </div>
                  <div class="col-md-12 margin-top-10 security if-no d-none" id="security_expectation_div">
                     <p class="f-form-text">Please tell us what we should change in order to meet your expectations<span class="required">*</span></p>
                     <textarea name="security_expectation" id="security_expectation" maxlength="5000" rows="4" class="form-control dw-text-box" placeholder="Enter security expectations..." onkeypress="hideTooltipValidationError('security-expectation-textarea')"></textarea>
                  </div>
                  <div class="col-md-12 security if-no d-none" id="security_expectation_div_1">
                     <label name="security-expectation-textarea m-0"></label>
                     {!! Form::hidden("is_mandatory_fields[5]", "security-expectation-textarea") !!}
                  </div>

                  {{--Newly added fields--}}
                  <div class="col-12 d-none">
                     <h5 class="f-form-h5">3. With your permission, we'd love to share your experience as a testimonial on our website, social media, and marketing presentations. Please take a moment to let us know what you're comfortable with:</h5>
                     <p class="f-form-text footer-text margin-bottom-0"></p>
                  </div>
                  <div class="col-md-12  d-none">
                     <h5 class="f-form-h5">Can we share your feedback as a testimonial?<span class="required">*</span></h5>
                     <div class="col-md-12">
                        <label name="share-feedback-chk"></label>
                        {!! Form::hidden("is_mandatory_fields[20]", "share-feedback-chk") !!}
                     </div>
                     <div class="checkbox-wrapper d-inline 1-cbb-2 margin-left-15">
                        <input type="radio" name="share_feedback" id="1-cbb-2" value="Yes" />
                        <label for="1-cbb-2">Yes</label>
                     </div>
                     <div class="checkbox-wrapper d-inline 1-cbb-1 margin-left-30">
                        <input type="radio" name="share_feedback" id="1-cbb-1" value="No"/>
                        <label for="1-cbb-1">No</label>
                     </div>
                     <div class="checkbox-group d-none" id="share_feedback_div">
                        <h5 class="f-form-h5 margin-bottom-10">Where can we share it? (Select all that apply)<span class="required">*</span></h5>
                        {!! Form::hidden("is_mandatory_fields[21]", "share-platform-chk") !!}
                        <div class="col-md-12">
                           <label name="share-platform-chk" class="share-platform-chk m-0" id="share-platform-chk"></label>
                        </div>
                        <div class="checkbox-wrapper-2">
                           <input type="checkbox" name="options[]" class="regular-checkbox share_feedback_chk" id="share-platform-1" value="Our website">
                           <label for="share-platform-1">Our website</label>
                        </div>
                        <div class="checkbox-wrapper-2">
                           <input type="checkbox" name="options[]" class="regular-checkbox share_feedback_chk" id="share-platform-2" value="Social media">
                           <label for="share-platform-2">Social media (e.g., LinkedIn, Instagram)</label>
                        </div>
                        <div class="checkbox-wrapper-2">
                           <input type="checkbox" name="options[]" class="regular-checkbox share_feedback_chk" id="share-platform-3" value="Sales/marketing presentations">
                           <label for="share-platform-3">Sales/marketing presentations</label>
                        </div>
                        <div class="checkbox-wrapper-2">
                           <input type="checkbox" name="special_options" class="special-checkbox share_feedback_chk" id="all-of-the-above" value="All of the above">
                           <label for="all-of-the-above">All options</label>
                        </div>
                        
                        <h5 class="f-form-h5">How would you like your testimonial to be attributed?<span class="required">*</span></h5>
                        <div class="col-md-12">
                           <label name="radio-testimonial"></label>
                           {!! Form::hidden("is_mandatory_fields[22]", "radio-testimonial") !!}
                        </div>

                     <div class="checkbox-wrapper d-inline margin-left-15 ">
                        <input type="radio" name="testimonial" id="testimonial1" value="Full name and title" onclick="onRadioClick(this)"/>
                        <label for="testimonial1">Full Name & Title</label>
                     </div>
                     <div class="checkbox-wrapper d-inline margin-left-15">
                        <input type="radio" name="testimonial" id="testimonial2" value="First name only" onclick="onRadioClick(this)"/>
                        <label for="testimonial2">First Name Only</label>
                     </div>
                     <div class="checkbox-wrapper d-inline margin-left-15">
                        <input type="radio" name="testimonial" id="testimonial3" value="Organization only" onclick="onRadioClick(this)"/>
                        <label for="testimonial3">Organization Name Only</label>
                     </div>
                     <div class="checkbox-wrapper d-inline margin-left-15">
                        <input type="radio" name="testimonial" id="testimonial4" value="Anonymous" onclick="onRadioClick(this)"/>
                        <label for="testimonial4">Anonymous</label>
                     </div>
                     <div class="checkbox-wrapper d-inline margin-left-15">
                        <input type="radio" name="testimonial" id="testimonial5" value="Other" onclick="onRadioClick(this)"/>
                        <label for="testimonial5">Other</label>
                     </div>   
                     <textarea name="share_feedback_textarea" id="share_feedback_textarea" maxlength="2000" rows="4" class="d-none form-control dw-text-box" placeholder="Enter attributes.." onkeypress="hideTooltipValidationError('service-expectation-textarea')"></textarea>
                     <div class="col-md-12 if-no d-none" id="share_feedback_div_1">
                        <label name="other-chk-textarea"></label>
                        {!! Form::hidden("is_mandatory_fields[23]", "other-chk-textarea") !!}
                     </div>                 
                     </div>
                  </div>
                  {{--Newly added fields--}}

                  <div class="col-lg-4">
                     <label class="f-form-label">Full Name(Customer Signature)<span class="required">*</span></label>
                     <input type="text" class="dw-input-box" name="customer_signature" id="customer_signature" placeholder="Enter your full name" maxlength="100" onkeypress="return allowOnlyLetters(event,this,'customer_signature');" />
                     {!! Form::hidden("is_mandatory_fields[4]", "customer_signature") !!}
                  </div>
                  <div class="col-lg-4">
                     <label class="f-form-label">Designation<span class="required">*</span></label>
                     <!-- <input type="text" class="dw-input-box" name="customer_designation" id="customer_designation" placeholder="Enter your designation" maxlength="255" onkeypress="return allowOnlyLettersAndNumbers(event,this,'customer_designation');"/> -->
                     <input type="text" class="dw-input-box" name="customer_designation" id="customer_designation" placeholder="Enter your designation" maxlength="255" onkeypress="hideTooltipValidationError('customer_designation')"/>
                     {!! Form::hidden("is_mandatory_fields[3]", "customer_designation") !!}
                  </div>
                  <div class="col-lg-4">
                     <label class="f-form-label">Date</label>
                     <input type="text" class="dw-input-box" name="feedback-date-footer" id="feedback-date-footer" disabled placeholder="" />
                     {!! Form::hidden("is_mandatory_fields[2]", "feedback-date-footer") !!}
                  </div>

                  
                  <div class="row col-md-12" style="">
                     <div class="col-lg-1">
                     <label class="f-form-label">Captcha<span class="required">*</span></label>
                     </div>
                     <div class="col-lg-4">
                     <div class="utf-no-border">
                      {!! NoCaptcha::renderJs() !!}
                      {!! NoCaptcha::display() !!}                      
                    </div>
                    <span  id="js-feedback-captcha-error"></span>
                    </div>
                  </div>
                  {{--<div class="col-md-12 form-group termTxt text-black" style="padding-left: 15px;">
                     <input type="checkbox" name="termCheck" class="termCheck"/> <span style="color: #495057;font-family: 'Poppins';font-size: 14px;">I agree to the <a href="/termsofuse" class=" text-white" target="_blank"><u style="color: black;">Terms and conditions</u> </a> & <a href="/privacypolicy" target="_blank" class="text-white"><u style="color: black;">Privacy Policy</u> </a><span style="color:red">*</span> </span>
                  </div>
                  <div class="col-md-12 form-group termTxt text-black" style="padding-left: 27px;">
                     <label name="termCheck_mandate"></label>
                     {!! Form::hidden("is_mandatory_fields[1]", "termCheck_mandate") !!}
                  </div>--}}

               </div><!-- end of <div class="row"> -->
               <div class="form-group margin-bottom-10 d-flex justify-content-center">
                  <button type="submit" id="customer_feedback_submit_btn" class="theme-btn log-in-button padding-left-30 padding-right-30" style="border-radius: 22px;min-width: auto; margin-right: 20px;">SUBMIT</button>
               </div>
            </div>
         </div>
      {!! Form::close() !!}
   </div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.js"></script>
<script>
$(document).ready(function() {
   $(function () {
     var twoYearsAgoAprilFirst = new Date();
     twoYearsAgoAprilFirst.setFullYear(twoYearsAgoAprilFirst.getFullYear() - 1);
     twoYearsAgoAprilFirst.setMonth(3); // Month is 0-indexed (0 for January, 3 for April)
     twoYearsAgoAprilFirst.setDate(1);
     twoYearsAgoAprilFirst.setHours(0, 0, 0, 0); // Set time to the beginning of the day
     $(".date-feedback").datepicker({ 
           autoclose: true, 
           todayHighlight: true,
           format: 'yyyy-mm-dd',
           widgetPositioning:{
                                horizontal: 'auto',
                                vertical: 'bottom'
                            },
           startDate: twoYearsAgoAprilFirst,
           endDate: new Date()
     });
   });
});

document.addEventListener('DOMContentLoaded', function() {
  const regularCheckboxes = document.querySelectorAll('.regular-checkbox');
  // const noneOfTheAboveCheckbox = document.getElementById('none-of-the-above');
  const allOfTheAboveCheckbox = document.getElementById('all-of-the-above');
  const checkboxGroup = document.querySelector('.checkbox-group'); // Or a more specific container if needed

  // Function to handle regular checkbox clicks
  regularCheckboxes.forEach(checkbox => {
    checkbox.addEventListener('change', function() {
      // Uncheck "All of the Above" if any regular checkbox is unchecked
      if (!this.checked && allOfTheAboveCheckbox.checked) {
        allOfTheAboveCheckbox.checked = false;
      }
      // Check "All of the Above" if all regular checkboxes are checked
      const allRegularChecked = Array.from(regularCheckboxes).every(cb => cb.checked);
      allOfTheAboveCheckbox.checked = allRegularChecked;
    });
  });
  // Function to handle "All of the Above" click
  allOfTheAboveCheckbox.addEventListener('change', function() {
    if (this.checked) {
      regularCheckboxes.forEach(checkbox => {
        checkbox.checked = true;
      });
    } else {
      // If "All of the Above" is unchecked, uncheck all regular checkboxes
      regularCheckboxes.forEach(checkbox => {
        checkbox.checked = false;
      });
    }
  });
});
function onRadioClick(radio) {
  if(radio.value == 'Other'){
   $('#share_feedback_textarea').removeClass("d-none");
   $('#share_feedback_div_1').removeClass("d-none");
  }else{
   $('#share_feedback_textarea').addClass("d-none");
   $('#share_feedback_div_1').addClass("d-none");
  }
}
$('.1-cbb-1').click(function(){
  $('#share_feedback_div').addClass("d-none");
});
$(".1-cbb-2").click(function(){
  $('#share_feedback_div').removeClass("d-none");
});
$('.1-cb-1').click(function(){
  $('.sevices .if-yes').show();
  $('#service_expectation_div').addClass("d-none");
  $('#service_expectation_div_1').addClass("d-none");
  hideTooltipValidationError('radio-with-services');
});
$(".1-cb-2").click(function(){
  $('#service_expectation_div').removeClass("d-none");
  $('#service_expectation_div_1').removeClass("d-none");
  $('.sevices .if-yes').hide();
  hideTooltipValidationError('radio-with-services');
});
$('.2-cb-1').click(function(){
   $('#security_expectation_div').addClass("d-none");
   $('#security_expectation_div_1').addClass("d-none");
   hideTooltipValidationError('radio-with-security');
});
$('.2-cb-2').click(function(){
   $('#security_expectation_div').removeClass("d-none");
   $('#security_expectation_div_1').removeClass("d-none");
   hideTooltipValidationError('radio-with-security');
});
</script>
<script type="text/javascript">
// $(document).ready(function() {
//     $('select').selectpicker();
// });
window.onload = function() {
   const today = new Date();
   const yyyy = today.getFullYear();
   let mm = today.getMonth() + 1; // Months start at 0!
   let dd = today.getDate();
   if (dd < 10) dd = '0' + dd;
   if (mm < 10) mm = '0' + mm;
   const formattedToday = dd + '/' + mm + '/' + yyyy;
   // document.getElementById('feedback-date').value = formattedToday;
   document.getElementById('feedback-date-footer').value = formattedToday;
   let obj = new Date(); 
   let day = obj.getUTCDate(); 
   let month = obj.getUTCMonth() + 1; 
   let next_year = obj.getUTCFullYear() + 1 ;
   let current_financial_year = 'April '+obj.getUTCFullYear()+' - March '+next_year;
   // document.getElementById('feedback-period').value = current_financial_year;
   // document.getElementById('feedback_period_value').value = current_financial_year;

   const myInput_1 = document.getElementById('customer_signature');
   myInput_1.onpaste = e => e.preventDefault();
};
$('#feedback-date-footer').keydown(function(e) {
   e.preventDefault();
   return false;
});
function allowOnlyLetters(e, t,element_name=''){
  if (window.event){    
    var charCode = window.event.keyCode;    
  }else if (e){    
    var charCode = e.which;    
  }else{ return true; }    
  if ((charCode > 64 && charCode < 91) || (charCode > 96 && charCode < 123) || (charCode == 32)){   
    hideTooltipValidationError(element_name);
    return true;
  }else{
    return false;    
  }           
}
function allowOnlyLettersAndNumbers(e, t,element_name=''){
  if (window.event){    
    var charCode = window.event.keyCode;    
  }else if (e){    
    var charCode = e.which;    
  }else{ return true; }    
  if ((charCode > 64 && charCode < 91) || (charCode > 96 && charCode < 123) || (charCode == 32) || (charCode > 47 && charCode < 57)){   
    hideTooltipValidationError(element_name);
    return true;
  }else{
    return false;    
  }           
}
$("#customer_feedback_submit_btn").on('click',function(e){
  e.preventDefault();
if(customerFeedbackFormValidate()){
   var response = $('#customer_feedback_submit_form').find('.g-recaptcha-response').val();
   if(response.length === 0){
      var field_id ='js-feedback-captcha-error';
      $("body").find('#'+field_id+'-custom').remove();
      $('#'+field_id).append('<span data-position="left" style="top: 20px;" data-delay="0" data-animation="false" class="js-tootletip hiremee-info text-danger tooltip-validate" id="'+field_id+'-custom" data-toggle="tooltip" data-original-title="Please enter captcha" data-trigger="hover"></span>');
      $('#'+field_id+'-custom').tooltip();
      return false;
   }else{
     $('#customer_feedback_submit_btn').prop('disabled',true).text('Processing..');
     var form_data = $('#customer_feedback_submit_form').serialize();
     $.ajax({
       url: "{{secure_url('/customer/feedback/post')}}",
       type: "POST",
       data: form_data,
       success: function (response) {
         if(response.status == 200){
             swal({
                   html: true, 
                   title: '<span class="sweet-success-text">'+response.message+'</span>',
                   // text: response.message,
                   type: "success",
                   showCancelButton: false,
                   confirmButtonText: "OK",
                   closeOnConfirm: false,
                   confirmButtonColor: '#28e1bd',
                 },function(isConfirm){ 
                     if (isConfirm) {
                       window.location="/";
                       // window.location.reload();
                     }
             });
         }else if(response.status == 'fails'){
           alertMessage("warning",'',response.message);
           $('#customer_feedback_submit_btn').prop('disabled',false).text('SUBMIT');
         }else if(response.status == 10){
           swal({
                   html: true, 
                   title: '<span class="sweet-warning-text">'+response.message+'</span>', 
                   type: "warning",
                   showCancelButton: false,
                   confirmButtonText: "OK",
                   closeOnConfirm: false,
                   confirmButtonColor: '#ffbc01',
                 },function(isConfirm){ 
                     if (isConfirm) {
                       window.location="/";
                     }
             });
         } 
         else{
           alertMessage("danger",'','Something went wrong');
           $('#customer_feedback_submit_btn').prop('disabled',false).text('SUBMIT');
         }
         $('#customer_feedback_submit_btn').prop('disabled',false).text('SUBMIT');
       },          
     });
   }
}
});
function customerFeedbackFormValidate(){
  var error_flag =true;
  var error_count=0;  
  $("input[name^=is_mandatory_fields]").each(function(i){
   var error_id= $("#customer_feedback_submit_form").find('[name="' +$(this).val() +'"]');
   var id ='[name="'+$(this).val()+'"]';
   var id_value = $(this).val();
   // alert(id_value);
   var is_company_name = true;
   var is_feedback_date = true;
   var is_company_address = true;
   var is_feedback_period = true;
   var is_service_name = true;   
   var service_parameters_count =0;
   var is_with_services = true;
   var is_service_expectation = true;
   var is_with_security = true;   
   var is_security_expectation = true;
   var is_customer_signature = true;
   var is_customer_designation = true;
   var is_termsandconditions = true;

   var is_sharefeedbackchk = true;
   var is_share_platform_chk = true;
   var is_radio_testimonial = true;
   var is_other_chk_textarea = true;

   if(id_value == 'company_name'){
      if($.trim($(id).val().length) ==0){
        is_company_name= false;
        message='Organization name is a required field';
      }else if(isStartingWithSpace($(id).val()) == false){
         is_company_name= false;
         message='Organization name starting with space is not allowed';
      }else if(isExceptSomeSpecialCharacters($(id).val()) == false){
         is_company_name= false;
         message='Organization name is invalid';
      }else if(containsOnlyDigits($(id).val()) == true){
         is_company_name= false;
         message='Organization name with only digits is not allowed';
      }else if(isStartingWithNumbers($(id).val()) == true){
         is_company_name= false;
         message='Organization name starts with digits is not allowed';
      }
   }
   if(id_value == 'feedback_date'){
      if($.trim($(id).val().length) ==0){
        is_feedback_date= false;
        message='Feedback date is a required field';
      }
   }
   if(id_value == 'company_address'){
      if($.trim($(id).val().length) ==0){
        is_company_address= false;
        message='Organization address is a required field';
      }else if(isStartingWithSpace($(id).val()) == false){
         is_company_address= false;
         message='Organization address starting with space is not allowed';
      }
   }
   // if(id_value == 'feedback-period'){
   //    if($.trim($(id).val().length) ==0){
   //      is_feedback_period= false;
   //      message='Feedback period is a required field';
   //    }
   // }
   if(id_value == 'service_name_availed'){
      if(checkServiceNameSelection() == false){
         if($("#service_name_availed").val()==''){
           is_service_name= false;
           message='Please select any service availed';
         }
      }
   }
   if(id_value == 'solution-provided-chk'){
      message='Your perception of our services is required';
      if(isCheckBoxChecked('chk-solution-provided')==false){
          service_parameters_count++;
          // message='Solution is not provided';
      }else if(isCheckBoxChecked('chk-quality-provided')==false){
          service_parameters_count++;
          // message='Quality of the content is not provided';
      }else if(isCheckBoxChecked('chk-platform-experience')==false){
          service_parameters_count++;
          // message='Platform experience is not provided';
      }else if(isCheckBoxChecked('chk-timely-delivery')==false){
          service_parameters_count++;
          // message='Timely delivery is not provided';
      }else if(isCheckBoxChecked('chk-customer-support')==false){
         service_parameters_count++;
         // message='Post sales response – customer support is not provided';
      }
   }
   if(id_value == 'radio-with-services'){
      if(isRadioValueSelected('with_services')==false){
         is_with_services= false;
         message='Please select any one of the service options';
      }
   }
   if(id_value == 'service-expectation-textarea'){
      if(getRadioValue('with_services') == 'No'){
         if($.trim($("#service_expectation").val().length) ==0){
            is_service_expectation= false;
            message = 'Your service expectation is a required field';
         }else if(isStartingWithSpace($("#service_expectation").val()) == false){
            is_service_expectation= false;
            message='Expectation starting with space is not allowed';
         }
      }
   }
   if(id_value == 'radio-with-security'){
      if(isRadioValueSelected('with_security')==false){
         is_with_security= false;
         message='Please select any one of the security options';
      }
   }
   if(id_value == 'security-expectation-textarea'){
      if(getRadioValue('with_security') == 'No'){
         if($.trim($("#security_expectation").val().length) ==0){
            is_security_expectation= false;
            message = 'Your security expectation is a required field';
         }else if(isStartingWithSpace($("#security_expectation").val()) == false){
            is_security_expectation= false;
            message='Expectation starting with space is not allowed';
         }
      }
   }
   if(id_value == 'customer_signature'){
      if($.trim($(id).val().length) ==0){
         is_customer_signature= false;
         message = 'Your signature is a required field';
      }else if(isStartingWithSpace($(id).val()) == false){
         is_customer_signature= false;
         message='Signature starting with space is not allowed';
      }
   }
   if(id_value == 'customer_designation'){
      if($.trim($(id).val().length) ==0){
         is_customer_designation= false;
         message = 'Your designation is a required field';
      }else if(isExceptSomeSpecialCharacters($(id).val()) == false){
         is_customer_designation= false;
         message='Designation is invalid';
      }else if(containsOnlyDigits($(id).val()) == true){
         is_customer_designation= false;
         message='Designation with only digits is not allowed';
      }else if(isStartingWithSpace($(id).val()) == false){
         is_customer_designation= false;
         message='Designation starting with space is not allowed';
      }
   }
   if(id_value == 'termCheck_mandate'){
      if($(".termCheck").prop('checked') == false){
        is_termsandconditions= false;
        message='Please agree our Terms & conditions & Privacy Policy';
      }
   }

   // if(id_value == 'share-feedback-chk'){
   //    if(isRadioValueSelected('share_feedback')==false){
   //       is_sharefeedbackchk= false;
   //       message='Please select any feedback options';
   //    }
   // }
   // if(id_value == 'share-platform-chk'){
   //    if(getRadioValueWithYesOrNoOption('share_feedback') == 'Yes'){
   //       if(isCheckBoxChecked('share_feedback_chk')==false){
   //           is_share_platform_chk = false;
   //           message='Please select any one of the options';
   //       }
   //    }
   // }
   // if(id_value == 'radio-testimonial'){
   //    if(getRadioValueWithYesOrNoOption('share_feedback') == 'Yes'){
   //       if(isRadioValueSelected('testimonial')==false){
   //          is_radio_testimonial= false;
   //          message='Please select any testimonial attributes';
   //       }
   //    }
   // }
   // if(id_value == 'other-chk-textarea'){
   //    if(getRadioValueWithYesOrNoOption('share_feedback') == 'Yes'){
   //       if(getRadioValue('testimonial') == 'Other'){
   //          if($.trim($("#share_feedback_textarea").val().length) ==0){
   //             is_other_chk_textarea= false;
   //             message = 'Your testimonial attributes are a required field';
   //          }else if(isStartingWithSpace($("#share_feedback_textarea").val()) == false){
   //             is_other_chk_textarea= false;
   //             message='Testimonial attributes starting with space is not allowed';
   //          }
   //       }
   //    }
   // }
   
    $("#customer_feedback_submit_form").find('[name="' +$(this).val() +'-error"]').remove();
      if(is_company_name == false || is_feedback_date == false || is_company_address == false || is_feedback_period == false || is_service_name == false || service_parameters_count > 0 || is_with_services == false || is_service_expectation == false || is_with_security == false || is_security_expectation == false || is_customer_signature == false || is_customer_designation == false || is_termsandconditions == false || is_sharefeedbackchk == false || is_share_platform_chk == false || is_radio_testimonial== false || is_other_chk_textarea == false){
         error_count++;
         if(error_count == 1){
            if(service_parameters_count > 0 || is_service_name == false){
               document.getElementById("service_name").focus();
            }else if(is_service_expectation == false){
               document.getElementById("service_expectation").focus();
            }else if(is_security_expectation == false){
               document.getElementById("security_expectation").focus();
            }else if(is_other_chk_textarea == false){
               document.getElementById("share_feedback_textarea").focus();
            }else{
               $(id).focus();
            }
         }
        var style ='style="top: 50px;"';
        if(is_company_address == false){
         var style ='style="top: 42px;"';
        }
        if(is_feedback_date == false){
         var style ='style="top: 7px;right: 5px;"';
        }
        if(is_service_name == false){
         var style ='style="top: 140px;"';
        }
        if(is_termsandconditions == false){
         var style ='style="top: -22px;"';
        }
        if(is_with_services == false || is_with_security == false || is_sharefeedbackchk == false || is_radio_testimonial== false){
         var style ='style="top: -35px;right: 6px;"';
        }
        if(is_service_expectation == false || is_security_expectation == false || is_other_chk_textarea == false){
         var style ='style="top: -155px;"';
        }
        if(service_parameters_count > 0){
         var style ='style="top: -300px;right: 20px;"';
        }
        if(is_share_platform_chk == false){
         var style ='style="top: -35px;right: 7px;"';
        }
        $('.tooltip').tooltip('hide');
        error_id.parent().append('<span name="' +$(this).val() +'-error" '+style+' data-position="left" data-delay="0" class="js-tootletip hiremee-info text-danger tooltip-validate"  data-toggle="tooltip" data-original-title="'+message+'" data-trigger="hover" ></span>');
        $('[name="'+$(this).val()+'-error"]').tooltip();
        error_flag = false ;
      }else{
        $("#customer_feedback_submit_form").find('[name="' +$(this).val() +'-error"]').remove();
        $('[name="'+$(this).val()+'-error"]').tooltip('hide');
        $('.js-tooltip-validate').tooltip();
      }
  })
  return error_flag;     
}
function containsOnlyDigits(str) {
   return /^\d+$/.test(str); 
}
function isStartingWithNumbers(input_value){
  var value = input_value.substring(0,1);
  var checking_string = '0123456789'; 
  if(checking_string.indexOf(value) !== -1) {
     return true;
  }else{
     return false;
  }           
}
function isStartingWithSpace(input_value){
  var value = input_value.substring(0,1);
  var checking_string = ' '; 
  if(checking_string.indexOf(value) !== -1) {
     return false;
  }else{
     return true;
  }           
}
function isExceptSomeSpecialCharacters(input_value){
  // var format = /[ `!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?~]/;
  var format = /[`!@#$%^*()+\=\[\]{};':"\\|,<>\/?~]/;  
  if(format.test(input_value) == true) {
     return false;
  }else{
     return true;
  }           
}
function getRadioValue(element_name){
   var checked_status = 'Yes';
   var getSelectedValue = document.querySelector('input[name^="'+element_name+'"]:checked');
   if(getSelectedValue != null) {
      checked_status = getSelectedValue.value;     
   }
   return checked_status;
}
function getRadioValueWithYesOrNoOption(element_name){
   var checked_status = 'No';
   var getSelectedValue = document.querySelector('input[name^="'+element_name+'"]:checked');
   if(getSelectedValue != null) {
      checked_status = getSelectedValue.value;     
   }
   return checked_status;
}
function isRadioValueSelected(element_name){
   var checked_status = false;
   var getSelectedValue = document.querySelector('input[name^="'+element_name+'"]:checked');
   if(getSelectedValue != null) { 
      checked_status = true;
   }
   return checked_status;
}
function isCheckBoxChecked(element_class){
  var checked_status = false;
  var checkbox_name = '.'+element_class;
   $(checkbox_name).each(function(){ 
      var status = $(this).prop('checked');
      if(status == true){
         checked_status = true;
      }
   });
   return checked_status;
}
$(".chk-solution-provided").on('click',function(){
   $(".chk-solution-provided").each(function(){ 
      var status = $(this).prop('checked');
      if(status == true){
        hideTooltipValidationError('solution-provided-chk')
      }
  });
});
$(".chk-quality-provided").on('click',function(){
   $(".chk-quality-provided").each(function(){ 
      var status = $(this).prop('checked');
      if(status == true){
        hideTooltipValidationError('solution-provided-chk')
      }
  });
});
$(".chk-platform-experience").on('click',function(){
   $(".chk-platform-experience").each(function(){ 
      var status = $(this).prop('checked');
      if(status == true){
        hideTooltipValidationError('solution-provided-chk')
      }
  });
});
$(".chk-timely-delivery").on('click',function(){
   $(".chk-timely-delivery").each(function(){ 
      var status = $(this).prop('checked');
      if(status == true){
        hideTooltipValidationError('solution-provided-chk')
      }
  });
});
$(".chk-customer-support").on('click',function(){
   $(".chk-customer-support").each(function(){ 
      var status = $(this).prop('checked');
      if(status == true){
        hideTooltipValidationError('solution-provided-chk')
      }
  });
});
function checkServiceNameSelection() {
    var selectedValues = $('#service_name').val();
    if (Array.isArray(selectedValues) && selectedValues.length === 0) {
      document.getElementById('service_name_availed').value = '';
      return false; // Indicate no selection 
    } else {
      document.getElementById('service_name_availed').value = 1;
        return true; // Indicate selection exists
    }
}

function hideTooltipValidationError(element_name){
  $("#customer_feedback_submit_form").find('[name="' +element_name+'-error"]').remove();
  $('[name="'+element_name+'-error"]').tooltip('hide');
  $('.js-tooltip-validate').tooltip();
}
function alertMessage(type,msg,title){
  var color="";
  if(type=='success'){
      color='#28e1bd';
      errortype='success';
  }else if(type=='warning'){
      color='#ffbc01';
      errortype='warning';
  }else if(type=='danger'){
      color='#f0443a';
      errortype='error';
  }else{
      color='#3fa9f5';
      errortype='info';
  }  
  swal({
    html: true, 
    title: '<span class="sweet-'+type+'-text">'+title+'</span>', 
    text: msg,
    type: errortype,
    showCancelButton: false,
    confirmButtonText: "OK",
    confirmButtonColor: color,
    closeOnConfirm: false
  });
}
window.addEventListener( "pageshow", function ( event ) {
  var historyTraversal = event.persisted ||( typeof window.performance != "undefined" && window.performance.navigation.type === 2 );
  if(historyTraversal){
    window.location.href = window.location.href;
  }
});

</script>

@endsection