@extends('layouts.app')

@push('head-scripts')
@endpush 

@section('content')
  

<section class="section contact">
<div class="container dashboard m-0 p-0">
  <div class="card">
    <!-- Testata card con toolbar -->
    <h5 class="card-header d-flex justify-content-between align-items-center">
      <span>Parametri SMTP</span>      
      @if(isset($toolBarScheda))            
        @component( "components.toolBarModulo" ,["toolBarScheda" => $toolBarScheda]) @endcomponent
      @endif
    </h5>
    <!-- END Testata card con toolbar -->

    <div class="card-body pt-4"> 
      <form id="formDati" novalidate method="POST" action="" enctype="multipart/form-data">
            <fieldset id="fieldsetSmtpAzienda">

                  <div class="row g-3">
                    <div class="col-md-12">
                      <div class="form-floating">
                        <input type="text" class="form-control" id="server" name="server" placeholder="Ragione sociale" value="{{$dettaglioSmtpAzienda->server}}" required>
                        <label for="server">Smtp server</label>
                      </div>
                    </div>

                    <div class="col-md-6">
                      <div class="form-floating">
                        <input type="text" class="form-control" id="emailServer" name="emailServer" placeholder="Email" value="{{$dettaglioSmtpAzienda->emailServer}}" required>
                        <label for="emailServer">Email Server</label>
                      </div>
                    </div>

                    <div class="col-md-6">
                      <div class="form-floating">
                          <input type="password" class="form-control" id="password" name="password" placeholder="password">
                          <label for="password">Password</label>
                          <span id="togglePassword" toggle="#password" class="bi bi-eye field-icon toggle-password" style="position: absolute; top: 15px; right: 15px; cursor: pointer;"></span>
                      </div>
                    </div>

                    <div class="col-md-6">
                      <div class="form-floating">
                        <input type="number" class="form-control" id="portaServer" name="portaServer" 
                              placeholder="porta Server" value="{{$dettaglioSmtpAzienda->portaServer}}" required 
                              min="1" max="65535">
                        <label for="portaServer">Porta</label>
                      </div>
                    </div>
                  

                    <div class="col-md-6">
                      <div class="form-check form-switch">
                          <input type="hidden" name="autenticazioneSSL" value="0"> <!-- Valore predefinito se non selezionato -->
                          <input type="checkbox" class="form-check-input" id="autenticazioneSSL" name="autenticazioneSSL" value="{{$dettaglioSmtpAzienda->autenticazioneSSL}}" {{$dettaglioSmtpAzienda->autenticazioneSSL==1?'checked':""}}>
                          <label class="form-check-label" for="autenticazioneSSL">Autenticazione SSL</label>
                      </div>
                  </div>
     

                    <div class="col-md-12">
                      <div class="form-floating">
                        <input type="text" class="form-control" id="emailMittente" name="emailMittente" placeholder="emailMittente" value="{{$dettaglioSmtpAzienda->emailMittente}}" required>
                        <label for="emailMittente">Mail mittente</label>
                      </div>
                    </div>


            </fieldset>

            <input type="hidden" id="id" name="id" value = "{{$dettaglioSmtpAzienda->id}}">

      </form><!-- End floating Labels Form -->
    </div>
</div>        

</div>

  </section>

@endsection

@push('scripts')

<script src="{{ asset('js/libPrintmanager.js') }}?v={{ time() }}"></script>

<script>
  
      
    document.getElementById('togglePassword').addEventListener('click', function(e) {
        let passwordInput = document.getElementById('password');
        if (passwordInput.type === "password") {
            passwordInput.type = "text";
            e.target.classList.remove('bi-eye');
            e.target.classList.add('bi-eye-slash');
        } else {
            passwordInput.type = "password";
            e.target.classList.remove('bi-eye-slash');
            e.target.classList.add('bi-eye');
        }
    });

    jQuery(document).ready(function() {
      
        jQuery('#formDati input, select, textarea').each(function() {
            var currentValue = jQuery(this).val();
            jQuery(this).data('previous-value', currentValue);
        });
        
        jQuery('#formDati  [type="checkbox"]').each(function() {
            var currentValue = jQuery(this).is(':checked') ? 1 : 0;
            jQuery(this).data('previous-value', currentValue);
            jQuery(this).val(currentValue)
        });

        jQuery('#formDati [type="checkbox"]').on('change', function() {
            if(jQuery(this).is(':checked'))
                jQuery(this).val(1);
            else
                jQuery(this).val(0);
        });

        jQuery('#formDati input').on('focusout', function() {
               updateRecord("{{$modelloCorrente}}", this,1); 

        });


    });
  </script>

@endpush