@php $companyData=getComapnyName();@endphp
<!doctype html>
<html lang="en" class="minimal-theme">

<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- Bootstrap CSS -->
  <link href="{{asset('admin/css/bootstrap.min.css')}}" type="text/css" rel="stylesheet" />
  <link href="{{asset('admin/css/bootstrap-extended.css')}}" type="text/css" rel="stylesheet" />
  <link href="{{asset('admin/css/style.css')}}" type="text/css" rel="stylesheet" />
  <link href="{{asset('admin/css/icons.css')}}" type="text/css" rel="stylesheet">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
  <!-- loader-->
	<link href="{{asset('admin/css/pace.min.css')}}" rel="stylesheet" />
  <!-- Google Font -->
  <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" rel="stylesheet">
  <!-- Favicon.io -->
  <link rel="icon" href="asset/iadmin/mages/favicon.ico" type="image/png" />
  <!-- Meta Taggs -->
  <title>SignIn &#8212; @if(isset($companyData->name)){{$companyData->name}}@else{{'website_title_here'}}@endif</title>
  <meta name="csrf-token" content="{{ csrf_token() }}">
  <meta name="author" content="SignIn &#8212; #website_title_here">
  <meta name="description" content="#website_meta_description_here">
  <meta name="keywords" content="#website_meta_keywords_here">
  <style type="text/css">
    .account_title {
        width: 50px;
        border: 1px solid #ced4da;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }
    .intl-tel-input {
      width: 100%;
    }
    .swal2-popup {
      width: 35em !important;
    }
  </style>
   <link href="{{ asset('admin/css/sweetalert2.min.css')}}" rel="stylesheet" type="text/css">

   <script type="text/javascript" src="{{ asset('admin/js/sweetalert2.all.min.js')}}"></script>
</head>

<body>
  <!--start wrapper-->
  <div class="wrapper">
    
       <!--start content-->
       <main class="authentication-content">
        <div class="container-fluid">
          <div class="authentication-card">
            <div class="card bg-transparent shadow-none rounded-0 overflow-hidden">
              <div class="row align-items-center justify-content-center g-0">
                <!-- <div class="col-lg-7 d-flex align-items-center justify-content-center">
                  <img src="asset/iadmin/mages/login-img.svg" loading="lazy" class="img-fluid" alt="login image">
                </div> -->
                <div class="col-lg-7">
                  <div class="card-body bg-white rounded singin_card">
                    <!-- <h5 class="card-title">Sign In</h5>
                    <p class="card-text mb-3">See your growth and get consulting support!</p> -->
                    <img class="img-fluid d-block w-75 mx-auto" 
                    src="@if(isset($companyData->logo)){{getTempUrl($companyData->logo)}}
                    @else{{'https://metaminthealth.s3.ap-south-1.amazonaws.com/metamintassets/images/meta_mint_blue_small_logo.png'}}@endif
                    " loading="lazy" style="height:70px" alt="logo">
                    @include('auth.flash-message')
                    <div class="alert alert-success alert-dismissible fade show" role="alert" style="display:none">
                      <strong class="text-message"></strong>
                      <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                    <div class="alert alert-danger alert-dismissible fade show" role="alert" style="display:none">
                      <strong class="danger-message"></strong>
                      <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>
                    <form class="form-body" action="{{ url('client-license-register-store') }}" method="POST">
                        @csrf
                        @method('POST')
                      <!-- <div class="d-grid">
                        <a class="btn btn-white" href="javascript:;"><span class="d-flex justify-content-center align-items-center">
                            <img class="me-2" src="asset/iadmin/mages/search.svg" loading="lazy" width="16" height="16" alt="google">
                            <span>Sign in with Google</span>
                          </span>
                        </a>
                      </div> -->
                      <div class="login-separater text-center mb-4"> <span>Please Enter License Details</span>
                        <hr>
                      </div>
                      <div class="row g-3">
                          <div class="col-md-12 phone_no_col">
                              <div>
                                  <label class="form-label">License Key<span class="text-danger"><b>*</b></span></label>
                              </div>
                              <div class="input-group">
                                  <input type="text" class="form-control w-100" placeholder="License Key" name="license_key" />
                              </div>
                              <span class="text-danger error_phone" style="display:none;">This field is required.</span>
                          </div>

                          <div class="col-md-12">
                              <div>
                                  <label class="form-label">License Secret</label>
                              </div>
                              <div class="input-group">
                                  <input type="text" class="form-control" placeholder="Enter License Secret" name="license_secret" />
                              </div>
                          </div>
                          <div class="col-12">
                            <div class="d-grid">
                              <button type="submit" class="btn btn-primary radius-30">REGISTER NOW <i class="bx bx-log-in-circle"></i></button>
                            </div>
                          </div>
                          <div class="col-12" style="text-align: center">
                            <p>Don't have an account? <a href="{{url('/')}}"> Sign in</a></p>
                          </div>
                        </div>
                    </form>
                 </div>
                </div>
              </div>
            </div>
          </div>
        </div>
       </main>
       <!--end page main-->

      <footer class="copyright_signup pb-3 px-3 text-center">
        <p class="mb-0">Copyright © 2023  @if(isset($companyData->name)){{ $companyData->name }}@else{{'COMPANY NAME PUT HERE'}}@endif. All right reserved.</p>
      </footer>

  </div>
  <!--end wrapper-->


   <!-- Bootstrap bundle JS -->
  <script type="text/javascript" src="{{ asset('admin/js/bootstrap.bundle.min.js')}}"></script>
  <!--plugins-->
  <!--plugins-->
  <script type="text/javascript" src="{{ asset('admin/js/jquery.min.js')}}"></script>
  <script type="text/javascript" src="{{ asset('admin/js/script.js')}}"></script>

  <script>
      $("#api_endpoint_ip").on('input', function() {
          const onlyNumbers = allNumeric($(this).val());
          $("#api_endpoint_ip").val(onlyNumbers);
      });
      $("#api_endpoint_port").on('input', function() {
          const onlyNumbers = allNumeric($(this).val());
          $("#api_endpoint_port").val(onlyNumbers);
      });
      function allNumeric(inputtxt) {
          onlyNumbers = inputtxt.replace(/[^0-9]/g, '');
          if (onlyNumbers.length > 16) {
              onlyNumbers = onlyNumbers.substring(0, 16);
          }
          return onlyNumbers;
      }
  </script>
</body>

</html>