@extends('jobs.layout')
@section('title', 'Change password')
@section('content')
<main class="wrap" style="max-width:620px">
    <span class="eyebrow">Account security</span>
    <h1 class="title">Change password</h1>
    <p class="muted">Use your current password to set a new one.</p>
    @if (session('status'))<div class="note" role="status">{{ session('status') }}</div>@endif
    @if ($errors->any())<div class="note" role="alert" style="background:#fff0ed;color:#a13e30">{{ $errors->first() }}</div>@endif
    <section class="panel">
        <form method="POST" action="{{ route('account.password.update') }}">
            @csrf @method('PUT')
            <p><label for="current_password">Current password</label><input class="input" id="current_password" name="current_password" type="password" autocomplete="current-password" required></p>
            <p><label for="password">New password</label><input class="input" id="password" name="password" type="password" autocomplete="new-password" minlength="8" required><span class="muted" style="font-size:13px">Use at least 8 characters.</span></p>
            <p><label for="password_confirmation">Confirm new password</label><input class="input" id="password_confirmation" name="password_confirmation" type="password" autocomplete="new-password" minlength="8" required></p>
            <button class="button" type="submit">Change password</button>
        </form>
    </section>
</main>
@endsection