<x-guest-layout>
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-xl-5 col-lg-6 col-md-8 col-sm-11">
        <!-- Social login form-->
        <div class="card my-5">
          <div class="card-body p-5 text-center">
            <div class="h3 font-weight-light mb-3">Login</div>
          </div>
          <hr class="my-0" />
          <div class="card-body p-5">
            <!-- Session Status -->
            <x-auth-session-status class="mb-4" :status="session('status')" />

            <!-- Validation Errors -->
            <x-auth-validation-errors class="mb-4" :errors="$errors" />

            <!-- Login form-->
            <form method="POST" action="{{ route('login') }}">
              @csrf
              <!-- Form Group (email address)-->
              <div class="form-group">
                <label class="text-gray-600" for="username">Utente</label>
                <input class="form-control form-control-solid" type="text" name="username" />
              </div>
              <!-- Form Group (password)-->
              <div class="form-group">
                <label class="text-gray-600" for="password">Password</label>
                <input class="form-control form-control-solid" type="password" name="password" />
              </div>

              <div class="form-group">
                <label class="text-gray-600" for="telefono">Azienda</label>
                {!! Form::select('azienda_id', \App\Models\Azienda::where('is_attivo', true)->orderBy('default', 'DESC')->orderBy('ragione_sociale', 'ASC')->pluck('ragione_sociale', 'id'), null, ['class' => 'form-control form-control-solid']) !!}
              </div>

              <!-- Form Group (login box)-->
              <div class="form-group d-flex align-items-center justify-content-between mb-0">
                <button type="submit" class="btn btn-primary">Login</button>
              </div>
            </form>
          </div>

        </div>
      </div>
    </div>
  </div>
</x-guest-layout>
