@extends('layouts.personal_core')
@section('profile_title')
    Ayarlar
@endsection

@section('dashboard_wrapper')
    <div class="col-xl-9 col-lg-8">
        <div class="post-ad-wrapper box-style">
            <div class="title">
                <h3>Ayarlar</h3>
            </div>

            <div class="post-ad-form-wrapper">
                <div class="row">
                    <div class="col-xl-7">
                        <form action="{{ route('personal.profile.setting') }}" method="POST">
                            @csrf
                            <div class="right-wrapper pt-50">
                                <div class="row">
                                    <div class="col-12">
                                        <div class="single-form mb-20">
                                            <label for="fname" class="mb-2">Ad</label>
                                            <input type="text" id="fname" name="fname"
                                                class="py-2 px-3 mb-0 rounded border" value="{{ $user->fname }}" required>
                                            @error('fname')
                                                <span class="invalid-feedback d-block" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-form mb-20">
                                            <label for="lname" class="mb-2">Soyad</label>
                                            <input type="text" id="lname" name="lname"
                                                class="py-2 px-3 mb-0 rounded border" value="{{ $user->lname }}" required>
                                            @error('lname')
                                                <span class="invalid-feedback d-block" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-form mb-20">
                                            <label for="telephonep" class="mb-2">Telefon</label>
                                            <input type="text" id="telephonep" name="telephone"
                                                class="py-2 px-3 mb-0 rounded border" oninput="tel('telephonep')"
                                                value="{{ $user->telephone }}" maxlength="14" required>
                                            @error('telephone')
                                                <span class="invalid-feedback d-block" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-form mb-20">
                                            <label for="email" class="mb-2">Email</label>
                                            <input type="text" id="email" name="email"
                                                class="py-2 px-3 mb-0 rounded border" value="{{ $user->email }}" required>
                                            @error('email')
                                                <span class="invalid-feedback d-block" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="col-12">
                                        <div class="single-form mb-20">
                                            <label for="password" class="mb-2">Parola</label>
                                            <input type="password" id="password" name="password"
                                                class="py-2 px-3 mb-0 rounded border">
                                            @error('password')
                                                <span class="invalid-feedback d-block" role="alert">
                                                    <strong>{{ $message }}</strong>
                                                </span>
                                            @enderror
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="single-form mb-20">
                                            <label for="password_confirmation" class="mb-2">Tekrar Parola</label>
                                            <input type="password" id="password_confirmation" name="password_confirmation"
                                                class="py-2 px-3 mb-0 rounded border">

                                        </div>
                                    </div>
                                </div>
                                <button class="main-btn btn-hover" type="submit">Güncelle</button>
                            </div>
                        </form>
                    </div>
                    <div class="col-xl-5">
                        <form action="{{ route('personal.profile.setting') }}" method="POST"
                            enctype="multipart/form-data">
                            @csrf
                            <div class="right-wrapper pt-50">
                                <div class="row">
                                    <div class="col-12">
                                        <label class="mb-2">Profil Resmi</label>
                                        <div class="upload-input mb-20">
                                            <input type="file" id="image" name="image" required
                                                onchange="showSpan()" accept=".jpeg, .jpg, .png">
                                            <label for="image" class="text-center content">
                                                <span class="text p-4">
                                                    @if ($user->image == 'user.png')
                                                        <i class="bi bi-cloud-arrow-up" style="font-size: 10vw"></i>
                                                    @else
                                                        <img class="d-block" src="/storage/site/{{ $user->image }}"
                                                            alt="">
                                                    @endif
                                                </span>
                                            </label>
                                        </div>
                                        @error('image')
                                            <span class="invalid-feedback d-block" role="alert">
                                                <strong>{{ $message }}</strong>
                                            </span>
                                        @enderror
                                    </div>
                                    <span id="image_span" style="display: none">Resim Seçildi , güncellemek için butona
                                        tıklayınız.</span>
                                    <button class="main-btn btn-hover mx-auto mt-15 w-50" type="submit">Değiştir</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--====== DASHBOARD PART END ======-->
@endsection