@extends('layouts.personal_core')
@section('profile_title')
    {{ $the_ad->title }} Düzenle
@endsection
@section('extra_css_layouts')
    <script src="{{ asset('assets/js/cities-and-counties.js') }}"></script>
@endsection
@section('dashboard_wrapper')
    <div class="col-xl-9 col-lg-8">
        <div class="post-ad-wrapper box-style">
            <div class="title">
                <h3>Düzenle</h3>
            </div>
            <div class="post-ad-form-wrapper">
                <form action="{{ route('personal.profile.update_ad', ['a_n' => $the_ad->ad_number]) }}" method="POST"
                    enctype="multipart/form-data">
                    @csrf
                    <div class="row">
                        <div class="col-xl-7">
                            <div class="left-wrapper pt-50">
                                <h5 class="mb-25">İlan Bilgileri</h5>
                                <div class="single-form mb-15">
                                    <label for="type" class="mb-1">İlan Tipi</label>
                                    <select name="type" id="type" class="px-3 py-2 border form-control" required>
                                        <option @if ($the_ad->type == 'product') selected @endif value="product">Ürün İlanı
                                            vermek istiyorum</option>
                                        <option @if ($the_ad->type == 'service') selected @endif value="service">Hizmet
                                            İlanı vermek istiyorum</option>
                                    </select>
                                    @error('type')
                                        <span class="invalid-feedback d-block" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="single-form mb-15">
                                    <label for="category" class="mb-1">Kategori</label>
                                    <select name="category" id="category" class="px-3 py-2 border form-control" required>
                                        @foreach ($categories as $category)
                                            <option @if ($the_ad->cat_id == $category->id) selected @endif
                                                value="{{ $category->id }}">{{ $category->title }}</option>
                                        @endforeach
                                    </select>
                                    @error('category')
                                        <span class="invalid-feedback d-block" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="single-form mb-15">
                                    <label for="title" class="mb-1">İlan Başlığı</label>
                                    <input type="text" id="title" name="title"
                                        class="px-3 py-2 mb-0 border rounded" value="{{ $the_ad->title }}" required>
                                    @error('title')
                                        <span class="invalid-feedback d-block" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>

                                <div class="single-form mb-15">
                                    <label for="price" class="mb-1">Fiyat ₺ <small>(Belirtmek istemiyorsanız 0 girebilirsiniz)</small> </label>
                                    <input type="number" id="price" name="price"
                                        class="px-3 py-2 mb-0 border rounded" value="{{ $the_ad->price }}" required>
                                    @error('price')
                                        <span class="invalid-feedback d-block" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="single-form mb-15">
                                    <div class="form-check check-style">
                                        <input class="form-check-input" type="checkbox" value="on" id="notification"
                                            name="notification" @if ($the_ad->not_mobile == 'on') checked @endif>
                                        <label for="notification">Telefon Üzerinden Bildirim Gelsin</label>
                                    </div>
                                    @error('notification')
                                        <span class="invalid-feedback d-block" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="single-form mb-15">
                                    <label for="description" class="mb-1">Açıklama</label>
                                    <textarea name="description" id="description" rows="5" class="px-3 py-2 mb-0 border rounded" required>{{ $the_ad->description }} </textarea>
                                    @error('description')
                                        <span class="invalid-feedback d-block" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="single-form mb-15">

                                    @foreach ($the_ad->adImages as $image)
                                        <img style="width: 80px"
                                            src="/storage/ad_img/{{ $the_ad->ad_number }}/{{ $image->path }}"
                                            alt="">
                                    @endforeach

                                </div>
                                <div class="single-form">
                                    <div class="upload-input">
                                        <input type="file" id="image" name="images[]" onchange="showSpan()" multiple accept="image/png, image/jpeg">
                                        <label for="image" class="text-center content">
                                            <span class="text">
                                                <span class="d-block mb-15">Resimleri Seçmek için Buraya Sürükleyin</span>
                                                <span class="d-block mb-15">Yada</span>
                                                <span class="main-btn btn-hover">Buraya Tıklayın</span>
                                                <span class="d-block">Maksimum yükleme boyutu 10Mb</span>
                                            </span>
                                        </label>
                                    </div>
                                    @error('images')
                                        <span class="invalid-feedback d-block" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                    @error('images.*')
                                        <span class="invalid-feedback d-block" role="alert">
                                            <strong>{{ $message }}</strong>
                                            <span class="text-dark"><a href="#"> Buraya</a> tıklayarak fotoğraflarınızın
                                                formatını değiştirebilirsiniz.</span>
                                        </span>
                                    @enderror
                                    <span id="image_span" style="display: none">Resim seçildi , İşleminize devam edebilirsiniz.</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-5">
                            <div class="right-wrapper pt-50">
                                <h5 class="mb-25">İletişim Bilgileri</h5>

                                <div class="single-form mb-15">
                                    <label for="f-name" class="mb-1">Ad</label>
                                    <input type="text" id="f-name" value="{{ $user->fname }}" readonly
                                        class="px-3 py-2 mb-0 border rounded">
                                </div>
                                <div class="single-form mb-15">
                                    <label for="l-name" class="mb-1">Soyad</label>
                                    <input type="text" id="l-name" value="{{ $user->lname }}" readonly
                                        class="px-3 py-2 mb-0 border rounded">
                                </div>
                                <div class="single-form mb-15">
                                    <label for="telephone" class="mb-1">Telefon</label>
                                    <input type="text" id="telephone" name="telephone" oninput="tel(id)"
                                        maxlength="14" class="px-3 py-2 mb-0 border rounded"
                                        value="{{ $the_ad->telephone }}" required>
                                    @error('telephone')
                                        <span class="invalid-feedback d-block" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="single-form mb-15">
                                    <label for="city" class="mb-1">İl Seçiniz (
                                        <strong>{{ $the_ad->city }}</strong> )</label>
                                    <select name="city" id="city" class="px-3 py-2 border form-control">
                                        <option value="" disabled>İl Seçiniz</option>
                                    </select>
                                    @error('city')
                                        <span class="invalid-feedback d-block" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>

                                <div class="single-form mb-15">
                                    <label for="county" class="mb-1">İlçe Seçiniz (
                                        <strong>{{ $the_ad->county }}</strong> )</label>
                                    <select name="county" id="county" class="px-3 py-2 border form-control">
                                        <option value="" disabled>İlçe Seçiniz</option>
                                    </select>
                                    @error('county')
                                        <span class="invalid-feedback d-block" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="single-form mb-15">
                                    <label for="address" class="mb-1">Adres</label>
                                    <textarea name="address" id="address" class="px-3 py-2 mb-0 border rounded" rows="5">{{ $the_ad->address }} </textarea>

                                </div>

                                <div class="single-form mb-15">
                                    <div class="form-check check-style">
                                        <input class="form-check-input" type="checkbox" value=""
                                            id="flexCheckDefault4" required>
                                        <label for="flexCheckDefault4"><a href="">KVKK </a> ve <a
                                                href="">Gizlilik Politikası Metni</a> 'ni okudum ve onaylıyorum.
                                        </label>
                                    </div>
                                </div>
                                <button class="main-btn btn-hover w-100" type="submit">Güncelle</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>

        </div>
    </div>
@endsection