@extends('layouts.dashboard')

@section('title', 'Tukar Kata Laluan')

@section('content')
<div class="w3-container">
    <h2 class="w3-text-black"><i class="fa fa-key"></i> Tukar Kata Laluan</h2>

    @if(session('success'))
        <div class="w3-panel w3-green w3-round">
            <p>{{ session('success') }}</p>
        </div>
    @endif

    @if ($errors->any())
        <div class="w3-panel w3-red w3-round">
            <ul class="w3-ul">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <form method="POST" action="{{ route('profile.password.update') }}" class="w3-card w3-white w3-padding w3-round" style="max-width:500px;">
        @csrf

        <label><b>Kata Laluan Semasa</b></label>
        <input class="w3-input w3-border w3-round" type="password" name="current_password" required>

        <label class="w3-margin-top"><b>Kata Laluan Baru</b></label>
        <input class="w3-input w3-border w3-round" type="password" name="new_password" required>

        <label class="w3-margin-top"><b>Sahkan Kata Laluan Baru</b></label>
        <input class="w3-input w3-border w3-round" type="password" name="new_password_confirmation" required>

        <button type="submit" class="w3-button w3-blue w3-round w3-margin-top">
            <i class="fa fa-save"></i> Simpan Kata Laluan
        </button>

        <a href="{{ route('profile.index') }}" class="w3-button w3-grey w3-round w3-margin-top">
            <i class="fa fa-arrow-left"></i> Kembali
        </a>
    </form>
</div>
@endsection