@extends('layout')

@section('content_title')
    Saját adatok szerkesztése
@endsection

@section('content')
    <form action="{{ route('profile') }}" method="post"  autocomplete="off">
        @csrf
        <div class="row mb5">
            <div class="col-12 form_header pb10 mb10">
                <strong>Belépési adatok</strong>
            </div>
        </div>
        <div class="row">
            <div class="col-6">
                <div class="form-group row">
                    <label for="username" class="col-sm-2 col-form-label text-right">Felhasználónév:</label>
                    <div class="col-sm-8">
                        <input type="text" name="username" id="username" class="form-control" value="{{ $model->username }}" disabled>
                    </div>
                </div>
            </div>
            <div class="col-6">
                <div class="form-group row">
                    <label for="email" class="col-sm-2 col-form-label text-right">E-mail:</label>
                    <div class="col-sm-8">
                        <input type="email" name="email" id="email" class="form-control {{ $errors->has('email') ? 'is-invalid' : '' }}" value="{{ $model->email }}">
                        @error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-6">
                <div class="form-group row">
                    <label for="password" class="col-sm-2 col-form-label text-right">Új jelszó:</label>
                    <div class="col-sm-8">
                        <input type="password" name="password" id="password" class="form-control {{ $errors->has('password') ? 'is-invalid' : '' }}">
                        @error('password')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
            </div>
            <div class="col-6">
                <div class="form-group row">
                    <label for="password_confirmation" class="col-sm-2 col-form-label text-right">Jelszó megerősítés:</label>
                    <div class="col-sm-8">
                        <input type="password" name="password_confirmation" id="password_confirmation" class="form-control {{ $errors->has('password_confirmation') ? 'is-invalid' : '' }}">
                        @error('password_confirmation')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
            </div>
        </div>
        <div class="row mt10 mb5">
            <div class="col-12 form_header pb10 mb10">
                <strong>Alap adatok</strong>
            </div>
        </div>
        <div class="row">
            <div class="col-6">
                <div class="form-group row">
                    <label for="name" class="col-sm-2 col-form-label text-right">Név:</label>
                    <div class="col-sm-8">
                        <input type="text" name="name" id="name" class="form-control @error('name') is-invalid @enderror" value="{{ old('name', $model->name) }}">
                        @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                </div>
            </div>
            <div class="col-6"></div>
        </div>
        <div class="buttons row">
            <div class="offset-sm-2 col-sm-8">
                <button type="submit" class="btn btn-primary">Mentés</button>
                <a href="{{ route('home') }}" class="btn btn-outline-secondary">Vissza</a>
            </div>
        </div>
    </form>
@endsection