@extends('layouts.admin')

@section('content')
<div class="main-content-inner">
    <!-- main-content-wrap -->
    <div class="main-content-wrap">

        <div class="flex items-center flex-wrap justify-between gap20 mb-27">
            <h3>Edit Akun</h3>
            <ul class="breadcrumbs flex items-center flex-wrap gap10">
                <li>
                    <a href="{{ route('admin.index') }}">
                        <div class="text-tiny">Dashboard</div>
                    </a>
                </li>
                <li><i class="icon-chevron-right"></i></li>
                <li>
                    <div class="text-tiny">Akun</div>
                </li>
            </ul>
        </div>

        {{-- Form Edit Akun --}}
        <form method="POST" action="{{ route('account.admin.password.update') }}" class="tf-section-1 form-add-product">
            @csrf
            @method('PUT')

            <div class="wg-box">

                {{-- Nama Lengkap --}}
                <fieldset class="name">
                    <div class="body-title mb-10">Nama Lengkap <span class="tf-color-1">*</span></div>
                    <input type="text" name="name" placeholder="Masukkan Nama Lengkap"
                        value="{{ old('name', auth()->user()->name) }}" required>
                    @error('name') <span class="alert alert-danger text-center mt-2">{{ $message }}</span> @enderror
                </fieldset>

                {{-- Email --}}
                <fieldset class="name">
                    <div class="body-title mb-10">Email <span class="tf-color-1">*</span></div>
                    <input type="email" name="email" placeholder="Masukkan Email"
                        value="{{ old('email', auth()->user()->email) }}" required>
                    @error('email') <span class="alert alert-danger text-center mt-2">{{ $message }}</span> @enderror
                </fieldset>

                {{-- Nomor HP --}}
                <fieldset class="name">
                    <div class="body-title mb-10">Nomor Handphone <span class="tf-color-1">*</span></div>
                    <input type="text" name="mobile" placeholder="Masukkan Nomor HP"
                        value="{{ old('mobile', auth()->user()->mobile) }}" required>
                    @error('mobile') <span class="alert alert-danger text-center mt-2">{{ $message }}</span> @enderror
                </fieldset>

                <hr class="mt-30 mb-20">

                <h5 class="mb-20">Ganti Kata Sandi (Opsional)</h5>

                {{-- Kata Sandi Saat Ini --}}
                <fieldset class="name">
                    <div class="body-title mb-10">Kata Sandi Saat Ini</div>
                    <input type="password" name="current_password" placeholder="Masukkan Kata Sandi Lama">
                    @error('current_password') <span class="alert alert-danger text-center mt-2">{{ $message }}</span> @enderror
                </fieldset>

                {{-- Kata Sandi Baru --}}
                <fieldset class="name">
                    <div class="body-title mb-10">Kata Sandi Baru</div>
                    <input type="password" name="new_password" placeholder="Masukkan Kata Sandi Baru">
                    @error('new_password') <span class="alert alert-danger text-center mt-2">{{ $message }}</span> @enderror
                </fieldset>

                {{-- Konfirmasi Kata Sandi --}}
                <fieldset class="name">
                    <div class="body-title mb-10">Konfirmasi Kata Sandi Baru</div>
                    <input type="password" name="new_password_confirmation" placeholder="Ulangi Kata Sandi Baru">
                </fieldset>

                {{-- Submit Button --}}
                <div class="cols gap10 mt-20">
                    <button class="tf-button w-full" type="submit">Simpan Perubahan</button>
                </div>
            </div>
        </form>

    </div>
    <!-- /main-content-wrap -->
</div>
@endsection