@extends('platform.layout')

@section('back')
<a href="{{ route('platform.account.index') }}" class="btn btn-light shadow position-absolute start-0 top-0 ms-2 mt-2" style="z-index:1050;">
    <i class="fa fa-arrow-left"></i>
</a>
@endsection

@section('content')
<div class="w-100 h-100 overflow-y-auto">
    <div class="container py-3">
        <div class="row justify-content-center">
            <div class="col-md-4">
                <x-platform.account.user-card />
                <h4 class="text-center text-muted">Change Password</h4>
                <form method="POST" action="{{ route('platform.account.password') }}">
                    @csrf
                    @method('POST')
                    <div class="mb-3 form-floating">
                        <input id="current_password" type="text" name="current_password" class="form-control @error('current_password') is-invalid @enderror" value="{{ old('current_password', '') }}" />
                        <label for="current_password">Current Password</label>
                        @error('current_password')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <hr>
                    <div class="mb-3 form-floating">
                        <input id="password" type="text" name="password" class="form-control @error('password') is-invalid @enderror" value="{{ old('password', '') }}" />
                        <label for="password">New Password</label>
                        @error('password')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="mb-3 form-floating">
                        <input id="password_confirmation" type="text" name="password_confirmation" class="form-control @error('password_confirmation') is-invalid @enderror" value="{{ old('password_confirmation', '') }}" />
                        <label for="password_confirmation">New Password Confirmation</label>
                        @error('password_confirmation')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                    <button type="submit" class="btn btn-primary shadow w-100">
                        <i class="fa-regular fa-fw fa-save"></i> Save
                    </button>
                </form>  
            </div>
        </div>
    </div>
</div>
@endsection