@extends('layouts.personal_core')
@section('profile_title')
    İlan Ver
@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>İlan Ver</h3>
            </div>

            <div class="post-ad-form-wrapper">

                <form action="{{ route('personal.profile.create_ad') }}" 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 value="" disabled>Seçiniz</option>
                                        <option value="product">Ürün İlanı vermek istiyorum</option>
                                        <option 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>
                                        <option value="" disabled>Seçiniz</option>
                                        @foreach ($categories as $category)
                                            <option 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="{{ old('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="{{ old('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" checked>
                                        <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>{{ old('description') }} </textarea>
                                    @error('description')
                                        <span class="invalid-feedback d-block" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                                </div>
                                <div class="single-form">

                                    <div class="upload-input">
                                        <input type="file" id="image" name="images[]" multiple required onchange="showSpan()"  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="https://convertio.co/tr/heic-jpg/" target="_blank"> 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"
                                        class="px-3 py-2 mb-0 border rounded" oninput="tel(id)" maxlength="14"
                                        value="{{ old('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</label>
                                    <select name="city" id="city" class="px-3 py-2 border form-control" required>
                                        <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</label>
                                    <select name="county" id="county" class="px-3 py-2 border form-control" required>
                                        <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" required>{{ old('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">İlan Ekle</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection