@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' />

<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 {
        overflow-y: hidden; 
        resize: none; 
    }
    .error-message{
      font-size: 80%;
    }
    .notes-menu {
        background: #f7f7f7 !important;
    }

    h3 {
        font-size: 20px;
        color: #24303f;
        font-weight: 600;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        background-color: #f6f6f6;
    }
</style>

    <div class="voucher-setting-main packages-setting-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.my.packages") }}"><img src="{{asset('assets/images/My Appointments back icon.svg')}}" alt="" class="img-flude" style="min-width: 40px"></a>
                    <a class="navbar-brand p-0 " href="{{ route('practitioner.appointments.index') }}"><img src="{{asset('assets/images/MA Icon Colour.svg')}}" alt="" class="img-flude" style="min-width: 43px"></a>                    
                    <h1 class="page-title eagle-font font-400 "><span class="arca-font">My </span>Package Settings</h1>

                </nav>

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

        <div class="voucher-setting-box">
            <div id="accordion">
                <div class="card">
                    <div class="card-header" id="headingOne">
                        <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                            Package settings
                        </button>
                    </div>
    
                    <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
						<form id="addPackageSettings" name="addPackageSettings" method="POST" autocomplete="off">
						@csrf
                        <input type="hidden" name="tab_number" id="tab_number" value="1">
                        <input type="hidden" name="id" id="id" value="@if(isset($packageSettings)) {{$packageSettings->id}} @endif">
                        <div class="card-body">
                            <div class="seting-card-body">                          

                                <div class="form-group">
                                    <div class="row">
                                        <div class="col-sm-12 col-md-5">  
                                            <label class="tooltip-new">Allow packages to be purchased online</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="is_online_purchase_yes" name="is_allow_online_purchase" value="1" @if(isset($packageSettings->is_allow_online_purchase) && $packageSettings->is_allow_online_purchase == '1') checked @endif  autocomplete="off">
                                                        <label for="is_online_purchase_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="is_online_purchase_no" name="is_allow_online_purchase" value="0" @if(isset($packageSettings->is_allow_online_purchase) && $packageSettings->is_allow_online_purchase == '0') checked @endif autocomplete="off">
                                                        <label for="is_online_purchase_no" class="w-100 text-center">No</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group small-padding-group purchase_link_div" id="purchase_link_div">
                                    <div class="row">
                                        <div class="col-sm-12 col-md-12">
                                            <label class="tooltip-new">Package 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">Online package purchase will automatically be added on your existing booking link. You can also share the voucher link or add it to your website for direct purchases.</div>
                                                    </div>
                                                </div>
                                            </label>
                                        </div>
                                        <div class="col-sm-12 col-md-12">
                                            <div class="copy-link-input">
                                                <textarea 
                                                    name="purchase_link" id="purchase_code_link" class="form-control" placeholder="https://staging.myappointments.app/portal/public/get-embeded-code?business_id=Njk5">{{ $packageSettings->purchase_link ?? "" }}</textarea>
                                                    <a href="javascript:void(0)" onclick="myFunction('purchase_code_link')" class="copy-link">Copy</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="form-group small-padding-group purchase_link_div">
                                    <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="form-control" placeholder="Enter URL or text here">{{ $packageSettings->terms_and_condition_link ?? "" }}</textarea>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                
                                <h3 class="mb-10">Confirmation of purchase</h3>
                                <div class="label-input">
                                <div class="row">
                                    <div class="col-lg-12 col-md-12">
                                    <label class="font-15">How would you prefer to send purchase confirmation to your clients?</label>
                                    </div>
                                </div>

                                <div class="row mt-3">
                                    <div class="col-sm-6">
                                    <div class="row align-items-center">
                                        <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" id="send_confirmation_via_sms" @if(isset($packageSettings) && $packageSettings->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 align-items-center">
                                        <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" id="send_confirmation_via_email" @if(isset($packageSettings) && $packageSettings->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"  class="@if(!empty($packageSettings) && ($packageSettings->send_confirmation_via_sms == 1 || $packageSettings->send_confirmation_via_email == 1) ) @else hide @endif @if(!isset($packageSettings)) hide @endif">                                
                                <hr>
                                <h3 class="mb-10">Message personalisation</h3>
                                <div class="label-input mb-0">
                                    <div class="row">
                                    <div class="col-lg-12 col-md-12 mt-3">
                                        <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" class="@if(isset($packageSettings) && $packageSettings->send_confirmation_via_email == 0) hide @endif @if(!isset($packageSettings)) 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="">Personalisation</option>
                                                <option value="<Client name>">Client name</option>
                                                <option value="<Client surname>">Client surname</option>
                                                <option value="<Preferred name>">Preferred name</option>
                                                <option value="<Service provider name>">Service provider name</option>
                                                <option value="<My business name>">My business name</option>
                                            </select>
                                            @php
                                                if(isset($packageSettings) && $packageSettings->email_subject_line !='')
                                                {
                                                    $email_subject_line = $packageSettings->email_subject_line;
                                                }else{
                                                    $email_subject_line = $email_subject_message;
                                                }  
                                            @endphp
                                            <textarea name="email_subject_line" id="email_subject_line" type="text" class="text-left append-text autosizetextaria w-100" placeholder="">{{ $email_subject_line }}</textarea>
                                            </div>
                                            <span class="invalid-feedback d-block float-center"></span>
                                        </div>
                                        </div>
                                    </div>

                                    <div class="label-input send_first_email_reminder_text main-div">
                                        <div class="row">
                                        <div class="col-md-3 col-sm-6 pr-md-2">
                                            <label class="font-15">Email reminder text</label>
                                        </div>
                                        <div class="col-md-9 col-sm-6">
                                            <div class="form-group brdrfull marg-bttm online-dropdown select-dropdown avalable-drop hide-first-child">
                                            <select class="form-control selprepo js-example-basic-single font-13" style="width:100%" name="pre8" id="pre8">
                                                <option selected disabled value="">Personalisation</option>
                                                <option value="<Client name>">Client name</option>
                                                <option value="<Client surname>">Client surname</option>
                                                <option value="<Preferred name>">Preferred name</option>
                                                <option value="<Service provider name>">Service provider name</option>
                                                <option value="<My business name>">My business name</option>
                                                <option value="<Package name>">Package name</option>
                                                <option value="<Total sessions>">Total sessions</option>
                                                <option value="<Expiry date>">Expiry date</option>
                                                <option value="<Booking link>">Booking link</option>
                                            </select>                            
                                            @php
                                            if(isset($packageSettings) && $packageSettings->email_reminder_text !='')
                                            {
                                                $email_body_message_text = $packageSettings->email_reminder_text;
                                            }else{
                                                $email_body_message_text = $email_body_message;
                                            }                                               
                                            @endphp
                                            <textarea name="email_reminder_text" id="email_reminder_text" class="text-left  append-text font-13 autosizetextaria w-100">{{ $email_body_message_text }}</textarea>
                                            </div>
                                            <span class="invalid-feedback d-block float-center"></span>
                                        </div>
                                        </div>
                                    </div>
                                </div>

                                <div id="sms-part" class="@if(isset($packageSettings) && $packageSettings->send_confirmation_via_sms == 0) hide @endif @if(!isset($packageSettings)) 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 reminder 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="">Personalisation</option>
                                                <option value="<Client name>">Client name</option>
                                                <option value="<Client surname>">Client surname</option>
                                                <option value="<Preferred name>">Preferred name</option>
                                                <option value="<Service provider name>">Service provider name</option>
                                                <option value="<Business number>">Business number</option>
                                                <option value="<Package name>">Package name</option>
                                                <option value="<Total sessions>">Total sessions</option>
                                                <option value="<Expiry date>">Expiry date</option>
                                                <option value="<Booking link>">Booking link</option>
                                            </select>
                                            @php
                                                if(isset($packageSettings) && $packageSettings->sms_reminder_text !='')
                                                {
                                                    $sms_reminder_text = $packageSettings->sms_reminder_text;
                                                }else{
                                                    $sms_reminder_text = $text_message;
                                                }                                               
                                            @endphp

                                            <textarea class="w-100 text-left append-text autosizetextaria" maxlength="2000" id="sms_reminder_text" name="sms_reminder_text">{{ $sms_reminder_text }}</textarea>
                                            </div>

                                            <span class="invalid-feedback d-block float-center"></span>

                                            <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" class="cursor-pointer btn-fill">Update and save</button>
                        </div>
						</form>
                    </div>
                </div>
                <div class="card d-none">
                    <div class="card-header" id="headingTwo">
                        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                            Communication
                        </button>
                    </div>
                    <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
                        <form id="addgiftvouchersdata" name="addgiftvouchersdata" method="POST" autocomplete="off">
                        @csrf
                        <input type="hidden" name="tab_number" id="tab_number" value="2">
                        <div class="card-body">
                            <div class="seting-card-body reminder-div">
                                
                                </div>
                            </div>
                            <div class="voucher-footer">
                                <button type="submit" class="cursor-pointer btn-fill">Update and save</button>
                            </div>
                        </form>
                        </div>
                    </div>
                </div>
             
            </div>
        </div>
    </div>


    <!-- Upload business logo modal -->
   <div class="customscroll showpop">
    <div class="modal fade" id="UploadBusinessLogoModal" tabindex="-1" role="dialog" aria-hidden="true">
       <div class="modal-dialog modal-dialog-centered" role="document" style="max-width: 60%;">
          <div class="modal-content">
             <div class="popup-marg">
                <div class="modal-header">
                   <h5 class="modal-title text-center">CROP & UPLOAD IMAGE </h5>
                   <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                      <span aria-hidden="true"><img src="{{asset('assets/images/close-img.svg')}}" alt="" class="img-fluid closeimg"></span>
                   </button>
                </div>
                <div class="modal-body p-0">
                   <div class="row">
                      <div class="col-md-12 text-center mt-20">
                         <div id="profile_preview"></div>
                      </div>
                   </div>
                </div>
             </div>
             <div class="modal-footer" style="justify-content: center;">
                <button id="cropBusinesslogo" class="crop-picture yellow-btn mt-0 save-btn save-btn-bg" >Crop & Save</button>
             </div>
          </div>
       </div>
    </div>
 </div>
<!-- Upload business logo modal -->


    @endsection


@section('import-scripts')
<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/practitioner/my-settings.js')}}" type="text/javascript"></script>
<script src='{{ asset("assets/js/croppie.js")}}'></script>
<script type="text/javascript">

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

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

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

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

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

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

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

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

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

    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: 'Purchase link copied',
         showCancelButton: false,
         showConfirmButton: false,
         // cancelButtonText : 'Close',
         showClass: {
            popup: 'animate__animated animate__fadeInDown'
         },
         hideClass: {
            popup: 'animate__animated animate__fadeOutUp'
         }
      });   
   }

    $(document).ready(function() {
        var businessId = @json($businessProfile->id);
        var baseUrl = "{{route('home')}}";
        var url = baseUrl + "/get_packages?" + 'business_id=' + btoa(businessId);
        $("#purchase_code_link").html(url);
        OnlinePurchaseFields();
    });

    $("#send_confirmation_via_email").change(function(e) {
      e.preventDefault();

      if (this.checked) {
        $("#top-message-part").removeClass("hide");
        $("#email-part").removeClass("hide");
      } else {
        $("#email-part").addClass("hide");
        if ($('#send_confirmation_via_sms').is(":checked") == false) {
          $("#top-message-part").addClass("hide");
        }
      }
    });

    $("#send_confirmation_via_sms").change(function(e) {
      e.preventDefault();
      if (this.checked) {
        $("#sms-part").removeClass("hide");
        $("#top-message-part").removeClass("hide");
      } else {
        $("#sms-part").addClass("hide");
        if ($('#send_confirmation_via_email').is(":checked") == false) {
          $("#top-message-part").addClass("hide");
        }
      }
    });

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

    $('.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_booking_text").text((countString($('#sms_reminder_text').val())));
    $('#sms_reminder_text').on('input', function() {
      $(".sms_booking_text").text(countString($(this).val()));
    });

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



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

    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 () {
        $('.select2-form-control').select2({
            placeholder: "Select service",
            tokenSeparators: [",", " "],
        });

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

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

	$(document).on( 'submit', '#addPackageSettings', 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.package.setting.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() {
				// var baseUrl = "{{route('practitioner.settings.my.gift.vouchers')}}";     
                // window.location.href = baseUrl;
                window.location.reload();
				
			}, 2000);
            
          }else{

            $('.invalid-feedback').text('');
            $.each(response.errors, function(key, value) {
                console.log(key);
                if (key.startsWith('fixed_price_amount')) {
                    $('input[name="fixed_price_amount[]"]').each(function(index) {
                        if (!$(this).val()) {
                            $(this).addClass('is-invalid'); 
                            $(this).next('.invalid-feedback').text("Amount required").show(); 
                        }
                    });
                }else if (key.startsWith('fixed_price_description')) {
                    $('input[name="fixed_price_description[]"]').each(function(index) {
                        if (!$(this).val()) {
                            $(this).addClass('is-invalid'); 
                            $(this).next('.invalid-feedback').text(value[0]).show(); 
                        }
                    });
                } else {
                   
                    let input = $('input[name=' + key + ']');

                    if (key == 'pricing_type') {

                        $("#pricing_error").next('.invalid-feedback').text(value[0]);

                    } else if (key == 'custom_message') {
                        
                        let textarea = $('textarea[name=' + key + ']');
                        textarea.addClass('is-invalid');
                        textarea.next('.invalid-feedback').text(value[0]);

                    } else {
                        // Generic case for other fields
                        input.addClass('is-invalid');
                        input.next('.invalid-feedback').text(value[0]);
                    }
                }
            });

            // Swal.fire({
            // icon: response.status,
            // title: response.msg,
            // showClass: {
            //   popup: 'animate__animated animate__fadeInDown'
            //   },
            //   hideClass: {
            //     popup: 'animate__animated animate__fadeOutUp'
            //   }
            // })
        }
        }).fail(function (error) {
          $(".loading").removeClass("d-block");
        });
    });

	$(".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);
      }
    });

    $("input[name='is_allow_online_purchase']").on('change', function() { 
        OnlinePurchaseFields();
    });
    function OnlinePurchaseFields() {
        //var isonlinepurchase = $(this).val();
        var isonlinepurchase = $("input[name='is_allow_online_purchase']:checked").val();
        if(isonlinepurchase == '1'){
            $('.purchase_link_div').removeClass('d-none');
        }else{
            $('.purchase_link_div').addClass('d-none');
        }
    }

         
</script>
@endsection