@extends('layouts.app',['dashBoardTitle'=>'SIGN UP'])
@php
use App\Master\Master_Country;
$details=Master_Country::get_countries();
@endphp
<style>
    .password-field {
    display: flex;
    align-items: center;
}

.toggle-password {
    margin-left: -30px;
    cursor: pointer;
}
.error-message {
    color: red; /* Set the color for error messages */
}

.success-message {
    color: green; /* Set the color for success messages */
}
.input_error{
  color: red;
}

</style>
@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            
                <div class="card-body">
                    <form method="POST" id="company_register" onsubmit="validatePassword()" action="{{ route('register') }}">
                        @csrf

                        <div class="row mb-3">
                            <label for="name"  class="col-md-4  text-md-end">{{ __('Name') }}</label>

                            <div class="col-md-6">
                                <input id="name" type="text" class="form-control @error('name') is-invalid @enderror" name="name"  required autocomplete="name" autofocus>
                                <span class="input_error"></span>
                                @error('name')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>

                        <div class="row mb-3">
                            <label for="email" class="col-md-4  text-md-end">{{ __('Email') }}</label>

                            <div class="col-md-6">
                                <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email"  required autocomplete="email">
                                <span class="input_error">Please enter email</span>
                                <span id="error_already" style="color: red;"></span>
                                <span id="success_availble" style="color: green;"></span>
                               
                                @error('email')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                              <span id="ajax-error-message" style="color: red;"></span> <!-- This is where the AJAX error message will appear -->
                            </div>
                        </div>
                        <div class="row mb-3">
                            <label for="company_name" class="col-md-4  text-md-end">{{ __('Company Name') }}</label>

                            <div class="col-md-6">
                                <input id="company_name" name="companyname" type="text" class="form-control @error('company name') is-invalid @enderror" value="" required autocomplete="companyname">
                                <span class="input_error">please enter company name</span>
                                @error('Company Name')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        <div class="row mb-3">
                            <label for="trn_tax_num" class="col-md-4 text-md-end">{{ __('VAT TRN') }}</label>

                            <div class="col-md-6">
                                <input id="trn_tax_num" name="tax_registration_number" type="text" class="form-control @error('company name') is-invalid @enderror" value=""  maxlength="16" required autocomplete="companyname">
                                <span class="input_error">please enter vat trn</span>
                                <span id="trn-error" class="text-danger"></span>
                            </div>
                        </div>

                        @csrf
 
                        <div class="row mb-3">
                            <label for="phonenumber" class="col-md-4  text-md-end">{{trans('Country') }}</label>

                            <div class="col-md-6">

                            <div class="d-flex">
                            <select id="countryDropdown" class="form-control mb-1"  name="countrycode" required onchange="updateCountryCode()">
                                
                                <option value="0">Select Country</option>
                              @foreach($details as $emirates)
                                <option value="{{ $emirates->id }}">{{ $emirates->name }}</option>
                              @endforeach  
                                
                            </select>
                            <span class="input_error"></span>
                            </div>
                            
                            </div>
                              <div class="row mb-3">
                              
                              <label for="phonenumber" class="col-md-4  text-md-end">{{trans('Mobile Number') }}</label>
                              <div class="col-md-2">
                              <input  type="text" class="form-control ml-2" id="countryCodeInput" name=countrycode readonly name="mobile">
                              <span class="input_error"></span>
                              </div>
                              <div class="col-md-4">
                                  <input style="width: 212px;" id="phoneNumberInput" name="mobile" class="form-control"  minlength="6" maxlength="12" required="" readonly="readonly">
                                  <span class="input_error"></span>
                                  <span id="mobile-number-error" class="text-danger"></span>
                              </div>
                            </div>
                        

                        <div class="row mb-3">
                            <label for="password" class="col-md-4  text-md-end">{{ __('Password') }}</label>

                            <div style="width:335px"class="col-md-6">
                              <div class="password-field">
                                <input id="password" name="password" type="password" minlength="8" class="form-control @error('password') is-invalid @enderror ml-2" name="password" required autocomplete="new-password">
                                <i class="toggle-password fas fa-eye"></i> 
                                </div>
                                <!-- <span id="password-error" class="text-danger"></span>   -->
                              
                            </div>
                            <span class="input_error" style="padding-left: 238px;"></span>
                        </div>

                        <div class="row mb-3">
                            <label for="password-confirm" class="col-md-4  text-md-end">{{ __('Confirm Password') }}</label>

                            <div style="width:335px"class="col-md-6">
                              <div class="password-field">
                                <input id="password_confirm" type="password" minlength="8"  class="form-control @error('password') is-invalid @enderror ml-2" name="password_confirmation" required autocomplete="new-password">
                                <i class="toggle-password fas fa-eye"></i>
                               </div>
                               
                            </div>
                            <span class="input_error"></span>
                            <span id="password-confirm-error" class="text-danger" style="padding-left: 238px;"></span>
                          
                        </div>
                        <div class="col-md-6 offset-md-4">
                          <div class="form-group">
                              
                              <a data-toggle="modal" data-target="#myModal"><input type="checkbox" name="terms_conditions"  id="termsCheckbox" required> I Agree to the License Agreement Terms & Conditions</a>
                          </div>
                      </div>

                        <div class="row mb-0" style="MARGIN-TOP: 15;">
                            <div class="col-md-6 offset-md-4">
                                <button type="submit" style="margin-left:110px" class="btn btn-success mybutton">
                                    {{ __('REGISTER') }}
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        
    </div>
</div>
<div class="modal fade" id="myModal" role="dialog">
  <div class="modal-dialog modal-lg">
    <!-- Modal content-->
    <div class="modal-content">
    <div class="modal-header"style="background-color: #14345d!important;padding-top: 5px;padding-bottom: 5px;">
        <h4 class="modal-title"style="color:white">{{trans('CTax Terms & Conditions')}}</h4>
          <button type="button" class="close import-excel-btn"style="color:white" data-dismiss="modal" onclick="importclose()">&times;</button>
          
        </div>
        <div class="modal-body"style="padding:15px 40px">
 
 <p class="py-3" style='font-size:15px;font-family:"Arial",sans-serif;text-align:center;'><strong><u><span style='font-family:"Cambria",serif;'>CTAX Terms and Conditions of Use (&quot;T&amp;C&quot;)</span></u></strong></p>
 <div style="font-size:14px">
 
 <p class="py-2">
     Please read this T&C carefully as they govern the use and access of our website <a style="color:blue" href="">www.ctaxuae.com</a>, the CTAX web software, mobile application and its associated services (collectively referred to as the “Application”).  
 
 </p>
 
 <p class="py-2">
     By accepting, or otherwise using the Application, you agree that you have read, understood and accepted to be bound by this T&C fully. Any individual accepting this T&C and/or accessing or using the Application, whether for personal use or on behalf of a legal entity, represents and warrants that they have the legal authority to do so. Both the individual and/or the relevant legal entity (if applicable) shall be bound by this T&C. ‘You’ or ‘user’ shall refer to such individual or the legal entity they represent and its affiliates, as the context requires. 
 </p>
 <p class="py-2">
 If you do not agree or consent to this T&C, you must consent and/or not use and/or access the Application and its content. 
 
 </p>
 <ol style="list-style-type:decimel;font-size:14px">
 <li>
    <b> Enforceability</b> <br>
 This T&C shall constitute a binding and legally enforceable contract between the user and the Company, which shall carry legal consequences. By subscribing to the Application, you consent to be a party to such contract. 
 
 </li>
 <li>
    <b> Eligibility and Applicability</b><br>
     <ul style="list-style-type:roman">
         <li>
             (i)	To subscribe, use and access the Application, you must meet the following criteria. Violation of any of the terms in this T&C may result in immediate suspension and/or termination of your access without any prior notice to you: 
     <ul>
 <li>(a)	You must be a natural person of at least eighteen (18) years of age; or 
              </li>
 <li>(b)	If you are a legal entity, you must be a valid and legitimate entity under the jurisdiction of your incorporation. 
            </li>
 <li> (c)	The authorised person accepting the use and access of this Application on your behalf should be at least eighteen (18) years of age and should not have previously been suspended, removed or disqualified by you from availing our services or accessing the Application. 
            </li>
     </ul>
     <li>
             (ii)	For avoidance of doubt, this T&C applies to both legal entities and natural persons. Any term that appears to pertain and/or refers to only legal entities, also applies to natural persons, as the context requires and as applicable. 
     
         </li> 
         </li>
         
     </ul>
    
     
 </li> 
 
 
 <li>
    <b> License Grant</b><br>
     You agree that the Application is not sold or transferred to you by virtue of your subscription and the Company and/or its licensors retain ownership of the Application at all times. You are only granted a non-exclusive personal, and non-transferable right to use the Application, only for the period of subscription, and are prohibited from sub-licensing, transferring, distribution or resale of the Application. You may access and use the Application in accordance with the terms as agreed in this T&C and undertake not to modify, copy, reverse-engineer, reproduce, distribute, republish, disassemble or decompile the Application or use it for any illegal, unlawful or unauthorized purposes.
     
 </li>
 
 <li>
    <b> Account Creation</b><br>
 You will have to create an account on our website www.ctaxuae.com / Application, to use all or part of our Application. Your username and password are for your specific non-transferable use and should be kept confidential. You understand that you are responsible for maintaining the security of your account credentials and ensuring that all the information provided is accurate and up to date. You will be responsible for all use of the account (including any unauthorised use, if your username or password is lost or stolen). Any other use of the Application is prohibited. 
 </li>
 
 <li>
    <b> Application Description & Usage</b><br>
     Our Application provides users with access to a web software tool or mobile application (as applicable), which is designed to assist in calculating corporate tax payable in accordance with the applicable laws and regulations in the UAE. It is intended solely for calculation purposes and does not undertake the filing of tax returns, payment of taxes on behalf of the user and/or provide advisory services with regards to tax, legal, compliance or accounting. The Application is specific to corporate tax as applicable in the UAE only. You acknowledge that while every effort is made to provide accurate calculations through the Application, the Company cannot guarantee absolute accuracy. Users are advised to verify and cross-reference results. In addition, the Company shall hold no responsibility for any discrepancies resulting from the calculations.
     
 </li>
 <li>
     <b>Payments, Renewal and Cancellation</b><br>
     <ul>
         <li>
             (i)	To access the Application, you agree to be charged a periodic annual subscription fee, which will be paid in full in lumpsum and in advance. The applicable tax rates on the subscription fees shall be calculated at the time of payment. 
     
         </li>
         <li>
             (ii)	You may be notified by the Company regarding the expiry of your subscription period, prior to which you may choose to renew the subscription for the subsequent year or cancel the same. Should you decide to cancel your subscription before the expiration of the designated period, no refunds or credits for the fees will be issued. 
     
         </li>
     </ul>
    
    
 </li>
 <li>
   <b>User Responsibilities</b><br>
 You are responsible for the accuracy, quality and legality of the data you input, the means by which you have obtained the data, its use with/within the Application. You undertake to prevent unauthorized access to or use of the Application and promptly report the Company of any such unauthorized access or use. You are responsible for all activities that are conducted under your account (including its username and password). You acknowledge that we shall not be responsible for any harm caused by other accounts, including those unauthorized but who may have gained access using your account credentials. In addition, you are solely responsible and liable for all statutory, regulatory and tax compliances in relation to your entity and business. We shall not be responsible for non-availability of services through the Application temporarily due to any technical reasons, however we shall use our best efforts to resume the services as soon as possible. 
 
 </li>
 <li>
   <b>Intellectual Property Rights</b><br>
 All rights to the Application, including copyrights, patents, trademarks, trade secrets, logo and other intellectual property, are the sole and exclusive property of the Company and/or licensors.  Your subscription to the Application does not grant you the ownership interest or right to use any of the Company and/or its licensors intellectual property, whether for commercial or non-commercial use.
   
 </li>
 
 <li>
   <b>  Engagement of Third Party Service Providers </b><br>
     The Company may engage third-party service providers in relation to the Application including to host the Application, outsource and/or store data provided by users. By subscribing to the Application, you consent to the Company using services of any third parties to provide services to you and/or store your data. 
     
 </li> 
 <li>
    <b> Integration with Third-Party Services</b><br>
     <ul>
         <li>
             (i)	The Application may seamlessly integrate with third-party applications, websites, services, and Devices. Your use of these external resources is subject to the terms, conditions, and policies of the respective third parties. The Company does not guarantee compatibility between our Application and these third-party offerings. Additionally, the Application might display or facilitate access to third-party content, including data, information, applications, and other products or services, as well as links to external websites or services. By acknowledging this T&C, you agree that the Company cannot be held responsible for the accuracy, legality, quality, or any other aspect of third-party content or services made available through the Application. The Company assumes no liability or responsibility for such third-party content or services, either to you or any other individual or entity, and any use or access by you is undertaken entirely at your own risk. 
     
         </li>
         <li>
 
             (ii)	Further, if you choose to use any third-party applications (“TPA”) and share data with them, such exchange is solely the responsibility between you and the applicable TPA provider. We do not warrant or support TPA or any other non-Application products or services, even if we've certified them. We're not responsible for any disclosure, alteration, or deletion of your data due to TPA or its provider’s access. The Company assumes no responsibility for any services you may obtain from a TPA. You also agree to indemnify and hold us harmless from any claims, losses, or liabilities related to or arising from these services. 
     
         </li>
     </ul>
    
 </li>
 <li>
   <b>  Confidentiality and Data Security </b><br>
     <ul>
         <li>
             (i)	The Company acknowledges and respects the sensitivity of your personal and financial information and has deployed advanced security measures including encryption protocols to safeguard your information/data that you provide through the Application. You acknowledged that the Company shall not be held liable for non-conformity with confidentiality in instances where such disclosure is mandated by law, when the data/information is already public, and/or when such data/information is disclosed by a third party. 
 
         </li>
 <li>
     (ii)	By using the Application, you consent to the Company storing your data including your Internet Protocol (IP) address, each time you use the Application. You also consent to our data protection practices, which include data encryption and maintaining confidentiality, subject to the limits imposed by the law. The Company may, however, use any data in generic manner for its research and analysis purposes. 
 
 </li>
 
    
 
     </ul>
 </li>
 <li>
    <b> Representations and Warranties: </b><br>
     <ul>
 <li>
     (i)	You represent and warrant that: (i) you are responsible for the accuracy of the data provided by you for the purposes of calculation of applicable tax. (ii) You possess the necessary rights, licenses, and permissions for the Company to use, store, process, and retain your data. (iii) Your purchase of the subscription for the use of the complies with applicable laws. and (iv) You are not engaged in or have not violated any laws related to money laundering, terrorism financing, financing of illegal organizations, anti-bribery, etc.
     
 </li>
 <li>
  
     (ii)	By accessing our services from UAE mainland by you, it shall not be deemed or assumed that the Company is providing services in the UAE mainland. 
     
 
 </li>
     </ul>
    
 </li>	
 <li>
    <b> Term and Termination</b><br>
 At our sole discretion, we reserve the right to suspend or terminate your subscription to the Application at any time, with or without prior notice, if you fail to adhere to the terms stated herein or for any regulatory reason. Termination shall not waive the Company's rights and remedies to outstanding dues from you or in cases of any breach by you during or after your engagement with us.
 
 </li>
 <li>
   <b>  Indemnification</b><br>
     You shall indemnify and hold the Company, its affiliates, officers, employees, agents, partners and licensors, harmless from any claims or demands, including reasonable legal counsel fees, due to or arising out of any reason whatsoever including but not limited to (i) your access to and/or use of the Application, (ii) violation of this T&C (iii) violation of laws or regulations. 
     
 </li>	
 <li>
    <b> No Warranties</b><br>
     The Application shall be provided in an “As Is” and “As Available” condition with no warranties. The Company disclaims all warranties, whether expressed or implied, including merchantability, fitness for a purpose, and non-infringement. The Company doesn't guarantee the Application will meet your requirements or operate uninterrupted, error-free, or be free of harmful components.
     
 </li>	
 <li>
   <b>Limitation of Liability</b><br>
 The Company's liability for any damages you may incur is strictly limited to the annual subscription fees paid by you in the relevant year. Given limited services provided by the Company, you irrevocably agree that this is a reasonable limitation of liability of the Company. In accordance with applicable law, the Company (including but not limited to its employees, agents, and licensors) shall not be held liable for any special, incidental, indirect, or consequential damages (including, but not limited to, damages for loss of profits, data, business interruption, personal injury, or loss of privacy) arising from the use of or inability to use the Application, third-party software, third-party hardware used with the Application, or any provision of this T&C, even if the Company has been informed of the possibility of such damages, and even if the remedy provided does not achieve its intended purpose. In addition, the Company shall not be held liable for any technical glitches, electricity issues, for outages or failures in the Application resulting from (including but not limited to) government actions, third-party actions, or circumstances beyond our control including instances where refunds are not obligatory due to internet or service disruptions.
 
 </li>
 <li>
    <b> Severability and Waiver</b><br>
 If any provision of this T&C is unenforceable or invalid, the rest of the T&C shall be still considered valid and continue in full force and effect.  The decision not to enforce a right or demand the fulfillment of an obligation under this T&C will not diminish a Party's ability to exercise that right or demand fulfillment at any later time. Overlooking a breach shall not imply that any subsequent breach(es) will be disregarded. 
 
 </li>
 
  <li>
     <b>Contact Us</b><br>
     If you have any questions about this T&C, you may contact our support team on <a style="color:blue" href="">support@ctaxuae.com </a>
     
 </li>	
 <li>
     <b>Limitations and Modifications:</b> <br>
     <ul>
 <li>
     (i)	We reserve the right to amend this T&C from time to time. While we may make reasonable efforts to keep you updated on such amendments, we encourage you to periodically review them whenever you access or use the Application to ensure being up to date. You acknowledge that the Company is not obligated to provide updates or maintain specific features. Any or all such updates or modifications shall be considered integral parts of the Application and be subject to this T&C. 
     
 </li>
 <li>
     (ii)	This T&C may be updated from time to time. By continuing to access and use the Application, you confirm your acceptance of any and all modifications made to the T&C till such date. In addition, you may be subject to any other guidelines, supplementary terms, policies, or disclaimers made available or issued by us from time to time. 
     
 </li>
 <li>
     (iii)	We are dedicated to maintain and ensure that the Application remains operational throughout your subscription period. However, the Company reserves the right to alter or discontinue certain services, without prior notice to you, including due to temporary interruptions from technical issues, maintenance, testing, or updates, which might be necessary to comply with legal or regulatory requirements. Our commitment to enhancing the Application means that we might modify, suspend or halt various aspects, including functions, features, subscription plans and promotions. 
     
 </li>
 <li>
 
    
     (iv)	For the avoidance of doubt, any discounts or offers or promotions provided by the Company shall be at its sole discretion and may be removed, cancelled and/or modified at any time without any prior notice to you. 
     
 </li>
     </ul>
    
    
 </li>
   <li>
       <b>  Maintenance of Records</b><br>
         The Company reserves the right to request copies of your information for internal purposes such as record keeping and/or ‘Know Your Customer’ compliance requirements. You acknowledge and agree that Company shall have the right to retain your information for as long as it deems fit in terms of applicable laws in the UAE. 
         
 </li> 
 <li>
    <b> UAE Legal Compliance</b><br>
     You represent and warrant that (i) you are not located in a country that is subject to the UAE government embargo, or that has been designated by the UAE government as a "terrorist supporting" country, and (ii) you are not listed on the United Nations Security Council Sanction List and/or the Local List shared by the Executive Office for Control and Non-Proliferation, UAE. 
     
 </li>	
 <li>
     
 <b>Governing Law and Jurisdiction: </b><br>
 This T&C, a binding contract between you and the Company, shall be subject to laws of DIFC. Any dispute, difference, controversy, or claim arising out of or in connection with this T&C, shall be subject to the exclusive jurisdiction of the Small Claims Tribunal of the Dubai International Financial Centre (DIFC) Courts, Dubai.
 
 </li>
 
 <li>   
 <b>Notices/Correspondences</b><br>
 Any notice or other correspondence addressed by the Company to the user may/shall be directed to the address/e-mail provided during registration to the Application. 
 </li>
 <li>
   <b>Interpretation and Definitions </b> <br>
 For the purpose of this T&C: <br>
 <b>“AED” </b>means the official currency of UAE.<br> 
 <b>“Application”</b> shall mean the web software program or the mobile application provided by the Company. <br>
 <b>“Company” </b>(referred to as either "the Company", "we", "us" or "our" in this T&C) refers to CTAX LLC, a company incorporated in Sharjah Media City, Sharjah, UAE. <br>
 <b>“Device” </b>means any device/medium that can download and/or enable the user to access the Application, such as a computer, cellphone, mobile, a digital tablet or any other device of similar nature.  <br>
 <b>“UAE”</b> means the United Arab Emirates.
 </li> 
 </ol>
 
 </div>
 
 
 
       </div>
      <div class="modal-footer">
        <button class="import-excel-btn btn btn-success" type="button"  data-dismiss="modal" onclick="acceptTerms()">Accept</button>
      </div>
      
    </div>
  </div>
</div>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  //email checking & errors
$(document).ready(function() {
    $('#email').on('focusout', function() {
        var email = $(this).val();
        var errorContainer = $('#error_already');
        var successContainer = $('#success_availble');
        var email = $("#email").val();
          if (email == null || email == '') {
          $("#email").next('.input_error').text('Please enter email').show();
          successContainer.text('');
          errorContainer.text('');
          $('.mybutton').attr('disabled', true);
          return false;
      } else {
          $("#email").next('.input_error').hide();

          var regex = /^\b[A-Z0-9._%-]+@[A-Z0-9.-]+\.[A-Z]{2,4}\b$/i;
          if (!regex.test(email)) {
              $("#email").next('.input_error').text('Invalid email').show();
              successContainer.text('');
              errorContainer.text('');
              return false;
          } else {
              $.ajax({
                  type: 'GET',
                  url: "{{url('/check-email')}}",
                  data: { email: email },
                  success: function(response) {
                      if (response.exists) {
                          errorContainer.text('This email already exists.');
                          successContainer.text('');
                          $('.mybutton').attr('disabled', true);
                      } else {
                          errorContainer.text('');
                          successContainer.text('This email is available.');
                          $('.mybutton').attr('disabled', false);
                      }
                  },
                  error: function() {
                      errorContainer.text('An error occurred while checking the email.');
                  }
              });
          }
      }

                });
        });
</script>
<script>
   function acceptTerms() {
    // Check the checkbox when the user accepts the terms
    document.getElementById("termsCheckbox").checked = true;

    // Close the modal
    $('#myModal').modal('hide');
  }

     function validatePassword() {
      var password = document.getElementById("password").value;
      var confirmPassword = document.getElementById("password_confirm").value;

      if (password !== confirmPassword) {
        // alert("Passwords do not match.");
        return false;
      }
    }
    </script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.0/jquery.validate.min.js"></script>
   
    <style>
    .error {
      color: red;
    }
  </style>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.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 type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>

    <script>
      //form Validations 
      
      //VAT TRN
      $(document).ready(function () {
        $("#trn_tax_num").on("keyup", function() {
            var trn_num = $(this).val();
            var regex = /^[0-9()]*$/;

                if (trn_num === null || trn_num === '') {
                  $("#trn-error").text('Please enter Number');
                } else if (!regex.test(trn_num)) {
                  $(this).val(trn_num.replace(/[^0-9()]/g, '')); 
                  $("#trn-error").text("VAT TRN allows numbers only");
                } else {
                  $("#trn-error").text(""); 
              }
          });
          
      $('.input_error').hide();
        $(".mybutton").click(function(){
          //Name
          var name = $("#name").val();
          if(name == null || name == ''){
            $("#name").on('keyup', function() {
              var name = $(this).val();
                if (name != null && name !== '') {
                  // Hide the error message when there is input
                  $(this).next('.input_error').hide();
                }
                });
            $("#name").next('.input_error').text('Please enter name').show();
            return false;
          }
          else{
            $("#name").next('.input_error').hide();
            }

          //email
          var name = $("#email").val();
          if(name == null || name == ''){
            $("#email").on('keyup', function() {
              var name = $(this).val();
                if (name != null && name !== '') {
                  
                  $(this).next('.input_error').hide();
                }
                
                });
            $("#email").next('.input_error').text('Please enter email').show();
            return false;
          }
          else{
            $("#email").next('.input_error').hide();
            }

          //Company
          var company_name=$("#company_name").val();
          if(company_name == null || company_name == ''){
            $("#company_name").on('keyup', function() {
              var company_name = $(this).val();
                if (company_name != null && company_name !== '') {
                  // Hide the error message when there is input
                  $(this).next('.input_error').hide();
                }
                });
            $("#company_name").next('.input_error').text('Please enter company name').show();
            return false;
          }else{
            $("#company_name").next('.input_error').hide();
            }

          //Tax Registration Number
          
          
          //Emirates drop down
          var countryDropdown=$("#countryDropdown").val();
          $("#countryDropdown").on('keyup', function() {
              var countryDropdown = $(this).val();
                if (countryDropdown != null && countryDropdown !== '') {
                  $(this).next('.input_error').hide();
                  } 
                  else{
                  $(this).next('.input_error').text('Please select Country').show();
                  return false;
                }
              });
           
          //password    
          var password=$("#password").val();
            if(password == null || password == ''){
              $("#password").on('keyup', function() {
              var password = $(this).val();
                if (password != null && password !== '') {
                  // Hide the error message when there is input
                  $(this).parent().parent().next('.input_error').hide();
                }
                });
              $("#password").parent().parent().next('.input_error').text('Please enter password').show();
              return false;
            }else{
              $("#password").parent().parent().next('.input_error').hide();
              }

          //confirm password
          var password_confirm=$("#password_confirm").val();
            if(password_confirm == null || password_confirm == ''){
              $("#password_confirm").on('keyup', function() {
              var password_confirm = $(this).val();
                if (password_confirm != null && password_confirm !== '') {
                  // Hide the error message when there is input
                  $(this).parent().parent().next('.input_error').hide();
                }
                });
              $("#password_confirm").parent().parent().next('.input_error').text('Please confirm password').show();
              return false;
            }else{
              $("#password_confirm").parent().parent().next('.input_error').hide();
              }
        });
        $("#tax_registration_number").on("input", function() {
      var input = $(this).val();
      var regex=/^[0-9()]*$/;
    
      if (!regex.test(input)) {
                $(this).val(input.slice(0, -1)); // Remove the last character if it doesn't match the pattern
                $("#mobile-number-error").text("Mobile Number allow numbers only");
            } else {
                $("#mobile-number-error").text(""); // Clear the error message if the input is valid
            }
    });


        //mobile number
        $("#phoneNumberInput").on("input", function() {
      var input = $(this).val();
      var regex=/^[0-9()]*$/;
    
      if (!regex.test(input)) {
                $(this).val(input.slice(0, -1)); // Remove the last character if it doesn't match the pattern
                $("#mobile-number-error").text("Mobile Number allow numbers only");
            } else {
                $("#mobile-number-error").text(""); // Clear the error message if the input is valid
            }
    });
    var name = $("#countryCodeInput").val();
      if(name == null || name == ''){
        $("#name").next('.input_error').show();
        return false;
      }
      else{
        $("#name").next('.input_error').hide();
      }
      });
  </script>
  <script>
    $(document).ready(function () {
        $("#password").on("input", function() {
            var input = $(this).val();
            var regex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/;
            
            if (!regex.test(input)) {
                $("#password-error").text("Password must contain at least one lowercase letter, one uppercase letter, one numeric character, and one special character. Minimum length: 8");
            } else {
                $("#password-error").text("");
            }
        });
 
        $("#password_confirm").on("input", function() {
          var input = $(this).val();
          var password = $("#password").val();
          var errorElement = $("#password-confirm-error");

          if (input !== password) {
              $('.mybutton').attr('disabled', true);
              errorElement.text("Passwords do not match.");
          } else {
              $('.mybutton').attr('disabled', false);
              errorElement.text("");
          }
      });
     
    });
</script>
   <script>
  const passwordInput = document.getElementById('password');
  const passwordConfirmInput = document.getElementById('password_confirm');
  const minLength = 8; // Minimum password length

  function handlePasswordInput() {
    const mobileValue =phoneNumberInput.value;
    const passwordValue = passwordInput.value;
    const passwordConfirmValue = passwordConfirmInput.value;

    // if (passwordValue.length < minLength) {
    //   passwordInput.classList.add('is-invalid');
    //   // document.getElementById('password-error').textContent = 'Password must be at least 8 characters long.';
    // } else {
    //   passwordInput.classList.remove('is-invalid');
    //   // document.getElementById('password-error').textContent = '';
    // }

    // if (mobileValue.length < minLength) {
    //   phoneNumberInput.classList.add('is-invalid');
    //   document.getElementById('password-error').textContent = 'Password must be at least 8 characters long.';
    // } else {
    //   passwordInput.classList.remove('is-invalid');
    //   document.getElementById('password-error').textContent = '';
    // }

    if (passwordConfirmValue !== passwordValue) {
      passwordConfirmInput.classList.add('is-invalid');
      document.getElementById('password-confirm-error').textContent = 'Passwords do not match.';
    } else {
      passwordConfirmInput.classList.remove('is-invalid');
      document.getElementById('password-confirm-error').textContent = '';
    }
  }

  passwordInput.addEventListener('keyup', handlePasswordInput);
  passwordConfirmInput.addEventListener('keyup', handlePasswordInput);


    // Object mapping country names to codes
    const countryCodes = {
        @foreach($details as $emirate)
             '{{$emirate->name}}':'{{$emirate->phonecode}}',
        @endforeach
      // Add more country code mappings here
    };

    // Function to update country code
    function updateCountryCode() {
      const dropdown = document.getElementById("countryDropdown");
      if (dropdown.value === '0') {
            dropdown.setCustomValidity("Please select an option other than 'Select Country'.");
        } else {
            dropdown.setCustomValidity("");
        }
    
   // console.log(dropdown.selectedIndex);
      const selectedCountry = dropdown.options[dropdown.selectedIndex].text;
      const countryCodeInput = document.getElementById("countryCodeInput");
      const phoneNumberInput = document.getElementById("phoneNumberInput");

      // Check if the selected country exists in the countryCodes object
      if (selectedCountry in countryCodes) {
        const countryCode = countryCodes[selectedCountry];
        countryCodeInput.value = countryCode;
        phoneNumberInput.removeAttribute('readonly');
        phoneNumberInput.removeAttribute('disabled');
       } else {
        countryCodeInput.value = "";
        phoneNumberInput.disabled = true;
      }

      phoneNumberInput.value = ""; // Clear phone number input
    }
    document.querySelector("form").addEventListener("reset", function() {
        dropdown.setCustomValidity("");
    });
  </script>

  <style>
    .error {
      color: red;
    }
  </style>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  $(document).ready(function() {
    $('#countryName').change(function() {
      var countryName = $(this).val();
      if (countryName !== '') {
        $.ajax({
          url: "{{ route('getCountryCode', ['countryName' => '']) }}/" + countryName,
          type: 'GET',
          success: function(response) {
            if (response.phonecode) {
              $('#countryCode').val(response.phonecode);
            } else {
              $('#countryCode').val('');
              console.error(response.error);
            }
          },
          error: function(xhr, status, error) {
            console.error(error);
          }
        });
      } else {
        $('#countryCode').val('');
      }
    });
  });
</script>
<script>
const togglePasswordButtons = document.querySelectorAll('.toggle-password');
        const passwordInputs = document.querySelectorAll('input[type="password"]');

        togglePasswordButtons.forEach((button, index) => {
            button.addEventListener('click', () => {
                if (passwordInputs[index].type === 'password') {
                    passwordInputs[index].type = 'text';
                    button.classList.remove('fa-eye');
                    button.classList.add('fa-eye-slash');
                } else {
                    passwordInputs[index].type = 'password';
                    button.classList.remove('fa-eye-slash');
                    button.classList.add('fa-eye');
                }
            });
        });
    </script>
</body>

    </script>


@endsection