@extends('layouts.app')

@section('content')
    <div class="container page-container">
        <div class="columns">

            <div class="column whiteboard">
                <h1 class="title">{{ __('Settings') }}</h1>

                <!-- Reset Password -->
                <form action="{{ route('update-password') }}#password-change" method="post" id="password-change">
                    @csrf
                    <div class="field">
                        <label for="password" class="label">{{ __('Current password') }}</label>
                        <input id="password" type="password"
                               class="input{{ $errors->has('password') ? ' is-danger' : '' }} is-medium"
                               name="password" required>
                        @if ($errors->has('password'))
                            <p class="help is-danger" role="alert">
                                {{ $errors->first('password') }}
                            </p>
                        @endif
                    </div>
                    <div class="field">
                        <label for="new_password" class="label">{{ __('New password') }}</label>
                        <input id="new_password" type="password"
                               class="input{{ $errors->has('new_password') ? ' is-danger' : '' }} is-medium"
                               name="new_password" required>
                        @if ($errors->has('new_password'))
                            <p class="help is-danger" role="alert">
                                {{ $errors->first('new_password') }}
                            </p>
                        @endif
                    </div>
                    <div class="buttons is-right">
                        <button type="submit" name="update" value="1" class="button is-success">
                            {{ __('Update password') }}
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection