@extends('layouts.master')

@section('styles')



@endsection

@section('content')

    <div class="page-header">
        <h1 class="page-title">{{ __('menu.profile.title') }} / {{ __('profile.change_password') }}</h1>
    </div>

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

    @if(session('error'))
        <div class="alert alert-danger">
            {{ session('error') }}
        </div>
    @endif

    <div class="container-login100">
        <div class="wrap-login100 p-6">
                <span class="login100-form-title">{{ __('profile.change_password') }}</span>

                <div class="wrap-input100 validate-input mb-4">
                    <input class="input100" type="password" id="old_password" placeholder="{{ __('common.old_password') }}">
                    <span class="focus-input100"></span>
                    <span class="symbol-input100"><i class="zmdi zmdi-lock" aria-hidden="true"></i></span>
                </div>

                <div class="wrap-input100 validate-input">
                    <input class="input100" type="password" id="password" placeholder="{{ __('common.password') }}">
                    <span class="focus-input100"></span>
                    <span class="symbol-input100"><i class="zmdi zmdi-lock" aria-hidden="true"></i></span>
                </div>

                <div class="container-login100-form-btn">
                    <button onclick="updatePassword()" type="submit" class="login100-form-btn btn-primary">{{ __('profile.change_password') }}</button>
                </div>
        </div>
    </div>

@endsection

@section('scripts')

    <script>
        function updatePassword() {
            let oldPassword = document.getElementById('old_password')
            let password = document.getElementById('password')

            axios.patch('/profile/update_password', {
                'old_password': oldPassword.value,
                'password': password.value,
            }).then(function (response) {

                window.location.href = "{{ route('profile.change_password') . '?status=success' }}"

            }).catch(function (error) {
                console.error('Error fetching city data:', error);
            });
        }
    </script>
@endsection