@extends('front.practitioner.import.template.import')
@section('content')
<link href="{{ asset('assets/css/colorPick.css') }}" rel='stylesheet' />
<link href="{{ asset('assets/css/colorPick.dark.theme.css') }}" rel='stylesheet' />
<link href="{{ asset('assets/css/croppie.min.css') }}" rel='stylesheet' />
<link src='{{ asset("assets/css/datepicker.css")}}' rel="stylesheet" />

<style>
   .timezoneDiv .select2-selection__arrow
   {
      display: none;
   }
   .newBusinessDetailsPage .top-pading{ 
      margin-top: 0.25rem !important; 
   }
   .sidebar-menu {
    display: none;
   }
   body.grey-bg {
    background: #f7f7f7;
   }
  
   .autosizetextaria::placeholder {
        color: #898989 !important;
        letter-spacing: 1.5px;
        font-size: 13px !important;
    }
   .autosizetextaria {
        overflow-y: hidden; 
        resize: none; 
        font-size: 14px;
        font-weight: 400;
        line-height: 17.1px;
    }
    .error-message{
      font-size: 80%;
    }
    .notes-menu {
        background: #f7f7f7 !important;
    }
    .course-main .icon-input .icon {
        top: 3px;
    }
    .timePickerNew .form-select {
		border: 1px solid #ccc;
		box-shadow: none; /* Avoid box shadows on dropdown */
		background-color: #fff;
		color: #24303f;
	  }
</style>

    <div class="course-main health-demo-main">
        <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="{{ route('practitioner.payment.plans.list') }}"><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="">Create payment plan</span></h1>

                </nav>

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

        <div class="voucher-setting-box">
            <div id="accordion">
                <div class="card boxwhite p-0" id="cardOne">
                    <div class="card-header" id="headingOne">
                        <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                            Enter payment details
                        </button>
                    </div>
                    
                     <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
                        <form id="addpaymentplandata" name="addpaymentplandata" method="POST" autocomplete="off">
                            @csrf
                            <input type="hidden" id="payment_plan_id" name="payment_plan_id" value="{{isset($paymentPlanData->id)? $paymentPlanData->id : '' }}">
                            <div class="card-body">
                                <div class="seting-card-body border-none">

                                    <div class="form-group ">
                                        <div class="row">
                                            <div class="col-sm-12 col-md-5">
                                                <label for="">Plan name</label>
                                            </div>
                                            <div class="col-sm-12 col-md-7">
                                                <input type="text" name="plan_name" class="form-control" placeholder="Enter the name of plan" value="{{ $paymentPlanData->plan_name ?? ""  }}">
                                                <span class="invalid-feedback d-block"></span>
                                            </div>                                        
                                        </div>
                                    </div>

                                    <div class="form-group" id="add_gst" >
                                        <div class="row">
                                            <div class="col-sm-12 col-md-5">
                                                <label class="tooltip-new">Is GST applicable?
                                                </label>
                                            </div>
                                            <div class="col-sm-12 col-md-7">
                                                <div class="row">
                                                    <div class="col-sm-12 col-md-6">
                                                        <div class="age-title">
                                                            <input type="radio" id="addgst-yes" name="is_gst" value="on" value="on" @if(isset($paymentPlanData->is_gst) && $paymentPlanData->is_gst == 'on') checked @endif>
                                                            <label for="addgst-yes" class="w-100 text-center ">Yes</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-12 col-md-6">
                                                        <div class="age-title">
                                                            <input   type="radio" id="addgst-no" name="is_gst" value="off" @if(isset($paymentPlanData->is_gst) && $paymentPlanData->is_gst == 'off') checked @endif>
                                                            <label for="addgst-no" class="w-100 text-center ">No</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <span class="invalid-feedback d-block" id="is_gst_error"></span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <div class="row">
                                            <div class="col-sm-12 col-md-5">
                                                <label for="">Payment frequency</label>
                                            </div>
                                            <div class="col-sm-12 col-md-7">
                                                <select id="payment_frequency" name="payment_frequency" class="form-control single-select2">
                                                
                                                    <option  @if(isset($paymentPlanData->payment_frequency) && $paymentPlanData->payment_frequency=="weekly") {{ "selected"  }}  @endif   value="weekly">Weekly</option>
                                                    <option  @if(isset($paymentPlanData->payment_frequency) && $paymentPlanData->payment_frequency=="fortnightly") {{ "selected"  }}  @endif   value="fortnightly">Fortnightly</option>
                                                    <option  @if(isset($paymentPlanData->payment_frequency) && $paymentPlanData->payment_frequency=="monthly") {{ "selected"  }}  @endif   value="monthly">Monthly</option>
                                                </select>
                                            </div>
                                            <span class="invalid-feedback d-block"></span>
                                        </div>
                                    </div>

                                    <div class="form-group" id="add_gst" >
                                        <div class="row">
                                            <div class="col-sm-12 col-md-5">
                                                <label class="tooltip-new">Equal instalments?
                                                </label>
                                            </div>
                                            <div class="col-sm-12 col-md-7">
                                                <div class="row">
                                                    <div class="col-sm-12 col-md-6">
                                                        <div class="age-title">
                                                            <input type="radio" id="addequal-yes" name="is_equal_instalment" value="on" @if(isset($paymentPlanData->is_equal_instalment) && $paymentPlanData->is_equal_instalment == 'on') checked @endif>
                                                            <label for="addequal-yes" class="w-100 text-center ">Yes</label>
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-12 col-md-6">
                                                        <div class="age-title">
                                                            <input   type="radio" id="addequal-no" name="is_equal_instalment" value="off" @if(isset($paymentPlanData->is_equal_instalment) && $paymentPlanData->is_equal_instalment == 'off') checked @endif>
                                                            <label for="addequal-no" class="w-100 text-center ">No</label>
                                                        </div>
                                                    </div>
                                                </div>
                                                <span class="invalid-feedback d-block" id="is_equal_instalment_error"></span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group d-none" id="first_payment_amount">
                                        <div class="row">
                                            <div class="col-sm-12 col-md-5">
                                                <label for="">First payment amount</label>
                                            </div>
                                            <div class="col-sm-12 col-md-7">
                                                <div class="icon-input">
                                                    <div class="icon">
                                                        <img src='{{asset("assets/images/Voucher/dolar.svg")}}' alt="" class="img-fluid">
                                                    </div>
                                                    <input type="text" name="first_amount" class="form-control" value="{{ $paymentPlanData->first_amount ?? ""}}" placeholder="Enter amount">
                                                    <span class="invalid-feedback d-block"></span>
                                                </div>
                                            </div>                                        
                                        </div>
                                    </div>

                                    <div class="form-group d-none" id="remaining_payment_div">
                                        <div class="row">
                                            <div class="col-sm-12 col-md-5">
                                                <label for="">Remaining payments</label>
                                            </div>
                                            <div class="col-sm-12 col-md-7">
                                                <div class="row align-items-start">
                                                    <div class="col-sm-12 col-md-6">
                                                        <input type="text" name="remaining_no_of_payment" value="{{ $paymentPlanData->remaining_no_of_payment ?? ""  }}" class="form-control coupon-discount" placeholder="Number of payments">
                                                        <span class="invalid-feedback d-block"></span>
                                                    </div>
                                                    <div class="col-sm-12 col-md-6">
                                                        <div class="icon-input">
                                                            <div class="icon">
                                                                <img src='{{asset("assets/images/Voucher/dolar.svg")}}' alt="" class="img-fluid">
                                                            </div>
                                                            <input type="text" name="remaining_amount" value="{{ $paymentPlanData->remaining_amount ?? ""  }}" class="form-control coupon-discount" placeholder="Payment amount">
                                                            <span class="invalid-feedback d-block"></span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group d-none" id="breakdown_payment_div">
                                        <div class="row">
                                            <div class="col-sm-12 col-md-5">
                                                <label for="">Payment breakdown</label>
                                            </div>
                                            <div class="col-sm-12 col-md-7">
                                                <div class="row align-items-start">
                                                    <div class="col-sm-12 col-md-6">
                                                        <input type="text" name="breakdown_no_of_payments" value="{{ $paymentPlanData->breakdown_no_of_payments ?? ""  }}" class="form-control coupon-discount" placeholder="Number of payments">
                                                        <span class="invalid-feedback d-block"></span>
                                                    </div>
                                                    <div class="col-sm-12 col-md-6">
                                                        <div class="icon-input">
                                                            <div class="icon">
                                                                <img src='{{asset("assets/images/Voucher/dolar.svg")}}' alt="" class="img-fluid">
                                                            </div>
                                                            <input type="text" name="breakdown_amount" value="{{ $paymentPlanData->breakdown_amount ?? ""  }}" class="form-control coupon-discount" placeholder="Payment amount">
                                                            <span class="invalid-feedback d-block"></span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <div class="row">
                                            <div class="col-sm-12 col-md-12">
                                                <label class="tooltip-new">Custom message (optional)</label>
                                            </div>
                                            <div class="col-sm-12 col-md-12">
                                                <div class="copy-link-input">
                                                    <textarea 
                                                    name="custom_message" id="custom_message" class="text-left append-text autosizetextaria w-100" 
                                                    placeholder="Add a custom message to show on the payment page">{{ $paymentPlanData->custom_message ?? '' }}</textarea>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <div class="row">
                                            <div class="col-sm-12 col-md-12">
                                                <label class="tooltip-new">Enter your terms and conditions (either as a URL or text)</label>
                                            </div>
                                            <div class="col-sm-12 col-md-12">
                                                <div class="copy-link-input">
                                                    <textarea 
                                                        name="terms_and_condition_link" id="terms_and_condition_link" class="text-left append-text autosizetextaria w-100" 
                                                        placeholder="Enter URL or text here">{{ $paymentPlanData->terms_and_condition_link ?? "" }}</textarea>
                                                </div>
                                                <span class="invalid-feedback d-block"></span>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <div class="row">
                                            <div class="col-sm-12 col-md-12">
                                                <label class="tooltip-new">Purchase link
                                                    <span class="tooltip-info-icon">
                                                        <img src='{{asset("assets/images/information-icon-new.svg")}}' alt="" class="img-fluid info-icon">
                                                    </span>
                                                    <div class="tooltiptext">
                                                        <div class="media">
                                                            <div class="media-body">Share this link with clients or place it on your website for easy plan sign-up.</div>
                                                        </div>
                                                    </div>
                                                </label>
                                            </div>
                                            <div class="col-sm-12 col-md-12">
                                                <div class="copy-link-input">
                                                    <textarea 
                                                        name="purchase_link" id="purchase_link" class="form-control" 
                                                        placeholder="The URL will be generated and displayed here after you update and save">{{ $paymentPlanData->purchase_link ?? "" }}</textarea>
                                                        <a href="javascript:void(0)" onclick="myFunction('purchase_link')" class="copy-link d-none">Copy</a>
                                                </div>
                                                <span class="invalid-feedback d-block"></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="voucher-footer">
                                <button type="submit" class="cursor-pointer btn-fill">Update and save</button>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="card boxwhite p-0 booking-confirmation" id="cardTwo" data-block="confirmation">
                    <div class="card-header" id="headingfour">
                        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                            Payment plan confirmation
                        </button>
                    </div>
                    <div id="collapseTwo" class="collapse" aria-labelledby="headingfour" data-parent="#accordion">
                        <form id="addConfirmationCommmunicationSettings" name="addConfirmationCommmunicationSettings" method="POST" autocomplete="off">           
                            @csrf                    
                            <input type="hidden" name="id" id="id" value="@if(isset($paymentPlanCommunicationSettings)) {{$paymentPlanCommunicationSettings->id}} @endif">
                            <input type="hidden" id="payment_plan_id" name="payment_plan_id" value="{{isset($paymentPlanData->id)? $paymentPlanData->id : '' }}">
                            
                            <div class="card-body">
                                <div class="seting-card-body">
                                    <h3 class="mb-2">Messaging</h3>
                                    <div class="label-input">
                                        <div class="row">
                                            <div class="col-lg-12 col-md-12">
                                                 <label class="font-15 mb-3">This message is sent immediately when a client signs up for a payment plan. Email delivery is required and cannot be disabled.</label>
                                                {{-- <label class="font-15 mb-3">How would you like it to be delivered to your clients?</label> --}}
                                            </div>
                                        </div>

                                        <div class="row">
                                            <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 booking_confirmation_sub">
                                                        <div class="switch-custom">
                                                            <div class="custom-control custom-switch">
                                                                <input type="checkbox" value="1" name="send_confirmation_via_sms" class="custom-control-input communication-toggle" data-block="confirmation" data-type="sms" id="send_confirmation_via_sms" @if(isset($paymentPlanCommunicationSettings) && $paymentPlanCommunicationSettings->send_confirmation_via_sms == '1') checked @endif>
                                                                <label class="custom-control-label" for="send_confirmation_via_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-4 col-6 booking_confirmation_sub">
                                                        <div class="switch-custom">
                                                            <div class="custom-control custom-switch">
                                                                 <input type="checkbox" value="1" name="send_confirmation_via_email" class="custom-control-input communication-toggle" data-block="confirmation" data-type="email" id="send_confirmation_via_email" checked disabled>
                                                                {{-- <input type="checkbox" value="1" name="send_confirmation_via_email" class="custom-control-input communication-toggle" data-block="confirmation" data-type="email" id="send_confirmation_via_email" @if(isset($paymentPlanCommunicationSettings) && $paymentPlanCommunicationSettings->send_confirmation_via_email == '1') checked @endif> --}}
                                                                <label class="custom-control-label" for="send_confirmation_via_email"></label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="top-message-part-confirmation"  class="@if(!empty($paymentPlanCommunicationSettings) && ($paymentPlanCommunicationSettings->send_confirmation_via_sms == 1 || $paymentPlanCommunicationSettings->send_confirmation_via_email == 1) ) @else hide @endif @if(!isset($paymentPlanCommunicationSettings)) hide @endif">
                                        <hr>
                                        <h3 class="mb-2">Message personalisation</h3>
                                        <div class="label-input mb-0">
                                            <div class="row">
                                                <div class="col-lg-12 col-md-12">
                                                    <label class="font-15 mb-4">We have provided you with suggested wording which can be edited as required. Use the personalisation drop down to insert automatically populated fields in your message.</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="email-part-confirmation" class="@if(isset($paymentPlanCommunicationSettings) && $paymentPlanCommunicationSettings->send_confirmation_via_email == 0) hide @endif @if(!isset($paymentPlanCommunicationSettings)) hide @endif">
                                        <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="pre1" id="pre1">
                                                            <option selected disabled value="">Insert personalisation</option>
                                                            <option value="<Client name>">Client name</option>
                                                            <option value="<Plan name>">Plan name</option>
                                                            <option value="<Amount per payment>">Amount per payment</option>
                                                            <option value="<Payment frequency>">Payment frequency</option>
                                                            <option value="<Next debit date>">Next debit date</option>
                                                            <option value="<End date>">End date</option>
                                                            <option value="<Invoice amount>">Invoice amount</option>
                                                            <option value="<Service provider name>">Service provider name</option>
                                                            <option value="<Business name>">Business name</option>
                                                           
                                                        </select>
                                                        @php
                                                            if(isset($paymentPlanCommunicationSettings) && $paymentPlanCommunicationSettings->email_confirmation_subject_line !='')
                                                            {
                                                                $email_confirmation_subject_line = $paymentPlanCommunicationSettings->email_confirmation_subject_line;
                                                            }else{
                                                                $email_confirmation_subject_line = "Your payment plan is active";
                                                            }  
                                                        @endphp

                                                        <textarea name="email_confirmation_subject_line" id="email_confirmation_subject_line" type="text" class="text-left append-text autosizetextaria w-100" placeholder="">{{ $email_confirmation_subject_line }}</textarea>
                                                        <span class="invalid-feedback d-block float-center"></span>
                                                    </div>
                                                    
                                                </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 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="pre2" id="pre2">
                                                            <option selected disabled value="">Insert personalisation</option>
                                                            <option value="<Client name>">Client name</option>
                                                            <option value="<Plan name>">Plan name</option>
                                                            <option value="<Amount per payment>">Amount per payment</option>
                                                            <option value="<Payment frequency>">Payment frequency</option>
                                                            <option value="<Next debit date>">Next debit date</option>
                                                            <option value="<End date>">End date</option>
                                                            <option value="<Invoice amount>">Invoice amount</option>
                                                            <option value="<Service provider name>">Service provider name</option>
                                                            <option value="<Business name>">Business name</option>
                                                        </select>
                                                        @php
                                                        if(isset($paymentPlanCommunicationSettings) && $paymentPlanCommunicationSettings->email_confirmation_text !='')
                                                        {
                                                            $email_confirmation_text = $paymentPlanCommunicationSettings->email_confirmation_text;
                                                        }else{
                                                            $email_confirmation_text ="
Hi <Client name>,

Thanks for signing up for <Plan name>.

Your payment plan is now all set up. Here are the details for your records:

Plan: <Plan name>

Payment terms: <Amount per payment>

Frequency: <Payment frequency>

Next debit: <Next debit date>

End date: <End date>

Payments will be processed automatically, and you’ll receive a receipt each time.

If ever you have any questions, just reach out. We are always here to help.

Warm regards,

<Service provider name>
<Business name>";
                                                        }                                               
                                                        @endphp
                                                        <textarea name="email_confirmation_text" id="email_confirmation_text" class="text-left  append-text font-13 autosizetextaria w-100">{{ $email_confirmation_text }}</textarea>
                                                        <span class="invalid-feedback d-block float-center"></span>
                                                    </div>
                                                    
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div id="sms-part-confirmation" class="@if(isset($paymentPlanCommunicationSettings) && $paymentPlanCommunicationSettings->send_confirmation_via_sms == 0) hide @endif @if(!isset($paymentPlanCommunicationSettings)) hide @endif">
                                        <div class="label-input send_first_sms_reminder_text">
                                            <div class="row">
                                                <div class="col-md-3 col-sm-6 pr-md-2">
                                                    <label class="font-15">SMS text</label>
                                                </div>
                                                <div class="col-md-9 col-sm-6 main-div">
                                                    <div class="form-group brdrfull marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child">
                                                        <select style="width:100%" name="pre3" id="pre3" class="form-control selprepo  js-example-basic-single font-13">
                                                            <option selected disabled value="">Insert personalisation</option>
                                                            <option value="<Client name>">Client name</option>
                                                            <option value="<Plan name>">Plan name</option>
                                                            <option value="<Amount per payment>">Amount per payment</option>
                                                            <option value="<Payment frequency>">Payment frequency</option>
                                                            <option value="<Next debit date>">Next debit date</option>
                                                            <option value="<End date>">End date</option>
                                                            <option value="<Invoice amount>">Invoice amount</option>
                                                            <option value="<Service provider name>">Service provider name</option>
                                                            <option value="<Business name>">Business name</option>
                                                        </select>
                                                        @php
                                                        if(isset($paymentPlanCommunicationSettings) && $paymentPlanCommunicationSettings->sms_confirmation_text !='')
                                                        {
                                                            $sms_confirmation_text = $paymentPlanCommunicationSettings->sms_confirmation_text;
                                                        }else{
                                                            $sms_confirmation_text = "Hi <Client name>, your payment plan is now set up. Next debit:  <Next debit date>, Amount: <Invoice amount>. If you have any questions, please reach out. Warm regards, <Business name>.";
                                                        }    
                                                        @endphp

                                                        <textarea class="sms-textarea w-100 text-left append-text autosizetextaria" maxlength="2000" id="sms_confirmation_text" name="sms_confirmation_text">{{ $sms_confirmation_text }}</textarea>
                                                        <span class="invalid-feedback d-block float-center"></span>
                                                    </div>
                                                    
                                                    <p class="text-right font-13">
                                                        <span class="sms_booking_text"></span>
                                                        <span class="notify_credit_btn cursor-pointer">
                                                            <img src='{{asset("assets/images/info-icon.png")}}' alt="" class="img-fluid info-icon ">
                                                        </span>
                                                    </p>

                                                    <div class="send-client-box-geo notify_credit_toggle">
                                                        <div class="media">
                                                            <img src='{{asset("assets/images/round-n-icon.png")}}' class="align-self-start mr-2" alt="...">
                                                            <div class="media-body">
                                                                <h5 class="mt-0 text-left ">1 credit per sms. Character count for 1st message is 160 and each message thereafter 153. <br />Overseas numbers incur 2 credits per sms.</h5>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="voucher-footer">
                                <button type="submit" id="custom_voucher" class="cursor-pointer btn-fill">Update and save</button>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="card boxwhite p-0  booking-confirmation" id="cardThree" data-block="first_failed">
                    <div class="card-header" id="headingfour">
                        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                            1st failed payment
                        </button>
                    </div>
                    <div id="collapseThree" class="collapse" aria-labelledby="headingfour" data-parent="#accordion">
                        <form id="addFirstFailedCommmunicationSettings" name="addFirstFailedCommmunicationSettings" method="POST" autocomplete="off">           
                            @csrf                    
                            <input type="hidden" name="id" id="id" value="@if(isset($paymentPlanCommunicationSettings)) {{$paymentPlanCommunicationSettings->id}} @endif">
                             <input type="hidden" id="payment_plan_id" name="payment_plan_id" value="{{isset($paymentPlanData->id)? $paymentPlanData->id : '' }}">
                            <div class="card-body">
                                <div class="seting-card-body">
                                    <h3 class="mb-2">Messaging</h3>
                                    <div class="label-input">
                                        <div class="row">
                                            <div class="col-lg-12 col-md-12">
                                                <label class="font-15 mb-3">If a scheduled debit fails, we’ll automatically retry the card in 24 hours unless payment is received via the provided link.</label>
                                                <label class="font-15 mb-3">How would you prefer to send this communication to your clients?</label>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <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 booking_confirmation_sub">
                                                        <div class="switch-custom">
                                                            <div class="custom-control custom-switch">
                                                                <input type="checkbox" value="1" name="send_first_failed_via_sms" class="custom-control-input communication-toggle" data-block="first_failed" data-type="sms" id="send_first_failed_via_sms" @if(isset($paymentPlanCommunicationSettings) && $paymentPlanCommunicationSettings->send_first_failed_via_sms == '1') checked @endif>
                                                                <label class="custom-control-label" for="send_first_failed_via_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-4 col-6 booking_confirmation_sub">
                                                        <div class="switch-custom">
                                                            <div class="custom-control custom-switch">
                                                                <input type="checkbox" value="1" name="send_first_failed_via_email" class="custom-control-input communication-toggle" data-block="first_failed" data-type="email" id="send_first_failed_via_email" @if(isset($paymentPlanCommunicationSettings) && $paymentPlanCommunicationSettings->send_first_failed_via_email == '1') checked @endif>
                                                                <label class="custom-control-label" for="send_first_failed_via_email"></label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="top-message-part-first_failed"  class="@if(!empty($paymentPlanCommunicationSettings) && ($paymentPlanCommunicationSettings->send_first_failed_via_sms == 1 || $paymentPlanCommunicationSettings->send_first_failed_via_email == 1) ) @else hide @endif @if(!isset($paymentPlanCommunicationSettings)) hide @endif">
                                        <hr>
                                        <h3 class="mb-2">Message personalisation</h3>
                                        <div class="label-input mb-0">
                                            <div class="row">
                                                <div class="col-lg-12 col-md-12">
                                                    <label class="font-15 mb-4">We have provided you with suggested wording which can be edited as required. Use the personalisation drop down to insert automatically populated fields in your message.</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="email-part-first_failed" class="@if(isset($paymentPlanCommunicationSettings) && $paymentPlanCommunicationSettings->send_first_failed_via_email == 0) hide @endif @if(!isset($paymentPlanCommunicationSettings)) hide @endif">
                                        <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="pre4" id="pre4">
                                                            <option selected disabled value="">Insert personalisation</option>
                                                            <option value="<Client name>">Client name</option>
                                                            <option value="<Plan name>">Plan name</option>
                                                            <option value="<Amount per payment>">Amount per payment</option>
                                                            <option value="<Payment frequency>">Payment frequency</option>
                                                            <option value="<Next debit date>">Next debit date</option>
                                                            <option value="<End date>">End date</option>
                                                            <option value="<Payment link>">Payment link</option>
                                                            <option value="<Invoice amount>">Invoice amount</option>
                                                            <option value="<Service provider name>">Service provider name</option>
                                                            <option value="<Business name>">Business name</option>
                                                        </select>
                                                        @php
                                                            if(isset($paymentPlanCommunicationSettings) && $paymentPlanCommunicationSettings->email_first_failed_subject_line !='')
                                                            {
                                                                $email_first_failed_subject_line = $paymentPlanCommunicationSettings->email_first_failed_subject_line;
                                                            }else{
                                                                $email_first_failed_subject_line = "Payment declined";
                                                            }  
                                                        @endphp

                                                        <textarea name="email_first_failed_subject_line" id="email_first_failed_subject_line" type="text" class="text-left append-text autosizetextaria w-100" placeholder="">{{ $email_first_failed_subject_line }}</textarea>
                                                        <span class="invalid-feedback d-block float-center"></span>
                                                    </div>
                                                    
                                                </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 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="pre5" id="pre5">
                                                            <option selected disabled value="">Insert personalisation</option>
                                                            <option value="<Client name>">Client name</option>
                                                            <option value="<Plan name>">Plan name</option>
                                                            <option value="<Amount per payment>">Amount per payment</option>
                                                            <option value="<Payment frequency>">Payment frequency</option>
                                                            <option value="<Next debit date>">Next debit date</option>
                                                            <option value="<End date>">End date</option>
                                                            <option value="<Payment link>">Payment link</option>
                                                            <option value="<Invoice amount>">Invoice amount</option>
                                                            <option value="<Service provider name>">Service provider name</option>
                                                            <option value="<Business name>">Business name</option>
                                                        </select>
                                                        @php
                                                        if(isset($paymentPlanCommunicationSettings) && $paymentPlanCommunicationSettings->email_first_failed_text !='')
                                                        {
                                                            $email_first_failed_text = $paymentPlanCommunicationSettings->email_first_failed_text;
                                                        }else{
                                                            $email_first_failed_text ="
Hi <Client name>,

Your recent payment for <Plan name> was not successful. This can happen if a card has expired, there are insufficient funds, or the bank declines the payment.

We will attempt to debit your card again in 24 hours. If you would like to update your card details or make a payment now, you can do so here: <Payment link>

Here are your plan details for reference:

Plan: <Plan name>

Payment terms: <Amount per payment>

Frequency: <Payment frequency>

If you have any questions or need assistance, please reach out. We are always here to help.

Warmly,

<Service provider name>
<Business name>";
                                                        }                                               
                                                        @endphp
                                                        <textarea name="email_first_failed_text" id="email_first_failed_text" class="text-left  append-text font-13 autosizetextaria w-100">{{ $email_first_failed_text }}</textarea>
                                                        <span class="invalid-feedback d-block float-center"></span>
                                                    </div>
                                                    
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div id="sms-part-first_failed" class="@if(isset($paymentPlanCommunicationSettings) && $paymentPlanCommunicationSettings->send_first_failed_via_sms == 0) hide @endif @if(!isset($paymentPlanCommunicationSettings)) hide @endif">
                                        <div class="label-input send_first_sms_reminder_text">
                                            <div class="row">
                                                <div class="col-md-3 col-sm-6 pr-md-2">
                                                    <label class="font-15">SMS text</label>
                                                </div>
                                                <div class="col-md-9 col-sm-6 main-div">
                                                    <div class="form-group brdrfull marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child">
                                                        <select style="width:100%" name="pre6" id="pre6" class="form-control selprepo  js-example-basic-single font-13">
                                                            <option selected disabled value="">Insert personalisation</option>
                                                            <option value="<Client name>">Client name</option>
                                                            <option value="<Plan name>">Plan name</option>
                                                            <option value="<Amount per payment>">Amount per payment</option>
                                                            <option value="<Payment frequency>">Payment frequency</option>
                                                            <option value="<Next debit date>">Next debit date</option>
                                                            <option value="<End date>">End date</option>
                                                            <option value="<Payment link>">Payment link</option>
                                                            <option value="<Invoice amount>">Invoice amount</option>
                                                            <option value="<Service provider name>">Service provider name</option>
                                                            <option value="<Business name>">Business name</option>
                                                        </select>
                                                        @php
                                                        if(isset($paymentPlanCommunicationSettings) && $paymentPlanCommunicationSettings->sms_first_failed_text !='')
                                                        {
                                                            $sms_first_failed_text = $paymentPlanCommunicationSettings->sms_first_failed_text;
                                                        }else{
                                                            $sms_first_failed_text = "Hi <Client name>, your recent payment for <Plan name> was unsuccessful. We will try again in 24 hrs, or you can make a payment here: <Payment link>. Reach out if we can be of assistance. Warm regards, <Business name>.";
                                                        }    
                                                        @endphp

                                                        <textarea class="sms-textarea w-100 text-left append-text autosizetextaria" maxlength="2000" id="sms_first_failed_text" name="sms_first_failed_text">{{ $sms_first_failed_text }}</textarea>
                                                        <span class="invalid-feedback d-block float-center"></span>
                                                    </div>
                                                    
                                                    <p class="text-right font-13">
                                                        <span class="sms_booking_text"></span>
                                                        <span class="notify_credit_btn cursor-pointer">
                                                            <img src='{{asset("assets/images/info-icon.png")}}' alt="" class="img-fluid info-icon ">
                                                        </span>
                                                    </p>

                                                    <div class="send-client-box-geo notify_credit_toggle">
                                                        <div class="media">
                                                            <img src='{{asset("assets/images/round-n-icon.png")}}' class="align-self-start mr-2" alt="...">
                                                            <div class="media-body">
                                                                <h5 class="mt-0 text-left ">1 credit per sms. Character count for 1st message is 160 and each message thereafter 153. <br />Overseas numbers incur 2 credits per sms.</h5>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="voucher-footer">
                                <button type="submit" id="custom_voucher" class="cursor-pointer btn-fill">Update and save</button>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="card boxwhite p-0 booking-confirmation" id="cardFour" data-block="second_failed">
                    <div class="card-header" id="headingfour">
                        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                            2nd failed payment
                        </button>
                    </div>
                    <div id="collapseFour" class="collapse" aria-labelledby="headingfour" data-parent="#accordion">
                        <form id="addSecondFailedCommmunicationSettings" name="addSecondFailedCommmunicationSettings" method="POST" autocomplete="off">           
                            @csrf                    
                            <input type="hidden" name="id" id="id" value="@if(isset($paymentPlanCommunicationSettings)) {{$paymentPlanCommunicationSettings->id}} @endif">
                             <input type="hidden" id="payment_plan_id" name="payment_plan_id" value="{{isset($paymentPlanData->id)? $paymentPlanData->id : '' }}">
                            <div class="card-body">
                                <div class="seting-card-body">
                                    <h3 class="mb-2">Messaging</h3>
                                    <div class="label-input">
                                        <div class="row">
                                            <div class="col-lg-12 col-md-12">
                                                <label class="font-15 mb-3">If the second payment attempt fails, we’ll automatically charge the card again in 72 hours unless payment is received via the provided link.</label>
                                                <label class="font-15 mb-3">How would you prefer to send this communication to your clients?</label>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <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 booking_confirmation_sub">
                                                        <div class="switch-custom">
                                                            <div class="custom-control custom-switch">
                                                                <input type="checkbox" value="1" name="send_second_failed_via_sms" class="custom-control-input communication-toggle" data-block="second_failed" data-type="sms" id="send_second_failed_via_sms" @if(isset($paymentPlanCommunicationSettings) && $paymentPlanCommunicationSettings->send_second_failed_via_sms == '1') checked @endif>
                                                                <label class="custom-control-label" for="send_second_failed_via_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-4 col-6 booking_confirmation_sub">
                                                        <div class="switch-custom">
                                                            <div class="custom-control custom-switch">
                                                                <input type="checkbox" value="1" name="send_second_failed_via_email" class="custom-control-input communication-toggle" data-block="second_failed" data-type="email" id="send_second_failed_via_email" @if(isset($paymentPlanCommunicationSettings) && $paymentPlanCommunicationSettings->send_second_failed_via_email == '1') checked @endif>
                                                                <label class="custom-control-label" for="send_second_failed_via_email"></label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="top-message-part-second_failed"  class="@if(!empty($paymentPlanCommunicationSettings) && ($paymentPlanCommunicationSettings->send_second_failed_via_sms == 1 || $paymentPlanCommunicationSettings->send_second_failed_via_email == 1) ) @else hide @endif @if(!isset($paymentPlanCommunicationSettings)) hide @endif">
                                        <hr>
                                        <h3 class="mb-2">Message personalisation</h3>
                                        <div class="label-input mb-0">
                                            <div class="row">
                                                <div class="col-lg-12 col-md-12">
                                                    <label class="font-15 mb-4">We have provided you with suggested wording which can be edited as required. Use the personalisation drop down to insert automatically populated fields in your message.</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="email-part-second_failed" class="@if(isset($paymentPlanCommunicationSettings) && $paymentPlanCommunicationSettings->send_second_failed_via_email == 0) hide @endif @if(!isset($paymentPlanCommunicationSettings)) hide @endif">
                                        <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="">Insert personalisation</option>
                                                           <option value="<Client name>">Client name</option>
                                                            <option value="<Plan name>">Plan name</option>
                                                            <option value="<Amount per payment>">Amount per payment</option>
                                                            <option value="<Payment frequency>">Payment frequency</option>
                                                            <option value="<Next debit date>">Next debit date</option>
                                                            <option value="<Retry attempt date>">Retry attempt date</option>
                                                            <option value="<End date>">End date</option>
                                                            <option value="<Payment link>">Payment link</option>
                                                            <option value="<Invoice amount>">Invoice amount</option>
                                                            <option value="<Service provider name>">Service provider name</option>
                                                            <option value="<Business name>">Business name</option>
                                                        </select>
                                                        @php
                                                            if(isset($paymentPlanCommunicationSettings) && $paymentPlanCommunicationSettings->email_second_failed_subject_line !='')
                                                            {
                                                                $email_second_failed_subject_line = $paymentPlanCommunicationSettings->email_second_failed_subject_line;
                                                            }else{
                                                                $email_second_failed_subject_line = "Action required: Second payment attempt failed";
                                                            }  
                                                        @endphp

                                                        <textarea name="email_second_failed_subject_line" id="email_second_failed_subject_line" type="text" class="text-left append-text autosizetextaria w-100" placeholder="">{{ $email_second_failed_subject_line }}</textarea>
                                                        <span class="invalid-feedback d-block float-center"></span>
                                                    </div>
                                                    
                                                </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 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="">Insert personalisation</option>
                                                            <option value="<Plan name>">Plan name</option>
                                                            <option value="<Amount per payment>">Amount per payment</option>
                                                            <option value="<Payment frequency>">Payment frequency</option>
                                                            <option value="<Next debit date>">Next debit date</option>
                                                            <option value="<Retry attempt date>">Retry attempt date</option>
                                                            <option value="<End date>">End date</option>
                                                            <option value="<Payment link>">Payment link</option>
                                                            <option value="<Invoice amount>">Invoice amount</option>
                                                            <option value="<Service provider name>">Service provider name</option>
                                                            <option value="<Business name>">Business name</option>
                                                        </select>
                                                        @php
                                                        if(isset($paymentPlanCommunicationSettings) && $paymentPlanCommunicationSettings->email_second_failed_text !='')
                                                        {
                                                            $email_second_failed_text = $paymentPlanCommunicationSettings->email_second_failed_text;
                                                        }else{
                                                            $email_second_failed_text ="
Hi <Client name>,

We attempted to process the second payment for <Plan name>, but it was not successful.

As outlined in the terms and conditions you agreed to when signing up, here are your plan details:

Plan: <Plan name>

Payment terms: <Amount per payment>

Frequency: <Payment frequency>

We will attempt to debit your card again on <Retry attempt date>. To avoid any interruption to your services, please ensure sufficient funds are available or update your card details here: <Payment link>

Please note, if the next payment attempt is also unsuccessful, your services may be suspended until payment is received.

If you have any questions or need assistance, please reach out. We are always here to help.

Warm regards,

<Service provider name>
<Business name>";
                                                        }                                               
                                                        @endphp
                                                        <textarea name="email_second_failed_text" id="email_second_failed_text" class="text-left  append-text font-13 autosizetextaria w-100">{{ $email_second_failed_text }}</textarea>
                                                        <span class="invalid-feedback d-block float-center"></span>
                                                    </div>
                                                    
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div id="sms-part-second_failed" class="@if(isset($paymentPlanCommunicationSettings) && $paymentPlanCommunicationSettings->send_second_failed_via_sms == 0) hide @endif @if(!isset($paymentPlanCommunicationSettings)) hide @endif">
                                        <div class="label-input send_first_sms_reminder_text">
                                            <div class="row">
                                                <div class="col-md-3 col-sm-6 pr-md-2">
                                                    <label class="font-15">SMS text</label>
                                                </div>
                                                <div class="col-md-9 col-sm-6 main-div">
                                                    <div class="form-group brdrfull marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child">
                                                        <select style="width:100%" name="pre9" id="pre9" class="form-control selprepo  js-example-basic-single font-13">
                                                            <option selected disabled value="">Insert personalisation</option>
                                                            <option value="<Plan name>">Plan name</option>
                                                            <option value="<Amount per payment>">Amount per payment</option>
                                                            <option value="<Payment frequency>">Payment frequency</option>
                                                            <option value="<Next debit date>">Next debit date</option>
                                                            <option value="<Retry attempt date>">Retry attempt date</option>
                                                            <option value="<End date>">End date</option>
                                                            <option value="<Payment link>">Payment link</option>
                                                            <option value="<Invoice amount>">Invoice amount</option>
                                                            <option value="<Service provider name>">Service provider name</option>
                                                            <option value="<Business name>">Business name</option>
                                                        </select>
                                                        @php
                                                        if(isset($paymentPlanCommunicationSettings) && $paymentPlanCommunicationSettings->sms_second_failed_text !='')
                                                        {
                                                            $sms_second_failed_text = $paymentPlanCommunicationSettings->sms_second_failed_text;
                                                        }else{
                                                            $sms_second_failed_text = "Hi <Client name>, we attempted to process the second payment for <Plan name>, but it was not successful. We will try again on <Retry attempt date>. To avoid interruption to your services, please pay here: <Payment link> or ensure your card has sufficient funds. Please note, a third failed attempt may result in suspension of services. Warm regards, <Business name>.";
                                                        }    
                                                        @endphp

                                                        <textarea class="sms-textarea w-100 text-left append-text autosizetextaria" maxlength="2000" id="sms_second_failed_text" name="sms_second_failed_text">{{ $sms_second_failed_text }}</textarea>
                                                        <span class="invalid-feedback d-block float-center"></span>
                                                    </div>
                                                    
                                                    <p class="text-right font-13">
                                                        <span class="sms_booking_text"></span>
                                                        <span class="notify_credit_btn cursor-pointer">
                                                            <img src='{{asset("assets/images/info-icon.png")}}' alt="" class="img-fluid info-icon ">
                                                        </span>
                                                    </p>

                                                    <div class="send-client-box-geo notify_credit_toggle">
                                                        <div class="media">
                                                            <img src='{{asset("assets/images/round-n-icon.png")}}' class="align-self-start mr-2" alt="...">
                                                            <div class="media-body">
                                                                <h5 class="mt-0 text-left ">1 credit per sms. Character count for 1st message is 160 and each message thereafter 153. <br />Overseas numbers incur 2 credits per sms.</h5>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="voucher-footer">
                                <button type="submit" id="custom_voucher" class="cursor-pointer btn-fill">Update and save</button>
                            </div>
                        </form>
                    </div>
                </div>
                <div class="card boxwhite p-0 booking-confirmation" id="cardtFive" data-block="third_failed">
                    <div class="card-header" id="headingfive">
                        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseFive" aria-expanded="false" aria-controls="collapseFive">
                            3rd failed payment
                        </button>
                    </div>
                    <div id="collapseFive" class="collapse" aria-labelledby="headingfive" data-parent="#accordion">
                        <form id="addThirdFailedCommmunicationSettings" name="addThirdFailedCommmunicationSettings" method="POST" autocomplete="off">           
                            @csrf                    
                            <input type="hidden" name="id" id="id" value="@if(isset($paymentPlanCommunicationSettings)) {{$paymentPlanCommunicationSettings->id}} @endif">
                             <input type="hidden" id="payment_plan_id" name="payment_plan_id" value="{{isset($paymentPlanData->id)? $paymentPlanData->id : '' }}">
                            <div class="card-body">
                                <div class="seting-card-body">
                                    <h3 class="mb-2">Messaging</h3>
                                    <div class="label-input">
                                        <div class="row">
                                            <div class="col-lg-12 col-md-12">
                                                  <label class="font-15 mb-3">This message will be sent after three unsuccessful payment attempts. No further retries will occur. You can try to manually charge the card, or send the link to clients to pay via the client’s payment details page.</label>
                                                <label class="font-15 mb-3">How would you prefer to send this communication to your clients?</label>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <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 booking_confirmation_sub">
                                                        <div class="switch-custom">
                                                            <div class="custom-control custom-switch">
                                                                <input type="checkbox" value="1" name="send_third_failed_via_sms" class="custom-control-input communication-toggle" data-block="third_failed" data-type="sms" id="send_third_failed_via_sms" @if(isset($paymentPlanCommunicationSettings) && $paymentPlanCommunicationSettings->send_third_failed_via_sms == '1') checked @endif>
                                                                <label class="custom-control-label" for="send_third_failed_via_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-4 col-6 booking_confirmation_sub">
                                                        <div class="switch-custom">
                                                            <div class="custom-control custom-switch">
                                                                <input type="checkbox" value="1" name="send_third_failed_via_email" class="custom-control-input communication-toggle" data-block="third_failed" data-type="email" id="send_third_failed_via_email" @if(isset($paymentPlanCommunicationSettings) && $paymentPlanCommunicationSettings->send_third_failed_via_email == '1') checked @endif>
                                                                <label class="custom-control-label" for="send_third_failed_via_email"></label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="top-message-part-third_failed"  class="@if(!empty($paymentPlanCommunicationSettings) && ($paymentPlanCommunicationSettings->send_third_failed_via_sms == 1 || $paymentPlanCommunicationSettings->send_third_failed_via_email == 1) ) @else hide @endif @if(!isset($paymentPlanCommunicationSettings)) hide @endif">
                                        <hr>
                                        <h3 class="mb-2">Message personalisation</h3>
                                        <div class="label-input mb-0">
                                            <div class="row">
                                                <div class="col-lg-12 col-md-12">
                                                    <label class="font-15 mb-4">We have provided you with suggested wording which can be edited as required. Use the personalisation drop down to insert automatically populated fields in your message.</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="email-part-third_failed" class="@if(isset($paymentPlanCommunicationSettings) && $paymentPlanCommunicationSettings->send_third_failed_via_email == 0) hide @endif @if(!isset($paymentPlanCommunicationSettings)) hide @endif">
                                        <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="pre10" id="pre10">
                                                            <option selected disabled value="">Insert personalisation</option>
                                                            <option value="<Plan name>">Plan name</option>
                                                            <option value="<Amount per payment>">Amount per payment</option>
                                                            <option value="<Payment frequency>">Payment frequency</option>
                                                            <option value="<Next debit date>">Next debit date</option>
                                                            <option value="<End date>">End date</option>
                                                            <option value="<Payment link>">Payment link</option>
                                                            <option value="<Invoice amount>">Invoice amount</option>
                                                            <option value="<Service provider name>">Service provider name</option>
                                                            <option value="<Business name>">Business name</option>
                                                        </select>
                                                        @php
                                                            if(isset($paymentPlanCommunicationSettings) && $paymentPlanCommunicationSettings->email_third_failed_subject_line !='')
                                                            {
                                                                $email_third_failed_subject_line = $paymentPlanCommunicationSettings->email_third_failed_subject_line;
                                                            }else{
                                                                $email_third_failed_subject_line = "Services suspended";
                                                            }  
                                                        @endphp

                                                        <textarea name="email_third_failed_subject_line" id="email_third_failed_subject_line" type="text" class="text-left append-text autosizetextaria w-100" placeholder="">{{ $email_third_failed_subject_line }}</textarea>
                                                        <span class="invalid-feedback d-block float-center"></span>
                                                    </div>
                                                    
                                                </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 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="pre11" id="pre11">
                                                            <option selected disabled value="">Insert personalisation</option>
                                                            <option value="<Plan name>">Plan name</option>
                                                            <option value="<Amount per payment>">Amount per payment</option>
                                                            <option value="<Payment frequency>">Payment frequency</option>
                                                            <option value="<Next debit date>">Next debit date</option>
                                                            <option value="<End date>">End date</option>
                                                            <option value="<Payment link>">Payment link</option>
                                                            <option value="<Invoice amount>">Invoice amount</option>
                                                            <option value="<Service provider name>">Service provider name</option>
                                                            <option value="<Business name>">Business name</option>
                                                        </select>
                                                        @php
                                                        if(isset($paymentPlanCommunicationSettings) && $paymentPlanCommunicationSettings->email_third_failed_text !='')
                                                        {
                                                            $email_third_failed_text = $paymentPlanCommunicationSettings->email_third_failed_text;
                                                        }else{
                                                            $email_third_failed_text ="
Hi <Client name>,

Our third attempt to debit your account for <Plan name> was unsuccessful.

In line with the terms and conditions you agreed to, your services have now been suspended until payment is received.

To reactivate your services, please update your card details or make a payment here: <Payment link>

If you need assistance or would like to discuss your options, please reach out to us.

Warm regards,

<Service provider name>
<Business name>";
                                                        }                                               
                                                        @endphp
                                                        <textarea name="email_third_failed_text" id="email_third_failed_text" class="text-left  append-text font-13 autosizetextaria w-100">{{ $email_third_failed_text }}</textarea>
                                                        <span class="invalid-feedback d-block float-center"></span>
                                                    </div>
                                                    
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div id="sms-part-third_failed" class="@if(isset($paymentPlanCommunicationSettings) && $paymentPlanCommunicationSettings->send_third_failed_via_sms == 0) hide @endif @if(!isset($paymentPlanCommunicationSettings)) hide @endif">
                                        <div class="label-input send_first_sms_reminder_text">
                                            <div class="row">
                                                <div class="col-md-3 col-sm-6 pr-md-2">
                                                    <label class="font-15">SMS text</label>
                                                </div>
                                                <div class="col-md-9 col-sm-6 main-div">
                                                    <div class="form-group brdrfull marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child">
                                                        <select style="width:100%" name="pre12" id="pre12" class="form-control selprepo  js-example-basic-single font-13">
                                                            <option selected disabled value="">Insert personalisation</option>
                                                            <option value="<Plan name>">Plan name</option>
                                                            <option value="<Amount per payment>">Amount per payment</option>
                                                            <option value="<Payment frequency>">Payment frequency</option>
                                                            <option value="<Next debit date>">Next debit date</option>
                                                            <option value="<End date>">End date</option>
                                                            <option value="<Payment link>">Payment link</option>
                                                            <option value="<Invoice amount>">Invoice amount</option>
                                                            <option value="<Service provider name>">Service provider name</option>
                                                            <option value="<Business name>">Business name</option>
                                                        </select>
                                                        @php
                                                        if(isset($paymentPlanCommunicationSettings) && $paymentPlanCommunicationSettings->sms_third_failed_text !='')
                                                        {
                                                            $sms_third_failed_text = $paymentPlanCommunicationSettings->sms_third_failed_text;
                                                        }else{
                                                            $sms_third_failed_text = "Hi <Client name>, our third attempt to debit your account for <Plan name> was unsuccessful. Your services are now suspended until payment is received. To reactivate, please pay here: <Payment link>. Warm regards, <Business name>.";
                                                        }    
                                                        @endphp

                                                        <textarea class="sms-textarea w-100 text-left append-text autosizetextaria" maxlength="2000" id="sms_third_failed_text" name="sms_third_failed_text">{{ $sms_third_failed_text }}</textarea>
                                                        <span class="invalid-feedback d-block float-center"></span>
                                                    </div>
                                                    
                                                    <p class="text-right font-13">
                                                        <span class="sms_booking_text"></span>
                                                        <span class="notify_credit_btn cursor-pointer">
                                                            <img src='{{asset("assets/images/info-icon.png")}}' alt="" class="img-fluid info-icon ">
                                                        </span>
                                                    </p>

                                                    <div class="send-client-box-geo notify_credit_toggle">
                                                        <div class="media">
                                                            <img src='{{asset("assets/images/round-n-icon.png")}}' class="align-self-start mr-2" alt="...">
                                                            <div class="media-body">
                                                                <h5 class="mt-0 text-left ">1 credit per sms. Character count for 1st message is 160 and each message thereafter 153. <br />Overseas numbers incur 2 credits per sms.</h5>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="voucher-footer">
                                <button type="submit" id="custom_voucher" class="cursor-pointer btn-fill">Update and save</button>
                            </div>
                        </form>
                    </div>
                </div>
                 <div class="card boxwhite p-0 booking-confirmation" id="cardtSix" data-block="received">
                    <div class="card-header" id="headingsix">
                        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseSix" aria-expanded="false" aria-controls="collapseSix">
                            Payment received
                        </button>
                    </div>
                    <div id="collapseSix" class="collapse" aria-labelledby="headingsix" data-parent="#accordion">
                        <form id="addReceivedCommmunicationSettings" name="addReceivedCommmunicationSettings" method="POST" autocomplete="off">           
                            @csrf                    
                            <input type="hidden" name="id" id="id" value="@if(isset($paymentPlanCommunicationSettings)) {{$paymentPlanCommunicationSettings->id}} @endif">
                             <input type="hidden" id="payment_plan_id" name="payment_plan_id" value="{{isset($paymentPlanData->id)? $paymentPlanData->id : '' }}">
                            <div class="card-body">
                                <div class="seting-card-body">
                                    <h3 class="mb-2">Messaging</h3>
                                    <div class="label-input">
                                        <div class="row">
                                            <div class="col-lg-12 col-md-12">
                                                <label class="font-15 mb-3">This message is sent after a client’s failed payment has been successfully processed.</label>
                                                <label class="font-15 mb-3">How would you prefer to send this communication to your clients?</label>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <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 booking_confirmation_sub">
                                                        <div class="switch-custom">
                                                            <div class="custom-control custom-switch">
                                                                <input type="checkbox" value="1" name="send_received_via_sms" class="custom-control-input communication-toggle" data-block="received" data-type="sms" id="send_received_via_sms" @if(isset($paymentPlanCommunicationSettings) && $paymentPlanCommunicationSettings->send_received_via_sms == '1') checked @endif>
                                                                <label class="custom-control-label" for="send_received_via_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-4 col-6 booking_confirmation_sub">
                                                        <div class="switch-custom">
                                                            <div class="custom-control custom-switch">
                                                                <input type="checkbox" value="1" name="send_received_via_email" class="custom-control-input communication-toggle" data-block="received" data-type="email" id="send_received_via_email" @if(isset($paymentPlanCommunicationSettings) && $paymentPlanCommunicationSettings->send_received_via_email == '1') checked @endif>
                                                                <label class="custom-control-label" for="send_received_via_email"></label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="top-message-part-received"  class="@if(!empty($paymentPlanCommunicationSettings) && ($paymentPlanCommunicationSettings->send_received_via_sms == 1 || $paymentPlanCommunicationSettings->send_received_via_email == 1) ) @else hide @endif @if(!isset($paymentPlanCommunicationSettings)) hide @endif">
                                        <hr>
                                        <h3 class="mb-2">Message personalisation</h3>
                                        <div class="label-input mb-0">
                                            <div class="row">
                                                <div class="col-lg-12 col-md-12">
                                                    <label class="font-15 mb-4">We have provided you with suggested wording which can be edited as required. Use the personalisation drop down to insert automatically populated fields in your message.</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="email-part-received" class="@if(isset($paymentPlanCommunicationSettings) && $paymentPlanCommunicationSettings->send_received_via_email == 0) hide @endif @if(!isset($paymentPlanCommunicationSettings)) hide @endif">
                                        <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="pre13" id="pre13">
                                                            <option selected disabled value="">Insert personalisation</option>
                                                            <option value="<Plan name>">Plan name</option>
                                                            <option value="<Amount per payment>">Amount per payment</option>
                                                            <option value="<Payment frequency>">Payment frequency</option>
                                                            <option value="<Next debit date>">Next debit date</option>
                                                            <option value="<End date>">End date</option>
                                                            <option value="<Payment link>">Payment link</option>
                                                            <option value="<Invoice amount>">Invoice amount</option>
                                                            <option value="<Service provider name>">Service provider name</option>
                                                            <option value="<Business name>">Business name</option>
                                                        </select>
                                                        @php
                                                            if(isset($paymentPlanCommunicationSettings) && $paymentPlanCommunicationSettings->email_received_subject_line !='')
                                                            {
                                                                $email_received_subject_line = $paymentPlanCommunicationSettings->email_received_subject_line;
                                                            }else{
                                                                $email_received_subject_line = "Payment Received";
                                                            }  
                                                        @endphp

                                                        <textarea name="email_received_subject_line" id="email_received_subject_line" type="text" class="text-left append-text autosizetextaria w-100" placeholder="">{{ $email_received_subject_line }}</textarea>
                                                        <span class="invalid-feedback d-block float-center"></span>
                                                    </div>
                                                    
                                                </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 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="pre14" id="pre14">
                                                            <option selected disabled value="">Insert personalisation</option>
                                                            <option value="<Plan name>">Plan name</option>
                                                            <option value="<Amount per payment>">Amount per payment</option>
                                                            <option value="<Payment frequency>">Payment frequency</option>
                                                            <option value="<Next debit date>">Next debit date</option>
                                                            <option value="<End date>">End date</option>
                                                            <option value="<Payment link>">Payment link</option>
                                                            <option value="<Invoice amount>">Invoice amount</option>
                                                            <option value="<Service provider name>">Service provider name</option>
                                                            <option value="<Business name>">Business name</option>
                                                        </select>
                                                        @php
                                                        if(isset($paymentPlanCommunicationSettings) && $paymentPlanCommunicationSettings->email_received_text !='')
                                                        {
                                                            $email_received_text = $paymentPlanCommunicationSettings->email_received_text;
                                                        }else{
                                                            $email_received_text ="
Hi <Client name>,

Your payment for <Plan name> has been received.

Your account is now up to date, and your services are active. 

Your next scheduled debit is on <Next debit date>.

If you have any questions, please reach out. 

Warm regards,

<Service provider name>
<Business name>";
                                                        }                                               
                                                        @endphp
                                                        <textarea name="email_received_text" id="email_received_text" class="text-left  append-text font-13 autosizetextaria w-100">{{ $email_received_text }}</textarea>
                                                        <span class="invalid-feedback d-block float-center"></span>
                                                    </div>
                                                    
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div id="sms-part-received" class="@if(isset($paymentPlanCommunicationSettings) && $paymentPlanCommunicationSettings->send_received_via_sms == 0) hide @endif @if(!isset($paymentPlanCommunicationSettings)) hide @endif">
                                        <div class="label-input send_first_sms_reminder_text">
                                            <div class="row">
                                                <div class="col-md-3 col-sm-6 pr-md-2">
                                                    <label class="font-15">SMS text</label>
                                                </div>
                                                <div class="col-md-9 col-sm-6 main-div">
                                                    <div class="form-group brdrfull marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child">
                                                        <select style="width:100%" name="pre15" id="pre15" class="form-control selprepo  js-example-basic-single font-13">
                                                            <option selected disabled value="">Insert personalisation</option>
                                                            <option value="<Plan name>">Plan name</option>
                                                            <option value="<Amount per payment>">Amount per payment</option>
                                                            <option value="<Payment frequency>">Payment frequency</option>
                                                            <option value="<Next debit date>">Next debit date</option>
                                                            <option value="<End date>">End date</option>
                                                            <option value="<Payment link>">Payment link</option>
                                                            <option value="<Invoice amount>">Invoice amount</option>
                                                            <option value="<Service provider name>">Service provider name</option>
                                                            <option value="<Business name>">Business name</option>
                                                        </select>
                                                        @php
                                                        if(isset($paymentPlanCommunicationSettings) && $paymentPlanCommunicationSettings->sms_received_text !='')
                                                        {
                                                            $sms_received_text = $paymentPlanCommunicationSettings->sms_received_text;
                                                        }else{
                                                            $sms_received_text = "Hi <Client name>, your payment for <Plan name> has been received. Your account is now up to date, and services are active. Warm regards, <Business name>.";
                                                        }    
                                                        @endphp

                                                        <textarea class="sms-textarea w-100 text-left append-text autosizetextaria" maxlength="2000" id="sms_received_text" name="sms_received_text">{{ $sms_received_text }}</textarea>
                                                        <span class="invalid-feedback d-block float-center"></span>
                                                    </div>
                                                    
                                                    <p class="text-right font-13">
                                                        <span class="sms_booking_text"></span>
                                                        <span class="notify_credit_btn cursor-pointer">
                                                            <img src='{{asset("assets/images/info-icon.png")}}' alt="" class="img-fluid info-icon ">
                                                        </span>
                                                    </p>

                                                    <div class="send-client-box-geo notify_credit_toggle">
                                                        <div class="media">
                                                            <img src='{{asset("assets/images/round-n-icon.png")}}' class="align-self-start mr-2" alt="...">
                                                            <div class="media-body">
                                                                <h5 class="mt-0 text-left ">1 credit per sms. Character count for 1st message is 160 and each message thereafter 153. <br />Overseas numbers incur 2 credits per sms.</h5>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="voucher-footer">
                                <button type="submit" id="custom_voucher" class="cursor-pointer btn-fill">Update and save</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection


@section('import-scripts')
<link href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" rel="stylesheet" />
<script src='{{ asset("assets/js/colorPick.js")}}'></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js"></script>
<script src="{{asset('assets/js/bootstrap-datepicker.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/js/practitioner/my-settings.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/js/practitioner/dashboard_followup.js')}}" type="text/javascript"></script>
<script src="{{ URL::asset('admin_assets/bower_components/ckeditor/ckeditor.js') }}"></script>
<script type="text/javascript">


    $(document).ready(function() {
        var businessId = @json($businessProfile->id ?? null);
        var baseUrl = "{{route('home')}}";
        var planId = @json($paymentPlanData->id ?? null);
        var purchaselinkdata = @json($paymentPlanData->purchase_link ?? null);

        var url = '';
        if (businessId && planId) {
            url = baseUrl + "/get_payment_plans?" + 'business_id=' + btoa(businessId) + '&plan_id=' + btoa(planId);
        }

        if(url){
            $('.copy-link').removeClass('d-none');
        }
           
        $("#purchase_link").html(url);
    });

    

    $(document).ready(function () {

         var planId = $('#payment_plan_id').val();

        if (planId) {
            // Show all communication blocks
            $('#cardOne, #cardTwo, #cardThree, #cardFour, #cardtFive, #cardtSix').removeClass('d-none');
        } else {
            // Hide all communication blocks
            $(' #cardTwo, #cardThree, #cardFour, #cardtFive, #cardtSix').addClass('d-none');
        }

	});

     $(document).ready(function () {
        const urlParams = new URLSearchParams(window.location.search);
        const openTab = urlParams.get('open');

        // Collapse all initially (optional depending on your default state)
        $(' #collapseTwo, #collapseThree, #collapseFour,#collapseFive,#collapseSix').collapse('hide');

        let $target = null;

        switch (openTab) {
            case 'confirmation_communication':
                $target = $('#collapseTwo');
                break;
            case 'first_failed_communication':
                $target = $('#collapseThree');
                break;
            case 'second_failed_communication':
                $target = $('#collapseFour');
                break;
            case 'third_failed_communication':
                $target = $('#collapseFive');
                break;
            case 'received_communication':
                $target = $('#collapseSix');
                break;
            default:
                $target = $('#collapseOne');
        }

        if ($target && $target.length) {
            $target.collapse('show');
            setTimeout(() => {
                $('html, body').animate({
                    scrollTop: $target.offset().top - 100
                }, 600);
            }, 400);

            // setTimeout(() => {
            // const targetBottom = $target.offset().top + $target.outerHeight();
            // $('html, body').animate({
            //     scrollTop: targetBottom - window.innerHeight + 150 // adjust 150 for safe space above the button
            // }, 600);
            // }, 500);
        }
    });
    
    function myFunction(val) {
        /* Get the text field */

        var copyText = document.getElementById(val).innerHTML;
        copy = document.getElementById(val);
        copy.select();
        copy.setSelectionRange(0, 99999); /* For mobile devices */
        // /* Copy the text inside the text field */
        document.execCommand("copy");

        Swal.fire({
            icon: 'success',   
            title: 'Link copied',
            showCancelButton: false,
            showConfirmButton: false,
            timer: 1000, 
            // cancelButtonText : 'Close',
            showClass: {
                popup: 'animate__animated animate__fadeInDown'
            },
            hideClass: {
                popup: 'animate__animated animate__fadeOutUp'
            }
        });
    }

    function refreshTextareas(blockType) {
        // Target textareas inside current block only
        $(`#email-part-${blockType}, #sms-part-${blockType}`).find('.autosizetextaria').each(function () {
            this.style.height = 'auto'; // Reset first
            this.style.height = this.scrollHeight + 'px'; // Then apply height
        });
    }


    $(document).ready(function () {
        $(".communication-toggle").each(function () {
            const blockType = $(this).data("block");
            const type = $(this).data("type");

            if (type === "email" && $(this).is(":checked")) {
                $(`#email-part-${blockType}`).removeClass("hide");
                $(`#top-message-part-${blockType}`).removeClass("hide");
            }
            if (type === "sms" && $(this).is(":checked")) {
                $(`#sms-part-${blockType}`).removeClass("hide");
                $(`#top-message-part-${blockType}`).removeClass("hide");
            }
        });
    });

    $(document).on('change', '.communication-toggle', function(e) {
        e.preventDefault();

        const blockType = $(this).data('block');   // e.g. confirmation, first_failed
        const type = $(this).data('type');         // email or sms

        const emailChecked = $(`input[data-block='${blockType}'][data-type='email']`).is(":checked");
        const smsChecked = $(`input[data-block='${blockType}'][data-type='sms']`).is(":checked");

        const emailPart = $(`#email-part-${blockType}`);
        const smsPart = $(`#sms-part-${blockType}`);
        const topMessage = $(`#top-message-part-${blockType}`);

        if (type === 'email') {
            if ($(this).is(':checked')) {
                emailPart.removeClass("hide");
                topMessage.removeClass("hide");
                refreshTextareas(blockType); 
            } else {
                emailPart.addClass("hide");
                if (!smsChecked) topMessage.addClass("hide");
            }
        }

        if (type === 'sms') {
            if ($(this).is(':checked')) {
                smsPart.removeClass("hide");
                topMessage.removeClass("hide");
                refreshTextareas(blockType); 
            } else {
                smsPart.addClass("hide");
                if (!emailChecked) topMessage.addClass("hide");
            }
        }
    });

    $(document).ready(function () {
        $('.communication-toggle:checked').each(function () {
            const blockType = $(this).data('block');
            refreshTextareas(blockType);
        });
    });

    // $(document).on('shown.bs.collapse', function (e) {
    //     const collapseId = $(e.target).attr('id'); // e.g. "collapseTwo"
        
    //     // Map collapse ID to block type (customize if needed)
    //     const blockType = $('#' + collapseId).closest('.card').data('block');

    //     // Only run if this block has SMS or Email checked
    //     const emailChecked = $(`input[data-block='${blockType}'][data-type='email']`).is(":checked");
    //     const smsChecked = $(`input[data-block='${blockType}'][data-type='sms']`).is(":checked");

    //     if (emailChecked || smsChecked) {
    //         refreshTextareas(blockType);
    //     }
    // });
   
    $('.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';
        });
        }
    });

    
    //SMS character count new js start
   $(document).ready(function () {
		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-textarea').each(function () {
            const $textarea = $(this);
            // Traverse up to the main container (form-group or main-div), then find the span
            const $output = $textarea.closest('.main-div').find('.sms_booking_text');

            // Initial render
            $output.text(countString($textarea.val()));

            // On input
            $textarea.on('input', function () {
                $output.text(countString($(this).val()));
            });
        });
   });
   //SMS character count new js end

    $(".notify_credit_btn").hover(function() {
        $(".notify_credit_toggle").toggle();
    });

    $(".selprepo").change(function() {
        var val = $(this).val();
        console.log("val: " + val);
        if (val != "" && val != null) {
            var id = $(this).closest(".main-div").find('.append-text').attr("id");
            $(this).closest(".main-div").find('.append-text').trigger('input');
            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).ready(function() {

        $(".single-select2").select2({
			closeOnSelect: true,
            minimumResultsForSearch: -1,
			dropdownPosition: 'below',
			dropdownParent: $('#addpaymentplandata')
		});

        $('#first_payment_amount,#remaining_payment_div,#breakdown_payment_div').addClass('d-none');

        firstpayment();

		function autoResizeTextarea(textarea) {
            textarea.style.height = 'auto'; // Reset height to auto
            textarea.style.height = textarea.scrollHeight + 'px'; // Set height to scrollHeight
        }

        $('.autosizetextaria').each(function() {
            autoResizeTextarea(this);
        });

        $('.autosizetextaria').on('input', function() {
            autoResizeTextarea(this);
        });

        $(document).on('shown.bs.tab shown.bs.collapse', function() {
            $('.autosizetextaria').each(function() {
                autoResizeTextarea(this);
            });
        });

        
       
    });


    $("input[name='is_equal_instalment']").on('change', function() { 
        firstpayment();
    });

    function firstpayment() {
        var firstpayment = $("input[name='is_equal_instalment']:checked").val();
        if(firstpayment == 'off'){
            $('#first_payment_amount').removeClass('d-none');
            $('#remaining_payment_div').removeClass('d-none');
            $('#breakdown_payment_div').addClass('d-none');

            
        }else{
            $('#first_payment_amount').addClass('d-none');
            $('#remaining_payment_div').addClass('d-none');
            $('#breakdown_payment_div').removeClass('d-none');
        }
    }

    $(document).on( 'submit', '#addpaymentplandata', function(e) {
        e.preventDefault();

        var isValid = true; 
        $('.invalid-feedback').text(''); 
    
        if (!isValid) {
            return;
        }
        var formData = new FormData(this);
        $.ajax({
        type: "post",
        url: "{{ route('practitioner.payment.plans.store') }}",
        data: new FormData(this),
        dataType: "JSON",
        cache: false,
        processData: false,
        contentType: false,
        beforeSend: function(msg) {
            $(".loading").addClass("d-block");
        }
        }).done( function(response) {
        $(".loading").removeClass("d-block");
        if( response.status == 'success' ) {
            Swal.fire({
				icon: response.status,
				title: response.msg,
				showClass: {
				popup: 'animate__animated animate__fadeInDown'
				},
				hideClass: {
					popup: 'animate__animated animate__fadeOutUp'
				}
            })

			let id = response.data.id;

			if (id) {
    
                const encodedId = btoa(id);
                const baseUrl = "{{ url('/practitioner/edit/payment/plans') }}/";
                const editUrl = `${baseUrl}${encodedId}`;

				setTimeout(function() {
           			window.location.href = editUrl;
        		 }, 500);

            } else {

				setTimeout(function() {
           			 location.reload();
        		 }, 500);
            }

        }else{

            $('.invalid-feedback').text('');
            $('.is-invalid').removeClass('is-invalid');
            
            $.each(response.errors, function(key, value) {
                console.log(key);
                
                let input = $('input[name=' + key + ']');

                let textarea = $('textarea[name="' + key + '"]');
                if (textarea.length) {
                    textarea.addClass('is-invalid');
                    textarea.closest('.form-group').find('.invalid-feedback').text(value[0]);
                }
                
                if (input.attr('type') === 'radio') {
                    let errorContainer = $('#' + key + '_error');
                    errorContainer.text(value[0]);
                    input.closest('.form-group').addClass('is-invalid');
                } else {
                    input.addClass('is-invalid');
                    input.next('.invalid-feedback').text(value[0]);
                }

            });

        }
        }).fail(function (error) { 
            $(".loading").removeClass("d-block");
        });
    });

    //payment confirmation communication store
    $(document).on( 'submit', '#addConfirmationCommmunicationSettings', function(e) {
        e.preventDefault();
        var isValid = true; 
        $('.invalid-feedback').text(''); 
        $('textarea').removeClass('is-invalid'); 
        var formData = new FormData(this);
        $.ajax({
          type: "post",
          url: "{{ route('practitioner.payment.plans.communication.settings.store') }}",
          data: new FormData(this),
          dataType: "JSON",
          cache: false,
          processData: false,
          contentType: false,
          beforeSend: function(msg) {
            $(".loading").addClass("d-block");
          }
        }).done( function(response) {
          $(".loading").removeClass("d-block");
          if( response.status == 'success' ) {
            Swal.fire({
            icon: response.status,
            title: response.msg,
            showClass: {
              popup: 'animate__animated animate__fadeInDown'
              },
              hideClass: {
                popup: 'animate__animated animate__fadeOutUp'
              }
            })

            setTimeout(function() {

                let id = response.data.payment_plan_id;

                if (id) {
                    // Redirect to edit page with open=module
                    const encodedId = btoa(id);
                    const baseUrl = "{{ url('/practitioner/edit/payment/plans') }}/";
                    const editUrl = `${baseUrl}${encodedId}?open=confirmation_communication`;
                    window.location.href = editUrl;
                } else {
                    // Reload the current page if courseId not found
                    location.reload();
                }
				
			}, 500);

            
          }else{

            $('.invalid-feedback').text('');
            $.each(response.errors, function(key, value) {
                console.log(key);
                   
                let textarea = $('textarea[name="' + key + '"]');
                if (textarea.length) {
                    textarea.addClass('is-invalid');
                    textarea.closest('.form-group').find('.invalid-feedback').text(value[0]);
                }

                let input = $('input[name="' + key + '"]');
                if (input.length) {
                    input.addClass('is-invalid');
                    input.closest('.form-group').find('.invalid-feedback').text(value[0]);
                }
            });

        }
        }).fail(function (error) {
          $(".loading").removeClass("d-block");
        });
    });  

    //payment first failed communication store
    $(document).on( 'submit', '#addFirstFailedCommmunicationSettings', function(e) {
        e.preventDefault();
        var isValid = true; 
        $('.invalid-feedback').text(''); 
        $('textarea').removeClass('is-invalid'); 
        var formData = new FormData(this);
        $.ajax({
          type: "post",
          url: "{{ route('practitioner.payment.plans.first.failed.communication.settings.store') }}",
          data: new FormData(this),
          dataType: "JSON",
          cache: false,
          processData: false,
          contentType: false,
          beforeSend: function(msg) {
            $(".loading").addClass("d-block");
          }
        }).done( function(response) {
          $(".loading").removeClass("d-block");
          if( response.status == 'success' ) {
            Swal.fire({
            icon: response.status,
            title: response.msg,
            showClass: {
              popup: 'animate__animated animate__fadeInDown'
              },
              hideClass: {
                popup: 'animate__animated animate__fadeOutUp'
              }
            })

            setTimeout(function() {

                let id = response.data.payment_plan_id;

                if (id) {
                    // Redirect to edit page with open=module
                    const encodedId = btoa(id);
                    const baseUrl = "{{ url('/practitioner/edit/payment/plans') }}/";
                    const editUrl = `${baseUrl}${encodedId}?open=first_failed_communication`;
                    window.location.href = editUrl;
                } else {
                    // Reload the current page if courseId not found
                    location.reload();
                }
				
			}, 500);

            
          }else{

            $('.invalid-feedback').text('');
            $.each(response.errors, function(key, value) {
                console.log(key);
                   
                let textarea = $('textarea[name="' + key + '"]');
                if (textarea.length) {
                    textarea.addClass('is-invalid');
                    textarea.closest('.form-group').find('.invalid-feedback').text(value[0]);
                }

                let input = $('input[name="' + key + '"]');
                if (input.length) {
                    input.addClass('is-invalid');
                    input.closest('.form-group').find('.invalid-feedback').text(value[0]);
                }
            });

        }
        }).fail(function (error) {
          $(".loading").removeClass("d-block");
        });
    });

    //payment second failed communication store
    $(document).on( 'submit', '#addSecondFailedCommmunicationSettings', function(e) {
        e.preventDefault();
        var isValid = true; 
        $('.invalid-feedback').text(''); 
        $('textarea').removeClass('is-invalid'); 
        var formData = new FormData(this);
        $.ajax({
          type: "post",
          url: "{{ route('practitioner.payment.plans.second.failed.communication.settings.store') }}",
          data: new FormData(this),
          dataType: "JSON",
          cache: false,
          processData: false,
          contentType: false,
          beforeSend: function(msg) {
            $(".loading").addClass("d-block");
          }
        }).done( function(response) {
          $(".loading").removeClass("d-block");
          if( response.status == 'success' ) {
            Swal.fire({
            icon: response.status,
            title: response.msg,
            showClass: {
              popup: 'animate__animated animate__fadeInDown'
              },
              hideClass: {
                popup: 'animate__animated animate__fadeOutUp'
              }
            })

            setTimeout(function() {

                let id = response.data.payment_plan_id;

                if (id) {
                    // Redirect to edit page with open=module
                    const encodedId = btoa(id);
                    const baseUrl = "{{ url('/practitioner/edit/payment/plans') }}/";
                    const editUrl = `${baseUrl}${encodedId}?open=second_failed_communication`;
                    window.location.href = editUrl;
                } else {
                    // Reload the current page if courseId not found
                    location.reload();
                }
				
			}, 500);

            
          }else{

            $('.invalid-feedback').text('');
            $.each(response.errors, function(key, value) {
                console.log(key);
                   
                let textarea = $('textarea[name="' + key + '"]');
                if (textarea.length) {
                    textarea.addClass('is-invalid');
                    textarea.closest('.form-group').find('.invalid-feedback').text(value[0]);
                }

                let input = $('input[name="' + key + '"]');
                if (input.length) {
                    input.addClass('is-invalid');
                    input.closest('.form-group').find('.invalid-feedback').text(value[0]);
                }
            });

        }
        }).fail(function (error) {
          $(".loading").removeClass("d-block");
        });
    });

    //payment third failed communication store
    $(document).on( 'submit', '#addThirdFailedCommmunicationSettings', function(e) {
        e.preventDefault();
        var isValid = true; 
        $('.invalid-feedback').text(''); 
        $('textarea').removeClass('is-invalid'); 
        var formData = new FormData(this);
        $.ajax({
          type: "post",
          url: "{{ route('practitioner.payment.plans.third.failed.communication.settings.store') }}",
          data: new FormData(this),
          dataType: "JSON",
          cache: false,
          processData: false,
          contentType: false,
          beforeSend: function(msg) {
            $(".loading").addClass("d-block");
          }
        }).done( function(response) {
          $(".loading").removeClass("d-block");
          if( response.status == 'success' ) {
            Swal.fire({
            icon: response.status,
            title: response.msg,
            showClass: {
              popup: 'animate__animated animate__fadeInDown'
              },
              hideClass: {
                popup: 'animate__animated animate__fadeOutUp'
              }
            })

            setTimeout(function() {

                let id = response.data.payment_plan_id;

                if (id) {
                    // Redirect to edit page with open=module
                    const encodedId = btoa(id);
                    const baseUrl = "{{ url('/practitioner/edit/payment/plans') }}/";
                    const editUrl = `${baseUrl}${encodedId}?open=third_failed_communication`;
                    window.location.href = editUrl;
                } else {
                    // Reload the current page if courseId not found
                    location.reload();
                }
				
			}, 500);

            
          }else{

            $('.invalid-feedback').text('');
            $.each(response.errors, function(key, value) {
                console.log(key);
                   
                let textarea = $('textarea[name="' + key + '"]');
                if (textarea.length) {
                    textarea.addClass('is-invalid');
                    textarea.closest('.form-group').find('.invalid-feedback').text(value[0]);
                }

                let input = $('input[name="' + key + '"]');
                if (input.length) {
                    input.addClass('is-invalid');
                    input.closest('.form-group').find('.invalid-feedback').text(value[0]);
                }
            });

        }
        }).fail(function (error) {
          $(".loading").removeClass("d-block");
        });
    });

    //payment received communication store
    $(document).on( 'submit', '#addReceivedCommmunicationSettings', function(e) {
        e.preventDefault();
        var isValid = true; 
        $('.invalid-feedback').text(''); 
        $('textarea').removeClass('is-invalid'); 
        var formData = new FormData(this);
        $.ajax({
          type: "post",
          url: "{{ route('practitioner.payment.plans.received.communication.settings.store') }}",
          data: new FormData(this),
          dataType: "JSON",
          cache: false,
          processData: false,
          contentType: false,
          beforeSend: function(msg) {
            $(".loading").addClass("d-block");
          }
        }).done( function(response) {
          $(".loading").removeClass("d-block");
          if( response.status == 'success' ) {
            Swal.fire({
            icon: response.status,
            title: response.msg,
            showClass: {
              popup: 'animate__animated animate__fadeInDown'
              },
              hideClass: {
                popup: 'animate__animated animate__fadeOutUp'
              }
            })

            setTimeout(function() {

                let id = response.data.payment_plan_id;

                if (id) {
                    // Redirect to edit page with open=module
                    const encodedId = btoa(id);
                    const baseUrl = "{{ url('/practitioner/edit/payment/plans') }}/";
                    const editUrl = `${baseUrl}${encodedId}?open=received_communication`;
                    window.location.href = editUrl;
                } else {
                    // Reload the current page if courseId not found
                    location.reload();
                }
				
			}, 500);

            
          }else{

            $('.invalid-feedback').text('');
            $.each(response.errors, function(key, value) {
                console.log(key);
                   
                let textarea = $('textarea[name="' + key + '"]');
                if (textarea.length) {
                    textarea.addClass('is-invalid');
                    textarea.closest('.form-group').find('.invalid-feedback').text(value[0]);
                }

                let input = $('input[name="' + key + '"]');
                if (input.length) {
                    input.addClass('is-invalid');
                    input.closest('.form-group').find('.invalid-feedback').text(value[0]);
                }
            });

        }
        }).fail(function (error) {
          $(".loading").removeClass("d-block");
        });
    });

         
</script>
@endsection