@extends('layouts.manage')

@section('styles')
<style>
.password-eye-icon {
    float: right;
    margin-left: -25px;
    margin-top: -30px;
    position: relative;
    z-index: 999;
    right: 18px;
    cursor: pointer;
}
</style>
@endsection

@section('title')
    @lang('Profile Settings')
@endsection

@section('page-header-title')
    @lang('Profile Settings')
@endsection

@section('page-header-description')
    @lang('View or Change Profile Settings')
@endsection

@section('scripts')
    @if(config('settings.toast_notifications_enable'))
    <script>
        toastr.options.closeButton = true;
        @if(session()->has('profile_updated'))
            toastr.success("{{session('profile_updated')}}");
        @endif
    </script>

    <script>
    $(".toggle-password-profile").click(function() {
    $(this).toggleClass("fa-eye fa-eye-slash");
    var input   = $($(this).attr("data-name"));

    if (input.attr("type") == "password") {
            input.attr("type", "text");
        } else {
            input.attr("type", "password");
        }
  });
</script>
    @endif
@endsection

@section('content')
    @include('partials.manage.settings.profile')
@endsection