@extends('front.practitioner.import.template.import')
@section('content')
<style>
  .select2-container--default .select2-selection--multiple
  {
    border: 1px solid #ced4da !important;
    border-radius: 8px !important;
  }
  .select2-container .select2-selection--multiple
  {
    min-height: 26px;
  }
  .booking-confirmation-area .select2-container--default .select2-selection--multiple .select2-selection__rendered
  {
    padding: 0px 12px 0px;
  }
</style>


<div class="container-fluid ">
    <div class="row">
        <nav class="navbar navbar-light bg-light invoice-page-menu notes-menu w-100">
            <a class=" p-0" href="{{ URL::previous() }}"><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="{{ route('practitioner.appointments.index') }}"><img
                    src="{{asset('assets/images/MA Icon Colour.svg')}}" alt="" class="img-flude"
                    style="min-width: 43px"></a>
            <!-- <p class=" mr-auto mb-0 "><a class="note-name-text" href="#">Qa111 Test56</a> - <span class="header_date_time">Naturopathic initial consultation - free consult, Wednesday 06th October 2021, 09:00 am</span></p> -->
            <h1 class="page-title eagle-font font-400 "><span class="arca-font">My </span>welcome email</h1>

        </nav>
        <!-- @include( 'front.practitioner.import.include.navbar' ) -->
        <div class="brdr-bttm w-100"></div>
    </div>
</div>

<form action="{{route('practitioner.settings.addWelcomeEmail')}}" id="addWelcomeEmail" class="addreminder">
    @csrf
    <div class="dashboard-wrapper mdashboard-wrapper clientd-wrapper setting-wrapper welcome_email_content">
        <!-- <div class="col-12 ">
         <div class="row align-items-center booking-confirmation mb-md-5 mb-4">
            <div class="col-lg-4 col-md-4 col-sm-4">
               <h1 class="page-title eagle-font font-400"><span class="arca-font">My </span>welcome email</h1>
            </div>
            <div class="col-lg-7 col-md-8 col-sm-8">
               <div class="row">
                  <div class="col-xl-10 col-md-10  col-9">
                     <div class="toogle-area mb-0">
                        <h2 class="page-title  font-600 text-right">Send welcome email to all new clients</h2>
                     </div>
                  </div>
                  <div class="col-xl-2 col-md-2  col-3">
                     <div class="switch-custom mt-1 ml-4 ml-4">
                        <div class="custom-control custom-switch float-left">
                           <input type="checkbox" value="1" name="send_welcome_email_to_all" class="custom-control-input" id="send_welcome_email_to_all" 
                           @if(isset($practitionerWelcomeEmail->send_welcome_email_to_all)
                           && $practitionerWelcomeEmail->send_welcome_email_to_all == 1) checked @endif>
                           <label class="custom-control-label" for="send_welcome_email_to_all"></label>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div> -->

        <div class=" booking-confirmation Welcomeemail mb-5">
            <div class="">
                <div class="boxwhite padd-sm mt-20">
                    <div class="card">
                        <div class="booking-confirmation-area labeltop">
                            <div class="row ">
                                <div class=" col-10">
                                    <div class="toogle-area mb-5">
                                        <h2 class="page-title  font-600 text-left">Send welcome email to all new clients
                                        </h2>
                                    </div>
                                </div>
                                <div class=" col-2">
                                    <div class="switch-custom ">
                                        <div class="custom-control custom-switch float-right mt-1">
                                            <input type="checkbox" value="1" name="send_welcome_email_to_all"
                                                class="custom-control-input" id="send_welcome_email_to_all"
                                                @if(isset($practitionerWelcomeEmail->send_welcome_email_to_all)
                                            && $practitionerWelcomeEmail->send_welcome_email_to_all == 1) checked
                                            @endif>
                                            <label class="custom-control-label" for="send_welcome_email_to_all"></label>
                                        </div>
                                    </div>
                                </div>

                            </div>
                            <div class="label-input">
                                <div class="row">
                                    <div class="col-lg-12 col-md-12">
                                        <label class=" font-15">Your welcome email is a great opportunity to let your
                                            clients know any important information about their first appointment
                                            including how to find you, if there is anything they need to bring along and
                                            what to expect. If you've set up booking confirmations, your welcome email
                                            will be sent in place of this for the first appointment only.</label>
                                    </div>
                                </div>
                                <!-- <br> -->
                                <!-- <div class="row">
                           <div class="col-lg-12 col-md-12">
                              <label class=" font-15">Use the personalisation drop down to insert code to auto-populate these fields into your messages.</label>
                           </div>
                        </div> -->
                            </div>


                            <div id="email-part"
                                class="@if(isset($practitionerWelcomeEmail) && $practitionerWelcomeEmail->send_welcome_email_to_all == 0) hide @endif @if(!isset($practitionerWelcomeEmail)) hide @endif">

                                <div class="label-input">

                                    <div class="row">
                                        <div class="col-lg-12 col-md-12">
                                            <label class=" font-15">Use the personalisation drop down to insert code to
                                                auto-populate these fields into your messages.</label>
                                        </div>
                                    </div>
                                </div>


                                <div class="label-input send_first_email_subject main-div">
                                    <div class="row justify-content-center">
                                        <div class="col-md-3 col-sm-6 pr-md-2">
                                            <label class="font-15">Email subject line</label>
                                        </div>
                                        <div class="col-md-9  col-sm-6">
                                            <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 provider name>">Service provider name
                                                    </option>
                                                    <option value="<My business name>">My business name</option>
                                                </select>

                                                @php
                                                $email_subject_line = isset(
                                                $practitionerWelcomeEmail->email_subject_line ) &&
                                                $practitionerWelcomeEmail->email_subject_line != '' ?
                                                $practitionerWelcomeEmail->email_subject_line : 'Welcome <Client name>, your booking is confirmed';
                                                    @endphp

                                                    <textarea name="email_subject_line" id="email_subject_line"
                                                        type="text"
                                                        class=" text-left append-text autosizetextaria w-100"
                                                        placeholder="">{{ $email_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">
                                    <div class="row">
                                        <div class="col-md-3 col-sm-6 pr-md-2">
                                            <label class="font-15">Email reminder text</label>
                                        </div>
                                        <div class="col-md-9  col-sm-6">
                                            <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="<Client address>">Client address</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="<Intake form button>">Intake form button</option>
                                                </select>
                                                @php
                                                $email_reminder_text = isset(
                                                $practitionerWelcomeEmail->email_reminder_text ) &&
                                                $practitionerWelcomeEmail->email_reminder_text != '' ?
                                                $practitionerWelcomeEmail->email_reminder_text :
                                                "Dear <Client name>,

Thank you for choosing <My business name> to address your health needs. It's a pleasure to welcome you onboard and we look forward to helping you achieve your goals.

Here are the details for your coming appointment:

<My business name>
<Appt date & time>
<Service name> with <Service provider name>
<Location>
Telephone: <Business number>

To keep track of your appointments, view or pay invoices and see treatment recommendations we may make, please click on the login button to access your free My Appointment account (use of this account is optional).

<Login button>

It is a great please to welcome you onboard and we look forward to seeing you at your first appointment,

Yours in health,
<Service provider name>
<My business name>";
                                                                                            @endphp
                                                                                            <textarea
                                                                                                name="email_reminder_text"
                                                                                                id="email_reminder_text"
                                                                                                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>

                        </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>
</form>



<!-- my plan page design start-->

<!-- <div class="container-fluid">
   <div class="row">
   <nav class="navbar navbar-light bg-light invoice-page-menu notes-menu w-100">
            <a class=" p-0" href="{{ URL::previous() }}"><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 "><span class="arca-font">My </span>Plan</h1>

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

<div>

<div class="dashboard-wrapper mdashboard-wrapper clientd-wrapper setting-wrapper ">
   <div class="container-flud plan-page">
      <div class="row"> 
         <div class="col-xl-5 col-lg-4 ">
            <div class="plan-content">
               <span>Simple, transparent pricing</span>
               <h2>Choose the plan that’s right for you</h2>
               <a class="btn btn-fill">Compare plans</a>
            </div>

         </div>   
         <div class="col-xl-7 col-lg-8">
            <div class="row">
            <div class=" col-sm-6">
            <div class="plan-price">
               <h2>$0 pm</h2>
               <h3>Includes payment processing</h3>
               <p>Planning on using My Appointments as your primary payment processing solution? Then this is the plan for you. 1.5% + 25c per transaction. Unlimited calendars.</p>
              <a href="#" class="btn">Choose $0 pm plan</a>
            </div>
            </div>

            <div class=" col-sm-6">
            <div class="plan-price ml-xl-4">
               <h2>$25 pm</h2>
               <h3>First month free</h3>
               <p>Have an existing payment solution? Then this is the plan for you. Includes 2 calendars. Additional calendars $11 each or $99 pm unlimited.</p>
              <a href="#" class="btn">Choose $25 pm plan</a>
            </div>
            </div>
            </div>
         </div>   
      </div>
   </div>

   <div class="container">
      <div class="row">
         <div class="paymentplan-content text-center">
            <h2>$0 pm</h2>
            <p>You’ve chosen our $0 pm plan with integrated payment processing. Our payment partners take up to 24 business hours to activate payment processing. Would you like to apply now or take a look around My Appointments first? If you choose to take a look around, you'll have up to one month to activate your payment processing.</p>
            <div class="row d-flex justify-content-around">
               <a href="#">Activate payment processing</a>
               <a href="#">Take a look around</a>
            </div>
         </div>
      </div>
   </div>
</div> -->

<!-- my plan page design end-->


{{--  <!-- Trial expired $0pm plan V2 and Trial expired $25 plan V2 page design. -->
<div class="container-fluid">
   <div class="row">
    
   <nav class="navbar navbar-light bg-light invoice-page-menu notes-menu w-100">
            <a class=" p-0" href="{{ URL::previous() }}"><img src="{{asset('assets/images/MA_Logo_long.svg')}}" alt=""
    class="img-flude" style="height:44px"></a>

<a href="#AddServiceModal" id="add-service" class="btn text-green mb-3 ml-auto my-auto" data-toggle="modal"> Logout</a>
</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="paymentplan-content activate-payment-gateway  text-center">
                <img src="{{asset('assets/images/Client Follow ups - Overdue.svg')}}" alt="" class="img-fluid" />

                <h2>We hope you’ve enjoyed using the My Appointments platform. Your free trial has now expired.</h2>
                <p class="text-navy  mx-auto">To continue accessing all of our time saving and money saving features,
                    <span id="activate-plan"> please activate your payment gateway</span><span class="d-none"
                        id="upgrade-plan">please upgrade your plan</span>
                </p>
                <div class="row d-flex justify-content-center">
                    <a href="#">Activate my payment gateway</a>

                    <a class="d-none" href="#">Upgrade account</a>

                </div>
            </div>
        </div>
        <style>
        div.latpay-elements-field {
            padding: 10px 5px;
        }

        #latpay-element div.latpay-elements-field>label {
            font-size: 14px !important;
            color: #24303f !important;
        }

        div.latpay-elements-field>input {
            width: 100%;
            margin-top: 5px;
            border: 1px solid #d9d9d9;
            background: #fff !important;
            padding: 6px;
            font-size: 18px !important;
            color: grey !important;
        }

        i.latpay-credit-card-brand {
            position: absolute;
            right: 8%;
            margin-top: -37px;
            display: block;
            width: 30px;
            height: 24px;
            background: no-repeat url(https://www.latpay.com/wp-content/uploads/2020/06/credit-card.svg);
        }

        #latpay-element div.latpay-elements-field::before {
            content: "";
            position: absolute;
            top: 48px;
            left: 15px;
        }

        div#latpay-exp-element,
        div#latpay-cvc-element {
            width: 50%;
        }

        div.latpay-flex {
            display: flex;
            justify-content: space-between;
            padding-bottom: 5%;
        }
        </style>
        <div class="row d-flex justify-content-center">
            <div id="pay-now-content" class=" ">
                <div class="card" id="payment-meth-main">
                    <a class="back"><img src="{{asset('assets/images/My Appointments back icon.svg')}}" alt=""
                            class="img-flude " /></a>
                    <div class=" comm-form">



                        <div class="payment-meth-box ">
                            <p class="payment-amount mb-0">Payment amount $25.00</p>
                        </div>


                        <p class="font-13">Your plan includes 2 calendars and will be billed every 30 days. No lock in
                            contracts, cancel anytime. </p>
                        <hr />


                        <input type="hidden" name="flaglatpay">
                        <div class="payment-card-main" style="" id="ifNoCardFound">

                            <!-- Add a new card start -->
                            <form class="hii" id="latpay_from">

                                <div id="latpay-element">
                                    <div id="latpay-card-element" class="latpay-elements-field"><label>Card Number <span
                                                class="latpay-required">*</span></label> <input type="text"
                                            id="customer_cc_number" placeholder="0000 0000 0000 0000" maxlength="23"
                                            value=""></div>
                                    <div id="latpay-name-element" class="latpay-elements-field"><label>Name On Card
                                            <span class="latpay-required">*</span></label><input type="text"
                                            id="lpscardcardholder" placeholder="Name" value=""></div>
                                    <div class="latpay-flex">
                                        <div id="latpay-exp-element" class="latpay-elements-field"><label>Expiry Date
                                                <span class="latpay-required">*</span></label> <input type="text"
                                                id="customer_cc_expmo" maxlength="5" placeholder="MM/YY" value=""></div>
                                        <div id="latpay-cvc-element" class="latpay-elements-field"><label>Card Code(CVC)
                                                <span class="latpay-required">*</span></label> <input type="password"
                                                id="customer_cc_cvc" placeholder="CVC" maxlength="4" value=""></div>
                                    </div>
                                    <div class="latpay-source-errors" role="alert">
                                        <ul class="latpay-error"></ul>
                                    </div>
                                </div>
                                <center><input style="display: none;" type="submit" id="button-confirm"
                                        class="btn btn-success" value="Pay"></center>

                                <div class="popup-more-filter mt-1 mb-0">
                                    <div id="custom-store-label" class="pb-3">
                                        <div class="popup-label">
                                            <div class="custom-control custom-checkbox p-0">
                                                <input type="checkbox" class="custom-control-input" value="1"
                                                    name="save_card" id="save_card">
                                                <label class="custom-control-label px-0" for="save_card">Save card for
                                                    faster payment next time?</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <!-- Add a new card design end -->


                        <!-- card design start -->
                        <div class="choose-saved-card mt-5" style="" id="ifCardFound">
                            <!-- <p>Choose payment method</p> -->
                            <div id="appendPaymentCard">
                                <div class="popup-more-filter">
                                    <div class="popup-label position-relative">
                                        <div class="custom-control custom-checkbox"> <input type="radio"
                                                class="custom-control-input"
                                                value="0xd0033759d9b41edd2a02126a5e720c04a7537d07" name="choose-card"
                                                id="0xd0033759d9b41edd2a02126a5e720c04a7537d07"> <label
                                                class="custom-control-label"
                                                for="0xd0033759d9b41edd2a02126a5e720c04a7537d07"> <span><img
                                                        class="img-fluid"
                                                        src="https://localhost/myappoinments/public/assets/images/credit-img/visa-card.png"></span>
                                                •••• •••• •••• 4242 </label> </div> <button type="button"
                                            style="top:5px" class="close removeclientcard" data-cardid="37"
                                            aria-label="Close"><span aria-hidden="true">×</span></button>
                                    </div>
                                </div>
                                <div class="popup-more-filter">
                                    <div class="popup-label position-relative">
                                        <div class="custom-control custom-checkbox"> <input type="radio"
                                                class="custom-control-input"
                                                value="0xd0033759d9b41edd2a02126a5e720c04a7537d07" name="choose-card"
                                                id="0xd0033759d9b41edd2a02126a5e720c04a7537d07"> <label
                                                class="custom-control-label"
                                                for="0xd0033759d9b41edd2a02126a5e720c04a7537d07"> <span><img
                                                        class="img-fluid"
                                                        src="https://localhost/myappoinments/public/assets/images/credit-img/visa-card.png"></span>
                                                •••• •••• •••• 4242 </label> </div> <button type="button"
                                            style="top:5px" class="close removeclientcard" data-cardid="37"
                                            aria-label="Close"><span aria-hidden="true">×</span></button>
                                    </div>
                                </div>
                            </div>
                            <span class="invalid-feedback d-block" id="displayError"></span>
                            <br>
                            <!-- card design end -->
                        </div>
                        <input type="hidden" name="paymentTypeNotSelected" value="0">
                        <a href="#" class="add-new-cart-link" role="button">Add a new card</a>
                    </div>
                </div>

                <div class="pay-now-btn payment payment-space-box">
                    <a id="customButton" class="paynow1-btn cursor-pointer">Process payment</a>
                </div>
            </div>

        </div>


    </div>
</div>



--}}


@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">
$(document).ready(function() {
    $('input').attr('autocomplete', 'off');

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

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

    $("#addWelcomeEmail").submit(function(e) {
        e.preventDefault();
        $(".profile-form-error").hide();
        if ($(this).parsley().isValid()) {
            var modal = $("#booking-confirmation");
            $.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'
                        }
                    });

                    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]);
                        var textarea = $('textarea[name=' + key + ']');
                        var parent = textarea.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');
}

$("#send_welcome_email_to_all").change(function(e) {
    e.preventDefault();
    if (this.checked) {
        $("#email-part").removeClass("hide");
    } 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() {
    //alert("page load");
    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';
        });
    }
});
</script>

<script type="text/javascript">
var Tawk_API = Tawk_API || {},
    Tawk_LoadStart = new Date();
(function() {
    var s1 = document.createElement("script"),
        s0 = document.getElementsByTagName("script")[0];
    s1.async = true;
    s1.src = 'https://embed.tawk.to/60208ea2c31c9117cb76c4d0/1etviqanh';
    s1.charset = 'UTF-8';
    s1.setAttribute('crossorigin', '*');
    s0.parentNode.insertBefore(s1, s0);
})();
</script>
@endsection