@extends('components.dashboard.layouts.master')

@section('title')
    {{ __('edit_profile') }}
@endsection

@section('content')
    <div class="app-content content">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper">
            <x-dashboard.layouts.breadcrumb now="{{ __('Edit Profile') }}">
            </x-dashboard.layouts.breadcrumb>

            <div class="col-12 mt-3">

                {{-- ====================== Edit Personal Data ====================== --}}
                <div class="card">
                    <div class="card-header">
                        <h4 class="card-title">{{ __('Edit Personal Data') }}</h4>
                    </div>
                    <div class="card-content">
                        <div class="card-body">
                            <form class="form form-vertical" method="POST"
                                  action="{{ route('admin.profile.personal.update') }}"
                                  enctype="multipart/form-data">
                                @csrf
                                @method('PATCH')

                                <div class="row">
                                    <div class="form-group col-6">
                                        <input type="hidden" name="id" value="{{ $user->id }}">

                                        <label class="w-100" for="name">{{ __('name') }}
                                            <input
                                                type="text"
                                                id="name"
                                                class="form-control @error('name') is-invalid @enderror"
                                                name="name"
                                                required
                                                placeholder="{{ __('name') }}"
                                                value="{{ old('name', auth()->user()->name) }}"
                                            />
                                            @error('name')
                                            <span class="text-danger" style="font-size: 12px;">{{ $message }}</span>
                                            @enderror
                                        </label>
                                    </div>

                                    <div class="form-group col-6">
                                        <label class="w-100" for="email">{{ __('email') }}
                                            <input
                                                type="email"
                                                id="email"
                                                class="form-control @error('email') is-invalid @enderror"
                                                name="email"
                                                required
                                                placeholder="{{ __('email') }}"
                                                value="{{ old('email', auth()->user()->email) }}"
                                            />
                                            @error('email')
                                            <span class="text-danger" style="font-size: 12px;">{{ $message }}</span>
                                            @enderror
                                        </label>
                                    </div>
                                </div>

                                <div class="col-12">
                                    <button type="submit" class="btn btn-primary mr-1 mb-1">
                                        {{ __('edit') }}
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

                {{-- ====================== Edit Password ====================== --}}
                <div class="card mt-2">
                    <div class="card-header">
                        <h4 class="card-title">{{ __('Edit Password') }}</h4>
                    </div>
                    <div class="card-content">
                        <div class="card-body">
                            <form class="form form-vertical" method="POST"
                                  action="{{ route('admin.profile.password.update') }}"
                                  enctype="multipart/form-data">
                                @csrf
                                @method('PATCH')

                                <div class="row">
                                    <input type="hidden" name="id" value="{{ $user->id }}">

                                    <div class="form-group col-4">
                                        <label class="w-100" for="current_password">{{ __('current password') }}
                                            <input
                                                type="password"
                                                id="current_password"
                                                name="current_password"
                                                class="form-control show_pass_profile_page @error('current_password') is-invalid @enderror"
                                                required
                                                placeholder="{{ __('current password') }}"
                                                value="{{ old('current_password') }}"
                                            />
                                            @error('current_password')
                                            <span class="text-danger" style="font-size: 12px;">{{ $message }}</span>
                                            @enderror
                                        </label>
                                    </div>

                                    <div class="form-group col-4">
                                        <label class="w-100" for="password">{{ __('new password') }}
                                            <input
                                                type="password"
                                                id="password"
                                                name="password"
                                                class="form-control show_pass_profile_page @error('password') is-invalid @enderror"
                                                required
                                                placeholder="{{ __('new password') }}"
                                                value="{{ old('password') }}"
                                            />
                                            @error('password')
                                            <span class="text-danger" style="font-size: 12px;">{{ $message }}</span>
                                            @enderror
                                        </label>
                                    </div>

                                    <div class="form-group col-4">
                                        <label class="w-100" for="password_confirmation">{{ __('password confirmation') }}
                                            <input
                                                type="password"
                                                id="password_confirmation"
                                                name="password_confirmation"
                                                class="form-control show_pass_profile_page @error('password_confirmation') is-invalid @enderror"
                                                required
                                                placeholder="{{ __('password confirmation') }}"
                                                value="{{ old('password_confirmation') }}"
                                            />
                                            @error('password_confirmation')
                                            <span class="text-danger" style="font-size: 12px;">{{ $message }}</span>
                                            @enderror
                                        </label>
                                    </div>

                                    <div class="mx-2 mb-2" style="margin-top:-10px">
                                        <label>
                                            {{ __('show password') }}
                                            <input
                                                type="checkbox"
                                                id="show_pass_profile_page2"
                                                onchange="show_pass_profile_page_Fn2()"
                                                value="show"
                                            >
                                        </label>
                                    </div>
                                </div>

                                <div class="col-12">
                                    <button type="submit" class="btn btn-primary mr-1 mb-1">
                                        {{ __('dashboard.edit') }}
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
@endsection

@section('script')
    <script>
        function show_pass_profile_page_Fn2() {
            const isChecked = document.getElementById('show_pass_profile_page2').checked;
            document.querySelectorAll('.show_pass_profile_page').forEach(input => {
                input.type = isChecked ? 'text' : 'password';
            });
        }
    </script>
@endsection