@extends('layouts.config')

@section('content')
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h1>Nowy użytkownik</h1>
        <a href="{{ route('config.users.index') }}" class="btn btn-outline-secondary">
            Powrót do listy
        </a>
    </div>

    @if($errors->any())
        <div class="alert alert-danger">
            Wystąpiły błędy walidacji. Sprawdź poniżej.
        </div>
    @endif

    <form method="POST" action="{{ route('config.users.store') }}">
        @csrf

        <div class="mb-3">
            <label class="form-label">Imię i nazwisko</label>
            <input type="text"
                   name="name"
                   class="form-control @error('name') is-invalid @enderror"
                   value="{{ old('name') }}">
            @error('name')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label class="form-label">Adres e-mail</label>
            <input type="email"
                   name="email"
                   class="form-control @error('email') is-invalid @enderror"
                   value="{{ old('email') }}">
            @error('email')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label class="form-label">
                Hasło
            </label>
            <input type="password"
                   name="password"
                   class="form-control @error('password') is-invalid @enderror">
            @error('password')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="mb-3">
            <label class="form-label">Powtórz hasło</label>
            <input type="password"
                   name="password_confirmation"
                   class="form-control">
        </div>

        <div class="form-check mb-3">
            <input type="checkbox"
                   name="blocked"
                   value="1"
                   id="blocked"
                   class="form-check-input"
                   {{ old('blocked') ? 'checked' : '' }}>
            <label class="form-check-label" for="blocked">
                Zablokowany
            </label>
        </div>

        <button type="submit" class="btn btn-primary">
            Zapisz
        </button>

        <a href="{{ route('config.users.index') }}" class="btn btn-secondary">
            Anuluj
        </a>
    </form>
@endsection