@extends('front.practitioner.import.template.import')
@section('content')

{{--  <div class="container-fluid">
   <div class="row">
      @include( 'front.practitioner.import.include.navbar' )
      <div class="brdr-bttm w-100"></div>
   </div>
</div>  --}}
<form name="addVideoConsultation" id="addVideoConsultation" method="POST" action="{{route('practitioner.settings.addVideoConsultation')}}">
   @csrf
<!-- 07-12-2021 Telehealth client instructions html start -->

<div class="container-fluid">
   <div class="row">
   <nav class="navbar navbar-light bg-light invoice-page-menu notes-menu ">
            <a class="p-0" href="{{ url('practitioner/settings/show') }}"><img src="{{asset('assets/images/My Appointments back icon.svg')}}" alt="" class="img-flude" style="min-width: 40px"></a>
            <a class="navbar-brand p-0 " href="{{ URL::previous() }}"><img src="{{asset('assets/images/MA Icon Colour.svg')}}" alt="" class="img-flude" style="min-width: 43px"></a>
          
            <h1 class="page-title eagle-font font-400 ">Telehealth client instructions</h1>

      </nav>
     
      <div class="brdr-bttm w-100"></div>
   </div>
</div>



<div class="dashboard-wrapper mdashboard-wrapper clientd-wrapper setting-wrapper ">
        <div class="container">
      <div class="row">
              <div class=" booking-confirmation Welcomeemail mb-5 mx-auto ">
            <div class="">
               <div class="boxwhite padd-sm mt-20">
                  <div class="card">
                     <div class="booking-confirmation-area labeltop">
                     <div class="row ">
                        <div class=" col-9">
                           <div class="toogle-area ">
                              <h2 class="page-title font-21 font-600 text-left">Message clients instructions on how to join</h2>
                           </div>
                        </div>
                        <div class=" col-3 telehealth_instructions">
                           <div class="switch-custom">
                              <div class="custom-control custom-switch float-right mt-1">
                                 <input type="checkbox" name="video_consultations_status" class="custom-control-input" id="video_consultations_status" 
                                 @if(isset($practitionerVideoConsultations->video_consultations_status)
                                 && $practitionerVideoConsultations->video_consultations_status == 1) checked @endif
                                 >
                                 <label class="custom-control-label" for="video_consultations_status"></label>
                              </div>
                           </div>
                        </div>
                        
                     </div>
                     <hr/>
                        <div class="label-input disable-content 
                        @if(isset($practitionerVideoConsultations->video_consultations_status)
                        && $practitionerVideoConsultations->video_consultations_status == 1) hide @endif

                
                        ">
                           <div class="row">
                              <div class="col-12">
                                 <label class="font-15">To send your clients an email or SMS with instructions on how to join your telehealth consult, enable this setting. The message will be sent 15 minutes before your appointment start time.</label>
                              </div>
                           </div>
                        
                        </div>
                     
                     <div class="Message_clients_instructions_content 
                     @if(isset($practitionerVideoConsultations->video_consultations_status)
                        && $practitionerVideoConsultations->video_consultations_status == 0) hide @endif 
                        

                        @if(!isset($practitionerVideoConsultations->video_consultations_status))
                        hide
                        @endif  
  
                        ">
                        
                              <div class="label-input">

                                    <div class="row">
                                       <div class="col-lg-12 col-md-12">
                                          <label class=" font-15">How would you prefer to send Telehealth instructions to  your clients?</label>
                                       </div>
                                    </div>

                                    <div class="row mt-2">
                                       <div class="col-sm-6">
                                          <div class="row">
                                             <div class=" col-md-7  col-6">
                                                <div class="toogle-area mb-0">
                                                   <p class=" font-15">SMS</p>
                                                </div>
                                             </div>
                                             <div class=" col-md-4 col-6 telehealth_instructions_sub">
                                                <div class="switch-custom ">
                                                   <div class="custom-control custom-switch">
                                                      <input 
                                                      {{ isset( $practitionerVideoConsultations->is_video_consalt_sms ) && $practitionerVideoConsultations->is_video_consalt_sms == 1 ? 'checked' : ''}}
                                                      type="checkbox"  name="is_video_consalt_sms" class="custom-control-input is_video_consalt_sms" id="is_video_consalt_sms"  autocomplete="off">
                                                      <label class="custom-control-label" for="is_video_consalt_sms"></label>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>

                                       <div class="col-sm-6 border-left">
                                          <div class="row">
                                             <div class=" col-md-7  col-6">
                                                <div class="toogle-area mb-0">
                                                   <p class=" font-15">Email</p>
                                                </div>
                                             </div>
                                             <div class=" col-md-5 col-6 telehealth_instructions_sub">
                                                <div class="switch-custom ">
                                                   <div class="custom-control custom-switch">
                                                      <input 
                                                      {{--  {{ isset( $practitionerVideoConsultations->is_video_consalt_email ) && $practitionerVideoConsultations->is_video_consalt_email == 1 ? 'checked' : ''}}  --}}
                                                      {{ isset( $practitionerVideoConsultations->send_email_instructions ) && $practitionerVideoConsultations->send_email_instructions == 1 ? 'checked' : ''}}
                                                      type="checkbox"  name="is_video_consalt_email" class="custom-control-input is_video_consalt_email" id="is_video_consalt_email"  autocomplete="off">
                                                      <label class="custom-control-label" for="is_video_consalt_email"></label>
                                                   </div>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>

                                   
                              </div>
                              <h3 >Customise your message</h3>
                              <p class="">We have given you suggested wording to get you started but you can edit as required. Use the personalisation drop down to insert code to auto-populate these fields into your messages. Your email will be sent 15 minutes before the video consult start time.</p>

                             

                       

                             
        
                        

                              <div class="label-input send_first_email_subject main-div mt-5 email_area

                              @if(!isset($practitionerVideoConsultations->video_consultations_status))
                              hide
                              @endif 

                              @if(isset($practitionerVideoConsultations->video_consultations_status))
                                 @if( $practitionerVideoConsultations->send_email_instructions == 1)
         
                                 @else
                                 hide
                                 @endif
                              @endif 
                              
                              ">
                                 <div class="row justify-content-center">
                                    <div class="col-12">
                                       <label class="font-15">Email subject line</label>
                                    </div>
                                    <div class="col-12">
                                       <div class="form-group brdrfull marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child">
                                          <select class="form-control selprepo js-example-basic-single font-13" style="width:100%"  name="pre8" id="pre8">
                                             <option selected disabled value="">Personalisation</option>
                                             <option value="<Client name>">Client name</option>
                                             <option value="<Client surname>">Client surname</option>
                                                <option value="<Preferred name>">Preferred name</option>
                                             <option value="<Service provider name>">Service provider name</option>
                                             {{-- <option value="<Appt time>">Appt time</option>   --}}
                                             <option value="<Appt date & time>">Appt date & time</option>
                                             <option value="<Link to consult>">Link to consult</option>
                                             <option value="<My business name>">My business name</option>
                                          </select>

                                          @php
                                             $subject_line = isset( $practitionerVideoConsultations->subject_line ) && $practitionerVideoConsultations->subject_line != '' ? $practitionerVideoConsultations->subject_line : 'Your telehealth consult with <My business name> begins in 15 minutes';
                                          @endphp

                                          <textarea name="subject_line" id="subject_line" type="text" class=" text-left append-text autosizetextaria w-100" placeholder="">{{ $subject_line }}</textarea>
                                       </div>
                                       <span class="invalid-feedback d-block float-center"></span>
                                    </div>
                                 </div>
                              </div>


                              <div class="label-input send_first_email_reminder_text main-div email_area
                              @if(!isset($practitionerVideoConsultations->video_consultations_status))
                              hide
                              @endif 

                              @if(isset($practitionerVideoConsultations->video_consultations_status))
                                 @if( $practitionerVideoConsultations->send_email_instructions == 1)
         
                                 @else
                                 hide
                                 @endif
                              @endif 
                              
                              
                              ">
                                 <div class="row justify-content-center">
                                    <div class="col-12">
                                       <label class="font-15">Email body text</label>
                                    </div>
                                    <div class="col-12">
                                       <div class="form-group brdrfull marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child">
                                          <select class="form-control selprepo js-example-basic-single font-13" style="width:100%"  name="pre7" id="pre7">
                                                <option selected disabled value="">Personalisation</option>
                                                {{--  <option value="<Client name>">Client name</option>
                                                <option value="<Client surname>">Client surname</option>
                                                   <option value="<Preferred name>">Preferred name</option>
                                                <option value="<Appt date & time>">Appt date & time</option>
                                                <option value="<Service name>">Service name</option>
                                                <option value="<Service provider name>">Service provider name</option>
                                                <option value="<My business name>">My business name</option>
                                                <option value="<Location>">Location</option>
                                                <option value="<Business number>">Business number</option>
                                                <option value="<Login button>">Login button</option>  --}}
                                                <option value="<Client name>">Client name</option>
                                                      <option value="<Client surname>">Client surname</option>
                                                         <option value="<Preferred name>">Preferred name</option>
                                                      <option value="<Service provider name>">Service provider name</option>
                                                      {{-- <option value="<Appt time>">Appt time</option>   --}}
                                                      <option value="<Appt date & time>">Appt date & time</option>
                                                      <option value="<Join consult button>">Join consult button</option>
                                                      <option value="<My business name>">My business name</option>
                                                      <option value="For the best Telehealth experience, use Chrome, Safari, or Firefox and enable video and microphone permissions in your browser. For help, see <this article>">Telehealth instructions</option>
                                          </select>
                                          @php
                                             $email_reminder_text = isset( $practitionerVideoConsultations->message ) && $practitionerVideoConsultations->message != '' ? $practitionerVideoConsultations->message : 
                                             "Dear <Client name>,
                                             
To access your telehealth session on <Appt date & time>, please click the 'Join consult' button below.
   
<Join consult button>

For the best Telehealth experience, use Chrome, Safari, or Firefox and enable video and microphone permissions in your browser. For help, see <this article>.

I look forward to seeing you shortly.
   
Kind regards,
<Service provider name>
<My business name>";
@endphp
                                 <textarea name="message" id="message" class="text-left  append-text  autosizetextaria w-100">{{ $email_reminder_text }}</textarea>
                                         
                                       </div>
                                       <span class="invalid-feedback d-block float-center"></span>
                                    </div>
                                 </div>
                              </div>


                     
             
                 

                
                     <div class="send_first_email_reminder_text main-div sms_area

                     @if(!isset($practitionerVideoConsultations->video_consultations_status))
                     hide
                     @endif  

                     @if(isset($practitionerVideoConsultations->video_consultations_status))
                        @if( $practitionerVideoConsultations->is_video_consalt_sms == 1)

                        @else
                        hide
                        @endif
                     @endif 


                     
                     ">
                        <div class="row">
                                 <div class="col-md-12 pr-md-2">
                                    <label class="font-15 text-navy">SMS text</label>
                                 </div>
                           <div class="col-md-12">
                              <div class="form-group brdrfull marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child">
                                 <select class="form-control selprepo js-example-basic-single font-13" style="width:100%"  name="pre6"  id="pre6">
                                    <option selected disabled value="">Personalisation</option>
                                    {{--  <option value="<Client name>">Client name</option>
                                    <option value="<Client surname>">Client surname</option>
                                       <option value="<Preferred name>">Preferred name</option>
                                    <option value="<Service provider name>">Service provider name</option>
                                    <option value="<Appt date & time>">Appt date & time</option>
                                    <option value="<Login button>">Login button</option>
                                    <option value="<My business name>">My business name</option>  --}}

                                       <option value="<Client name>">Client name</option>
                                          <option value="<Client surname>">Client surname</option>
                                             <option value="<Preferred name>">Preferred name</option>
                                          <option value="<Service provider name>">Service provider name</option>
                                          <option value="<Appt time>">Appt time</option>  
                                          <option value="<Link to consult>">Link to consult</option>
                                          <option value="<My business name>">My business name</option>
                                          <option value="For the best Telehealth experience, use Chrome, Safari, or Firefox and enable video and microphone permissions in your browser. For help, see this article <link>">Telehealth instructions</option>
                                 </select>
                                 @php
$sms_reminder_text = isset( $practitionerVideoConsultations->sms_message ) && $practitionerVideoConsultations->sms_message != '' ? $practitionerVideoConsultations->sms_message : 
"Hi <Client name>, I am looking forward to seeing you online at <Appt time>. Join me here <Link to consult>. For the best Telehealth experience, use Chrome, Safari, or Firefox and enable video and microphone permissions in your browser. For help, see this article <link> <Service provider name>";
                                 @endphp
                                 <textarea name="sms_message" maxlength="2000" id="sms_message" class="text-left countsmsLength append-text  autosizetextaria w-100">{{ $sms_reminder_text }}</textarea>
                                 <p class="text-right">
                                    <span class="sms_first_text char-count"></span>
                                          <span class="notify_credit_btn cursor-pointer">
                                             <img src="{{ asset('assets/images/info-icon.png') }}" alt="" class="img-fluid info-icon  mCS_img_loaded"></span> </p>
                                                                           </div>
                              <span class="invalid-feedback d-block float-center"></span>
                            
                           </div>
                        </div>
                     </div>
                 
                              


                       

                   
                     
                     
                     </div>
                  
                  

               </div>
               <hr class="mt-0"/>
                     <div id="update-btn" class="row">
                        <div class="col-12 text-center">
                           <button type="submit" class=" cursor-pointer save-btn save-btn-bg confirm-bttn mt-0 ">Update and Save</button>
                        </div>
                     </div>
            </div>
          </div>
         </div>

      </div>
        </div>

</form>
<!-- 07-12-2021 Telehealth client instructions html end -->



@endsection

@section('modals')

<div id="load-modal"></div>

@endsection

@section('css')
<style>
   /* .customswitch-area .custom-control {float: right;right: 20px;top: 5px;}
   .custom-colordrop select::-ms-expand {display: none;}
   .custom-colordrop select {-webkit-appearance: none;appearance: none;}
   .custom-colordrop select option {border-radius: 100px;}
   .custom-colordrop select {position: relative;left: 10px;}
   .custom-colordrop .select-hidden {visibility: inherit !important;} */
   .hide {display: none !important;}
   .selectedInput {background: none;color: red !important;}
   .productAdd .select2-container {width: 100px !important;}
   .pac-container {z-index: 10000 !important;}
   /* hidden updown arrow if type number */
   /* Chrome, Safari, Edge, Opera */
   input::-webkit-outer-spin-button,
   input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}

   /* Firefox */
   input[type=number] {-moz-appearance: textfield;}
   /*end hidden updown arrow if type number */
   @media (max-width: 425px){
      .page-content {padding: 45px 15px 45px 15px;}
   }
   .toogle-area h2{
      font-family:"europa", sans-serif;
   }
   .select2-container--default .select2-results>.select2-results__options{
         max-height: initial !important;
      }  
</style>

@endsection

@section('import-scripts')
   


<script src='{{ asset("assets/js/colorPick.js")}}'></script>
<script type="text/javascript">
    //Char count
   //  function countString(letters) {
   //    if (letters > 160 && letters <= 313) {
   //       return "Character estimate "+letters+" = 2 Credits";
   //    } else if (letters > 313 && letters <= 466) {
   //       return "Character estimate "+letters+" = 3 Credits";
   //    } else if (letters > 466 && letters <= 619) {
   //       return "Character estimate "+letters+" = 4 Credits";
   //    } else if (letters > 619 && letters <= 772) {
   //       return "Character estimate "+letters+" = 5 Credits";
   //    } else if (letters > 772 && letters <= 925) {
   //       return "Character estimate "+letters+" = 6 Credits";
   //    } else if (letters > 925 && letters <= 1078) {
   //       return "Character estimate "+letters+" = 7 Credits";
   //    } else if (letters > 1078 && letters <= 1231) {
   //       return "Character estimate "+letters+" = 8 Credits";
   //    } else {
   //       return "Character estimate "+letters+" = 1 Credit";
   //    }
   // }

//    function countString(letters) {
//       const credits = Math.min(16, Math.max(1, Math.floor((letters - 160) / 153) + 2));
//       return `Character estimate ${letters} = ${credits} Credits`;
//     }

   //SMS character count new js start
	function getAdjustedLengthAndUnicodeStatus(message) {
		const specialCharsRegex = /[|^€{}\[\]~\\]/g;
		const isUnicode = /[^\u0000-\u007F]/.test(message);
		const specialMatches = message.match(specialCharsRegex);
		const specialCharCount = specialMatches ? specialMatches.length : 0;
		const visualLength = getGraphemeLength(message);
		const adjustedLength = isUnicode ? visualLength : visualLength + specialCharCount;
		//const adjustedLength = message.length + specialCharCount;
		return { adjustedLength, isUnicode };
	}

	function getGraphemeLength(text) {
		const segmenter = new Intl.Segmenter(undefined, { granularity: 'grapheme' });
		const segments = [...segmenter.segment(text)];
		return segments.length;
	}

	const gsmSegments = [
		{ min: 1, max: 160, sms: 1 },
		{ min: 161, max: 306, sms: 2 },
		{ min: 307, max: 459, sms: 3 },
		{ min: 460, max: 612, sms: 4 },
		{ min: 613, max: 765, sms: 5 },
		{ min: 766, max: 918, sms: 6 },
		{ min: 919, max: 1071, sms: 7 },
		{ min: 1072, max: 1224, sms: 8 },
		{ min: 1225, max: 1377, sms: 9 },
		{ min: 1378, max: 1530, sms: 10 },
		{ min: 1531, max: 1683, sms: 11 },
		{ min: 1684, max: 1836, sms: 12 },
		{ min: 1837, max: 1989, sms: 13 },
		{ min: 1990, max: 2142, sms: 14 },
		{ min: 2143, max: 2295, sms: 15 },
		{ min: 2296, max: 2448, sms: 16 },
		{ min: 2449, max: 2601, sms: 17 },
		{ min: 2602, max: 2754, sms: 18 },
	];

	const unicodeSegments = [
		{ min: 1, max: 70, sms: 1 },
		{ min: 71, max: 134, sms: 2 },
		{ min: 135, max: 201, sms: 3 },
		{ min: 202, max: 268, sms: 4 },
		{ min: 269, max: 335, sms: 5 },
		{ min: 336, max: 402, sms: 6 },
		{ min: 403, max: 469, sms: 7 },
		{ min: 470, max: 536, sms: 8 },
	];

	function countString(message) {
		const { adjustedLength, isUnicode } = getAdjustedLengthAndUnicodeStatus(message);

		// Use appropriate segment array
		const segments = isUnicode ? unicodeSegments : gsmSegments;

		// Check exact match first
		for (const seg of segments) {
			if (adjustedLength >= seg.min && adjustedLength <= seg.max) {
				return `Character estimate ${adjustedLength} = ${seg.sms} Credit${seg.sms > 1 ? 's' : ''}`;
			}
		}

		// Fallback for over-limit messages
		const last = segments[segments.length - 1];
		const segmentSize = last.max - last.min + 1;
		const extraChars = adjustedLength - last.max;
		const extraCredits = Math.ceil(extraChars / segmentSize);
		const totalCredits = last.sms + extraCredits;

		return `Character estimate ${adjustedLength} = ${totalCredits} Credits`;
	}
	//SMS character count new js end

	$(".char-count").text((countString($('.countsmsLength').val())));
   $('.countsmsLength').on('input', function() {
      $('.char-count').text(countString($(this).val()));
   });


   // function updateCount() {
   //    var cs = $(this).val().length;
   //    // var credit =  Math.ceil(cs/ 160);
   //    // $(this).next('.char-count').text(cs + "/160 = "+ credit +" Credits");
   //    var credit = countString(cs);
   //    $('.char-count').text(credit);

   // }

   //  /** SMS character count js */
   //  $('.sms-box').keyup(
   //    updateCount
   // );
   // $('.sms-box').keydown(
   //    updateCount
   // );
   
   $(document).ready(function() {

      $('#practitioner_available_online_appointment_types').select2({
         placeholder: "Select appointment types",
         tokenSeparators: [",", " "],
      });

      $('input').attr('autocomplete', 'off');

      $(".js-example-basic-single").select2({minimumResultsForSearch: -1});

      $(".single-select2").select2({
         placeholder: function() {
            $(this).data('placeholder');
         },
         closeOnSelect: true,
         dropdownPosition: 'below',
      });

      $("#addVideoConsultation").submit(function(e) {

         e.preventDefault();
         $(".profile-form-error").hide();
         if ($(this).parsley().isValid()) {
            var modal = $("#videoconsultationmodal");
            $.ajax({
               url: $(this).attr("action"),
               data: $(this).serialize(),
               type: 'POST',
            }).done(function(response) {
               if (response.status == "success") {
                  // getSetupWizardStatus();
                  Swal.fire({
                     icon: response.status,
                     title: 'Settings updated.',
                     // text: response.msg,
                     showClass: {
                        popup: 'animate__animated animate__fadeInDown'
                     },
                     hideClass: {
                        popup: 'animate__animated animate__fadeOutUp'
                     }
                  });

                  /// commented 02-06-2023 bahadur
                  // if(response.setupWizard == 0){
                  //    setTimeout(function() {
                  //       window.location.href = "{{route('practitioner.mysetupwizard')}}";
                  //    }, 2000);
                  // } else{
                  //    setTimeout(function() {
                  //       window.location.href = "{{ URL::previous() }}";
                  //    }, 2000);
                  // }
               } else {
                  $.each(response.errors, function(key, value, i) {
                     var input = $('input[name=' + key + ']');
                     var parent = input.parent().next('.invalid-feedback').text(value[0]);
                     input.addClass('is-invalid');
                  });
               }
            });
         }
      });
   });


   $(".selprepo").change(function() {
      var val=$(this).val();
      if( val!="" && val!=null ) {
         var id=$(this).closest(".main-div").find('.append-text').attr("id");
         console.log(id);
         insertAtCaret(id,val);
      }
   });

   function insertAtCaret( areaId, text ) {
      var txtarea = document.getElementById(areaId);
      if (!txtarea) {
         return;
      }

      var scrollPos = txtarea.scrollTop;
      var strPos = 0;
      var br = ((txtarea.selectionStart || txtarea.selectionStart == '0') ?
         "ff" : (document.selection ? "ie" : false));
      if (br == "ie") {
         txtarea.focus();
         var range = document.selection.createRange();
         range.moveStart('character', -txtarea.value.length);
         strPos = range.text.length;
      } else if (br == "ff") {
         strPos = txtarea.selectionStart;
      }

      var front = (txtarea.value).substring(0, strPos);
      var back = (txtarea.value).substring(strPos, txtarea.value.length);
      txtarea.value = front + text + back;
      strPos = strPos + text.length;
      if (br == "ie") {
         txtarea.focus();
         var ieRange = document.selection.createRange();
         ieRange.moveStart('character', -txtarea.value.length);
         ieRange.moveStart('character', strPos);
         ieRange.moveEnd('character', 0);
         ieRange.select();
      } else if (br == "ff") {
         txtarea.selectionStart = strPos;
         txtarea.selectionEnd = strPos;
         txtarea.focus();
      }

      txtarea.scrollTop = scrollPos;
      $('.selprepo').val('').trigger('change');
   }

   $(document).on( "change", "input[name='send_email_instructions']", function(e) {

      var val = $(this).val();

      if( val == 1 ) {
         $("#email-part").removeClass("hide");
         $('.autosizetextaria').each(function () {
            this.setAttribute('style', 'height:' + (this.scrollHeight) + 'px;overflow-y:hidden;');
         }).on('input', function () {
            this.style.height = 'auto';
            this.style.height = (this.scrollHeight) + 'px';
         });
      } else {
         $("#email-part").addClass("hide");
      }
   });

   // change text color
   $("#send_first_sms_reminder_text").css('color', '#24303f');
   $("#send_first_email_subject").css('color', '#24303f');
   $("#send_first_email_reminder_text").css('color', '#24303f');
   $("#send_second_sms_reminder_text").css('color', '#24303f');
   $("#send_second_email_subject").css('color', '#24303f');
   $("#send_second_email_reminder_text").css('color', '#24303f');
   $(".holidayTitle").css('color', '#24303f');

</script>

<script src="{{asset('assets/js/practitioner/my-settings.js')}}" type="text/javascript"></script>
<script>

   $('.autosizetextaria').each(function () {
      this.setAttribute('style', 'height:' + (this.scrollHeight) + 'px;overflow-y:hidden;');
   }).on('input', function () {
      this.style.height = 'auto';
      this.style.height = (this.scrollHeight) + 'px';
   });

   /*$('.custom-control-input').on( 'change', function() {
      if(  this.checked ) {
         $('.autosizetextaria').each(function () {
            this.setAttribute('style', 'height:' + (this.scrollHeight) + 'px;overflow-y:hidden;');
         }).on('input', function () {
            this.style.height = 'auto';
            this.style.height = (this.scrollHeight) + 'px';
         });
      }
   });*/


// 07-12-2021 Telehealth client instructions script start
$(document).on('change', '#video_consultations_status', function(e) {
  
   if ($(".Message_clients_instructions_content").hasClass("hide")) {
         $(".Message_clients_instructions_content").removeClass("hide");
         $(".disable-content").addClass("hide");

         $('.autosizetextaria').each(function () {
            this.setAttribute('style', 'height:' + (this.scrollHeight) + 'px;overflow-y:hidden;');
         }).on('input', function () {
            this.style.height = 'auto';
            this.style.height = (this.scrollHeight) + 'px';
         });

      } else {
         $(".Message_clients_instructions_content").addClass("hide");
         $(".disable-content").removeClass("hide");

      }
   });

   // 07-12-2021 Telehealth client instructions script end


   $(document).on('change', '.is_video_consalt_email', function(e) {

      if ($(".email_area").hasClass("hide")) {
         $(".email_area").removeClass("hide");
         $('.autosizetextaria').each(function () {
            this.setAttribute('style', 'height:' + (this.scrollHeight) + 'px;overflow-y:hidden;');
         }).on('input', function () {
            this.style.height = 'auto';
            this.style.height = (this.scrollHeight) + 'px';
         });
      }else{
         $(".email_area").addClass("hide");
      }

   });

   $(document).on('change', '.is_video_consalt_sms', function(e) {

      if ($(".sms_area").hasClass("hide")) {
         $(".sms_area").removeClass("hide");
         $('.autosizetextaria').each(function () {
            this.setAttribute('style', 'height:' + (this.scrollHeight) + 'px;overflow-y:hidden;');
         }).on('input', function () {
            this.style.height = 'auto';
            this.style.height = (this.scrollHeight) + 'px';
         });
      }else{
         $(".sms_area").addClass("hide");
      }

   });





</script>
@endsection