@extends('layouts.company_core')
@section('profile_title')
    Ayarlar
@endsection
@section('extra_js')
    <script src="/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>Ayarlar</h3>
            </div>

            <div class="post-ad-form-wrapper">
                <div class="row">
                    <div class="col-xl-7">
                        <form action="{{ route('company.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="company_name" class="mb-2">Şirket Adı</label>
                                            <input type="text" id="company_name" name="company_name"
                                                class="py-2 px-3 mb-0 rounded border" value="{{ $user->company_name }}"
                                                required>
                                            @error('company_name')
                                                <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="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="city" class="mb-2">İl <b>({{ $user->city }})</b></label>
                                            <select name="city" id="city"
                                                class="py-2 px-3 mb-0 rounded form-control">
                                                <option value="">İl Seçiniz</option>
                                            </select>
                                            @error('city')
                                                <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="county" class="mb-2">İlçe <b>({{ $user->county }})</b></label>
                                            <select name="county" id="county"
                                                class="py-2 px-3 mb-0 rounded form-control">
                                                <option value="">İlçe Seçiniz</option>
                                            </select>
                                            @error('county')
                                                <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="category" class="mb-2">Firma Kategorisi</label>
                                            <select name="category" id="category"
                                                class="py-2 px-3 mb-0 rounded border form-control">
                                                <option value="" disabled>Seçiniz</option>
                                                @foreach ($categories as $category)
                                                    <option @if ($user->category == $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>
                                    <div class="col-12">
                                        <div class="single-form mb-20">
                                            <label for="description" class="mb-2">Açıklama <small>(Firmanızdan kısaca
                                                    bahsedebilirsiniz)</small> </label>
                                            <textarea name="description" id="description" class="form-control" rows="6">{{ $user->description }} </textarea>
                                            @error('description')
                                                <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('company.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
                                        <span id="image_span" style="display: none">Resim Seçildi , güncellemek için
                                            butona
                                            tıklayınız.</span>
                                    </div>

                                    <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