@extends('layouts.auth')
@section('form')
  <form method="POST" action="{{ route('login') }}" class="d-flex flex-column align-items-center justify-content-center">
    @csrf

    <img src="/img/logo.svg" alt="{{ config('website.name') }}" />

    @if (session('message'))
      <div class="alert alert-success" role="alert">
        {{ session('message') }}
      </div>
    @endif

    <div class="form-group">
      <label for="id_customer">{{ __('auth.input_identifiant') }}</label>
      <input id="id_customer" type="id_customer" class="form-control @error('id_customer') is-invalid @enderror" name="id_customer" value="{{ old('id_customer') }}" required autofocus>
      @error('id_customer')
        <span class="text-danger" role="alert">
          <strong>{{ $message }}</strong>
        </span>
      @enderror
    </div>

    <div class="form-group">
      <label for="password">{{ __('auth.input_password') }}</label>
      <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="current-password">
      @error('password')
        <span class="text-danger" role="alert">
          <strong>{{ $message }}</strong>
        </span>
      @enderror
    </div>

    <div class="form-group">
      <div class="form-check form-switch">
        <input class="form-check-input" type="checkbox" role="switch" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>
        <label class="form-check-label font-weight-normal" for="remember">
          {{ __('auth.input_checkbox') }}
        </label>
      </div>
    </div>

    <button type="submit" class="btn btn-full btn-primary">
      {{ __('auth.btn_login') }}
    </button>

    @if (Route::has('password.request'))
      <div class="separator">
        <hr/>
        <div class="text">ou</div>
      </div>

      <a href="{{ route('password.request') }}" class="btn btn-full btn-primary">
        {{ __('auth.missing_password') }}
      </a>

      <p class="mt-4">Si vous n'avez pas ou plus votre mot de passe, cliquez sur le bouton ci-dessus.</p>
    @endif
  </form>
@endsection