@extends('layouts.app')

@push('head-scripts')
@endpush 

@section('content')
 

<section class="section contact">   
    <div class="row gy-4">

      <div class="col-xl-12">
        <div class="card">
            <div class="card-body">
              <h5 class="card-title">Scheda azienda</h5>

              <form id="formAzienda" novalidate method="POST" action="" enctype="multipart/form-data">

                    <div class="row g-3">
                      <div class="col-sm-12">
                        <div class="form-check form-switch mb-3">
                          <input class="form-check-input" type="checkbox" id="attivo" name="attivo" {{ $dettaglioAzienda->attivo == 1 ? 'checked' : '' }} {{ $bloccato == 1 ? 'disabled' : '' }}>
                          <label class="form-check-label" for="attivo" id="labelAttivo"> {{ $dettaglioAzienda->attivo == 1 ? 'Attivo' : 'Sospeso' }}</label>
                        </div>
                      </div>                  
                    </div>

                    <fieldset id="fieldsetAzienda" {{ $bloccato == 1 ? 'disabled' : '' }}>

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

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

                            <div class="col-md-6">
                              <div class="form-floating">
                                <input type="text" class="form-control" id="pec" name="pec" placeholder="pec" value="{{$dettaglioAzienda->pec}}" required>
                                <label for="pec">Pec</label>
                              </div>
                            </div>

                            <div class="col-md-6">
                              <div class="form-floating">
                                <input type="text" class="form-control" id="telefono" name="telefono" placeholder="telefono" value="{{$dettaglioAzienda->telefono}}" required>
                                <label for="telefono">Telefono</label>
                              </div>
                            </div>

                            <div class="col-md-6">
                              <div class="form-floating">
                                <input type="text" class="form-control" id="mobile" name="mobile" placeholder="mobile" value="{{$dettaglioAzienda->mobile}}" required>
                                <label for="mobile">Mobile</label>
                              </div>
                            </div>                

                            <div class="col-md-10">
                              <div class="form-floating">
                                <input type="text" class="form-control" id="indirizzo" name="indirizzo" placeholder="indirizzo" value="{{$dettaglioAzienda->indirizzo}}" required>
                                <label for="indirizzo">Indirizzo</label>
                              </div>
                            </div>

                            <div class="col-md-2">
                              <div class="form-floating">
                                <input type="text" class="form-control" id="civico" name="civico" placeholder="civico" value="{{$dettaglioAzienda->civico}}" required>
                                <label for="civico">Civico</label>
                              </div>
                            </div>

                            <div class="col-md-3">
                              <div class="form-floating">
                                <input type="text" class="form-control" id="cap" name="cap" placeholder="cap" value="{{$dettaglioAzienda->cap}}" required>
                                <label for="cap">Cap</label>
                              </div>
                            </div>

                            <div class="col-md-3">
                              <div class="form-floating">
                                <input type="text" class="form-control" id="luogo" name="luogo" placeholder="luogo" value="{{$dettaglioAzienda->luogo}}" required>
                                <label for="luogo">Luogo</label>
                              </div>
                            </div>

                            <div class="col-md-3">
                              <div class="form-floating">
                                <input type="text" class="form-control" id="provincia" name="provincia" placeholder="provincia" value="{{$dettaglioAzienda->provincia}}" required>
                                <label for="provincia">Provincia</label>
                              </div>
                            </div>

                            <div class="col-md-3">
                              <div class="form-floating">
                                <input type="text" class="form-control" id="stato" name="stato" placeholder="stato" value="{{$dettaglioAzienda->stato}}" required>
                                <label for="stato">Stato</label>
                              </div>
                            </div>

                            <div class="col-md-4">
                              <div class="form-floating">
                                <input type="text" class="form-control" id="partitaIva" name="partitaIva" placeholder="partitaIva" value="{{$dettaglioAzienda->partitaIva}}" required>
                                <label for="partitaIva">Partita Iva</label>
                              </div>
                            </div>

                            <div class="col-md-4">
                              <div class="form-floating">
                                <input type="text" class="form-control" id="codiceFiscale" name="codiceFiscale" placeholder="codiceFiscale" value="{{$dettaglioAzienda->codiceFiscale}}" required>
                                <label for="codiceFiscale">codiceFiscale</label>
                              </div>
                            </div>                

                            <div class="col-md-4">
                              <div class="form-floating">
                                <input type="text" class="form-control" id="codiceSDI" name="codiceSDI" placeholder="codiceSDI" value="{{$dettaglioAzienda->codiceSDI}}" required>
                                <label for="codiceSDI">codiceSDI</label>
                              </div>
                            </div>

                            <div class="text-center {{ $bloccato == 1 ? 'd-none' : '' }}" >
                              <button id="registraAzienda" type="button" class="btn btn-primary">Salva</button>
                              <button type="reset" class="btn btn-secondary">Reimposta</button>
                            </div>
                          </div>

                    </fieldset>

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

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

            </div>
        </div>        

      </div>
    </div>
  </section>

@endsection

@push('body-end-scripts')

  <script>
    const checkbox  = document.getElementById('attivo');
    const label     = document.getElementById('labelAttivo');
    const fieldset  = document.getElementById('fieldsetAzienda'); 

    // checkbox.addEventListener('change', () => {
    //    label.textContent = checkbox.checked ? 'Attivo' : 'Sospeso';
    //    fieldset.disabled = !checkbox.checked;
    // });

    document.getElementById('registraAzienda').addEventListener('click', function() {
          var formData = document.getElementById('formAzienda');
          if (formData.checkValidity()) {
                          //console.log(row);
                          if (confirm("Registro la scheda azienda?")){

                              var formData = new FormData(formData);

                              jQuery("#registraAzienda").prop('disabled', true);

                              let csrfToken   = document.querySelector('meta[name="csrf-token"]').getAttribute('content');

                                  fetch("", {
                                    method  : 'POST',
                                    headers : {
                                                'X-CSRF-TOKEN': csrfToken
                                    },
                                    body: formData
                                  })

                                  .then(response => response.json())

                                  .then(data => {
                                    //console.log(data)
                                    if(data.success){
                                    } else {
                                    }
                                  })

                                  .catch(error => {
                                      alert( 'Errore: ' + error.message );
                                  })

                                  .finally(() => {
                                      jQuery("#registraAzienda").prop('disabled', false);                                        
                                  });
                      }

          } else {
              formData.reportValidity();
          }
    });

  </script>

@endpush