@extends('layout.index')
@section('title', 'Hesabım')
@section('content')
    <section class="my-10 lg:px-0 px-4" data-role="my-account">
        <div class="max-w-7xl mx-auto grid lg:gap-4 gap-10 lg:grid-cols-12 grid-cols-1">
            <div class="lg:col-span-3 col-span-1">
                <nav>
                    <ul class="flex gap-2 flex-col">
                        <li>
                            <a class="tab-button active" href="{{ site('my-account') }}"> Kullanıcı Bilgilerim </a>
                        </li>
                        <li>
                            <a href="{{ site('my-account/address') }}" class="tab-button"> Adresim </a>
                        </li>
                        <li>
                            <a href="{{ site('my-account/favorites') }}" class="tab-button"> Beğendiğim Ürünler </a>
                        </li>
                        <li>
                            <a href="{{ site('my-account/orders') }}" class="tab-button"> Siparişlerim </a>
                        </li>
                        <li>
                            <a href="{{ site('my-account/comments') }}" class="tab-button"> Yorumlarım </a>
                        </li>
                        <li>
                            <a href="{{ site('auth/logout') }}" class="py-2 px-4 w-full border border-red-500 rounded-full text-red-500 transition hover:text-white hover:bg-red-500 block cursor-pointer"> Çıkış Yap </a>
                        </li>
                    </ul>
                </nav>
            </div>
            <div class="lg:col-span-9 col-span-1">
                <h3 class="text-lg lg:mb-4 mb-2"> Kullanıcı Bilgilerim </h3>

                <form action="" method="POST" class="form-container">
                    @csrf
                    <div class="form-item">
                        <label for="name">Ad</label>
                        <input type="text"
                               id="name"
                               name="name"
                               value="{{ $formdata['name'] ?? $user_data->name }}"/>
                        @isset($errors['name'][0])
                            <small>{{ $errors['name'][0] }}</small>
                        @endisset
                    </div>
                    <div class="form-item">
                        <label for="surname">Soyad</label>
                        <input type="text"
                               id="surname"
                               name="surname"
                               value="{{ $formdata['surname'] ?? $user_data->surname }}"/>
                        @isset($errors['surname'][0])
                            <small>{{ $errors['surname'][0] }}</small>
                        @endisset
                    </div>
                    <div class="form-item">
                        <label for="phone">Telefon Numarası</label>
                        <input type="text"
                               id="phone"
                               name="phone"
                               value="{{ $formdata['phone'] ?? $user_data->phone }}"/>
                        @isset($errors['phone'][0])
                            <small>{{ $errors['phone'][0] }}</small>
                        @endisset
                    </div>
                    <div class="form-item">
                        <label for="email">E-posta</label>
                        <input type="text"
                               id="email"
                               name="email"
                               value="{{ $formdata['email'] ?? $user_data->email }}"/>
                        @isset($errors['email'][0])
                            <small>{{ $errors['email'][0] }}</small>
                        @endisset
                    </div>
                    <div class="flex items-center justify-end">
                        <button class="py-2 px-4 rounded-full text-white text-left transition bg-primary hover:bg-primary-600"> Kaydet </button>
                    </div>
                </form>
            </div>
        </div>
    </section>
@endsection