@extends('layouts.app')
@section('content')
    <div class="container">
        <div class="justify-content-center">
            @if (\Session::has('success'))
                <div class="alert alert-success">
                    <p>{{ \Session::get('success') }}</p>
                </div>
            @endif
            @if (count($errors) > 0)
                <div class="alert alert-danger">
                    <strong>Opps!</strong> Something went wrong, please check below errors.<br><br>
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
            <div class="card">
                <div class="card-header">Change Password
                </div>

                <div class="card-body">
                    <form action="{{ route('change.post') }}" method="POST">
                        @csrf
                        <div class="form-group">
                            <strong>Old Password:</strong>
                            <input type="password" class="form-control" name="old_password" value="{{ old('old_password') }}"
                                required>
                        </div>
                        <div class="form-group">
                            <strong>New Password:</strong>
                            <input type="password" class="form-control" name="new_password"
                                value="{{ old('new_password') }}" required>
                        </div>
                        <div class="form-group">
                            <strong>Confirm Password:</strong>
                            <input type="password" class="form-control"name="password_confirmation"
                                value="{{ old('password_confirmation') }}" required>
                        </div>
                        <br>
                        <button type="submit" class="btn btn-primary"><i class="bi bi-send-fill"></i> Submit</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection