@extends('layout.main')
@section('title', 'Halaman Rubah Password')

@section('prev-page')
    <a href="{{ route('dashboard') }}" class="text-default">
        <i class="icon-arrow-left52 position-left"></i>
        <span class="text-semibold">Home</span>
    </a>
@endsection

@section('content')
    <form method="POST" action="{{ route('change.password.submit') }}">
        @csrf
        <div class="panel panel-body login-form">
            <div class="text-center">
                <div class="icon-object border-warning text-warning"><i class="icon-spinner11"></i></div>
                <h5 class="content-group">Rubah Password</h5>
            </div>
            <div class="form-group has-feedback">
                <input type="password" name="password" id="password" placeholder="Password" class="form-control" required>
                <div class="form-control-feedback"><i class="icon-lock4 text-muted"></i></div>
            </div>
            <div class="form-group has-feedback">
                <input type="password" name="new_password" id="new_password" placeholder="Password Baru" class="form-control" required>
                <div class="form-control-feedback"><i class="icon-lock2 text-muted"></i></div>
            </div>
            <div class="form-group has-feedback">
                <input type="password" name="new_password_confirmation" id="new_password_confirmation" placeholder="Konfirmasi Password Baru" class="form-control" required>
                <div class="form-control-feedback"><i class="icon-lock2 text-muted"></i></div>
            </div>
            <button type="submit" class="btn bg-blue btn-block">
                RUBAH PASSWORD <i class="icon-arrow-right14 position-right"></i>
            </button>
        </div>
    </form>
@endsection

@section('other-scripts')
    <script type="text/javascript" src="{{ asset('assets/js/core/app.js') }}"></script>
    <script>
        $('#password').focus();
    </script>
@endsection