{{-- resources/views/auth/login.blade.php --}}
@extends('layouts.app') {{-- lub podmień na swój layout z Bootstrapem --}}

@section('title', __('Log in'))

@section('content')
<div class="container py-5">
  <div class="row justify-content-center">
    <div class="col-md-6 col-lg-5">
      @if (session('status'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
          {{ session('status') }}
          <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="{{ __('Close') }}"></button>
        </div>
      @endif

      <div class="card shadow-sm">
        <div class="card-header text-center">
          <h5 class="mb-0">{{ __('Log in') }}</h5>
        </div>
        <div class="card-body">
          <form method="POST" action="{{ route('login') }}" novalidate>
            @csrf

            {{-- Email --}}
            <div class="mb-3">
              <label for="email" class="form-label">{{ __('Email') }}</label>
              <input
                type="email"
                id="email"
                name="email"
                value="{{ old('email') }}"
                class="form-control @error('email') is-invalid @enderror"
                required
                autofocus
                autocomplete="username"
              >
              @error('email')
                <div class="invalid-feedback">{{ $message }}</div>
              @enderror
            </div>

            {{-- Password --}}
            <div class="mb-3">
              <label for="password" class="form-label">{{ __('Password') }}</label>
              <input
                type="password"
                id="password"
                name="password"
                class="form-control @error('password') is-invalid @enderror"
                required
                autocomplete="current-password"
              >
              @error('password')
                <div class="invalid-feedback">{{ $message }}</div>
              @enderror
            </div>

            {{-- Remember me --}}
            <div class="mb-3 form-check">
              <input
                type="checkbox"
                id="remember_me"
                name="remember"
                class="form-check-input"
              >
              <label class="form-check-label" for="remember_me">
                {{ __('Remember me') }}
              </label>
            </div>

            <div class="d-flex align-items-center justify-content-between">
              @if (Route::has('password.request'))
                <a class="small" href="{{ route('password.request') }}">
                  {{ __('Forgot your password?') }}
                </a>
              @endif

              <button type="submit" class="btn btn-primary">
                {{ __('Log in') }}
              </button>
            </div>
          </form>
        </div>
      </div>

      {{-- Opcjonalnie: link do rejestracji --}}
      @if (Route::has('register'))
        <p class="text-center mt-3 mb-0">
          <span class="text-muted">{{ __('No account?') }}</span>
          <a href="{{ route('register') }}">{{ __('Sign up') }}</a>
        </p>
      @endif
    </div>
  </div>
</div>
@endsection