@extends('adminlte::page')

@section('title', 'Ubah Password')

@section('content_header')
    <h1 class="m-0">Ubah Password Akun</h1>
@stop

@section('content')
    @if (session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    <form action="{{ route('account.password.update') }}" method="post">
        @csrf
        @method('PUT')

        <div class="card card-primary">
            <div class="card-body">
                <div class="form-group">
                    <label for="current_password">Password Saat Ini</label>
                    <input
                        type="password"
                        id="current_password"
                        name="current_password"
                        class="form-control @error('current_password') is-invalid @enderror"
                        required
                    >
                    @error('current_password')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>

                <div class="form-group">
                    <label for="password">Password Baru</label>
                    <input
                        type="password"
                        id="password"
                        name="password"
                        class="form-control @error('password') is-invalid @enderror"
                        required
                    >
                    @error('password')
                        <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                    <small class="text-muted">Minimal 8 karakter dengan huruf besar, huruf kecil, angka, dan simbol.</small>
                </div>

                <div class="form-group">
                    <label for="password_confirmation">Konfirmasi Password Baru</label>
                    <input type="password" id="password_confirmation" name="password_confirmation" class="form-control" required>
                </div>
            </div>
            <div class="card-footer d-flex justify-content-end">
                <a href="{{ route('dashboard') }}" class="btn btn-secondary mr-2">Kembali</a>
                <button type="submit" class="btn btn-primary">Simpan Password</button>
            </div>
        </div>
    </form>
@stop

@section('css')
    <link rel="stylesheet" href="{{ asset('css/bapsi-theme.css') }}">
@stop

@section('js')
    <script src="{{ asset('js/theme-mode.js') }}"></script>
@stop