@extends('layouts.nebulox', ['title'=>'Change password','subtitle'=>'Update your password'])

@section('content')

@if(session('status'))
  <div class="nx-alert nx-alert-ok">{{ session('status') }}</div>
@endif

@if($errors->any())
  <div class="nx-alert nx-alert-bad">
    <div style="font-weight:800; margin-bottom:6px;">Fix the errors below</div>
    <ul style="margin:0; padding-left:18px;">
      @foreach($errors->all() as $e) <li>{{ $e }}</li> @endforeach
    </ul>
  </div>
@endif

<div class="nx-card">
  <div class="nx-card-header">Change password</div>
  <div class="nx-card-body">

    <form method="POST" action="{{ route('profile.password.update') }}">
      @csrf

      <label class="nx-label">Current password</label>
      <input class="nx-input" type="password" name="current_password" required>

      <div class="nx-mt-12"></div>

      <label class="nx-label">New password</label>
      <input class="nx-input" type="password" name="password" required>

      <div class="nx-mt-12"></div>

      <label class="nx-label">Confirm new password</label>
      <input class="nx-input" type="password" name="password_confirmation" required>

      <button class="nx-btn nx-btn-primary nx-mt-12" type="submit">Update password</button>
    </form>

  </div>
</div>

@endsection