@props(['disabled' => false])

<input {{ $disabled ? 'disabled' : '' }} {!! $attributes->merge([
    'class' =>
        'rounded-md shadow-sm border-gray-300 focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50',
]) !!}>

@push('scripts')
    <script type="module">

 var errorMsg = document.querySelector("#error-msg");
 var validMsg = document.querySelector("#valid-msg");
    const input = document.querySelector("#phone");
    var errorMap = ["Invalid number", "Invalid country code", "Too short", "Too long", "Invalid number", "Invalid"];

    var iti = window.intlTelInput(input, {

  autoPlaceholder : "aggressive",
  initialCountry : 'RO',
  

});
var reset = function() {
  input.classList.remove("error");
  errorMsg.innerHTML = "";
  errorMsg.classList.add("hide");
  validMsg.classList.add("hide");
};

// on blur: validate
input.addEventListener('blur', function() {
  reset();
  if (input.value.trim()) {
    if (iti.isValidNumber()) {
      validMsg.classList.remove("hidden");
      $("#register-button").prop('disabled', false);
    } else {
        $("#register-button").prop('disabled', true);
        validMsg.classList.add("hidden");
      input.classList.add("error");
      var errorCode = iti.getValidationError();
      errorMsg.innerHTML = errorMap[errorCode];
      errorMsg.classList.remove("hidden");
    }
  }
});

// on keyup / change flag: reset
input.addEventListener('change', reset);
input.addEventListener('keyup', reset);
</script>
    <script type="module">
        $(document).ready(function() {
            var el = document.querySelector('input[name=person_type]:checked').value
            if (el == 'fizica') {
              $('#person_type_fizic').prop('checked');
              $('#juridicInputs').addClass('hidden');
            } else {
              $('#juridicInputs').removeClass('hidden');
            }
            $('#person_type_juridic').change(function(){
                if($(this).is(":checked")){
                  $('#juridicInputs').removeClass('hidden');
                }
            });
            $('#person_type_fizic').change(function(){
                if($(this).is(":checked")){
                  $('#juridicInputs').addClass('hidden');
                }
            });
        });
    </script>
@endpush