@extends('admin.layouts.master')


@section('content')

    <div class="page-body">
        <div class="container-fluid">
            <div class="page-title">
                <div class="row">
                    <div class="col-6">
                        <h4>
                            Genel Ayarlar Formu</h4>
                    </div>
                    <div class="col-6">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="index.html">
                                    <svg class="stroke-icon">
                                        <use href="../assets/svg/icon-sprite.svg#stroke-home"></use>
                                    </svg>
                                </a></li>
                            <li class="breadcrumb-item">Ayarlar</li>
                            <li class="breadcrumb-item active">Genel Ayarlar</li>
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <!-- Container-fluid starts-->
        <div class="container-fluid">
            <div class="row">

                <div class="col-sm-12">
                    <div class="card">
                        <div class="card-body">
                            <ul class="nav nav-tabs nav-tabs-basic mt-12">
                                <li class="nav-item">
                                    <a class="nav-link active" data-bs-toggle="tab" href="#tab1-1">GENEL AYARLAR</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" data-bs-toggle="tab" href="#tab1-2">İLETİŞİM AYARLARI</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" data-bs-toggle="tab" href="#tab1-3">SMTP AYARLARI</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link" data-bs-toggle="tab" href="#tab1-4">SOSYAL MEDYA AYARLARI</a>
                                </li>
                            </ul>
                            @if($errors->any())
                                <div class="alert alert-danger" role="alert">
                                    @foreach($errors->all() as $error)
                                        <p>{{ $error }}</p>
                                    @endforeach
                                </div>
                            @endif

                            @if(session()->has('success'))
                                <div class="alert alert-primary" role="alert">
                                    <p>{{ session('success') }}</p>
                                </div>
                            @endif


                            <div class="card-body custom-input">


                                <form action="{{ route('admin.ayarlar.update', $ayar->id) }}" method="POST" enctype="multipart/form-data">
                                    @csrf
                                    @method('PUT')
                                    <div class="form theme-form">
                                        <div class="tab-content mt-0 mt-md-5">
                                            <div class="tab-pane fade show active" id="tab1-1">
                                                <div class="row">
                                                    <div class="col">
                                                        <div class="mb-3">
                                                            <label>Firma Adı</label>

                                                            <input value="{{ $ayar->baslik ?? '' }}"
                                                                   class="form-control" type="text" name="baslik">


                                                        </div>
                                                    </div>
                                                </div>


                                                <div class="row">
                                                    <div class="col-sm-4">
                                                        <div class="mb-3">
                                                            <label>Site url</label>
                                                            <input value="{{ $ayar->url ?? '' }}" name="url"
                                                                   class="datepicker-here form-control"
                                                                   type="text" data-language="en">
                                                        </div>
                                                    </div>

                                                    <div class="col-sm-4">
                                                        <div class="mb-3">
                                                            <label>Title</label>
                                                            <input value="{{$ayar->title}}" name="title"
                                                                   class="datepicker-here form-control"
                                                                   type="text" data-language="en">
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-4">
                                                        <div class="mb-3">
                                                            <label>Site Açıklama</label>
                                                            <input value="{{$ayar->desc}}" name="desc"
                                                                   class="datepicker-here form-control"
                                                                   type="text" data-language="en">
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-4">
                                                        <div class="mb-3">
                                                            <label>Anahtar Kelimeler</label>
                                                            <input value="{{$ayar->keywords}}" name="keywords"
                                                                   class="datepicker-here form-control"
                                                                   type="text" data-language="en">
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-4">
                                                        <div class="mb-3">
                                                            <label>Footer</label>
                                                            <input value="{{$ayar->footer}}" name="footer"
                                                                   class="datepicker-here form-control"
                                                                   type="text" data-language="en">
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-4">
                                                        <div class="mb-3">
                                                            <label>Site Yazar</label>
                                                            <input value="{{$ayar->author}}" name="author"
                                                                   class="datepicker-here form-control"
                                                                   type="text" data-language="en">
                                                        </div>
                                                    </div>
                                                    <div class="col-sm-4">
                                                        <label class="form-label" for="formFile">Logo</label>
                                                        <input class="form-control" name="logo" id="formFile" type="file">
                                                        @if($ayar && $ayar->logo)
                                                            <img src="{{asset($ayar->logo)}}" alt="Logo" style="max-width: 100px;">
                                                        @endif
                                                        <input type="hidden" name="eski_logo" value="{{ $ayar->logo }}">
                                                    </div>
                                                    <div class="col-sm-4">
                                                        <label class="form-label" for="formFile">Favicon</label>
                                                        <input class="form-control" name="fav" id="formFile" type="file">
                                                        @if($ayar && $ayar->fav)
                                                            <img src="{{ asset($ayar->fav) }}" alt="Favicon" style="max-width: 100px;">
                                                        @endif
                                                        <input type="hidden" name="eski_fav" value="{{ $ayar->fav }}">
                                                    </div>


                                                    <div class="col-sm-4">
                                                        <div class="mb-3">
                                                            @php
                                                                $durum=$ayar->durum ?? '1';
                                                            @endphp
                                                            <label>Durum</label>
                                                            <select name="durum" class="form-select">
                                                                <option selected="" disabled="" value="">Seçiniz</option>
                                                                <option value="1" {{$durum=='1' ? 'selected' : ''}}>AKTİF</option>
                                                                <option value="0" {{$durum=='0' ? 'selected' : ''}} >PASİF</option>
                                                            </select>
                                                        </div>
                                                    </div>


                                                </div>
                                                </div>
                                                <!--/.tab-pane -->
                                                <div class="tab-pane fade " id="tab1-2">
                                                    <div class="row">
                                                        <div class="row">
                                                            <div class="col">
                                                                <div class="mb-3">
                                                                    <label>Adres</label>

                                                                    <input value="{{ $ayar->adres ?? '' }}"
                                                                           class="form-control" type="text" name="adres">


                                                                </div>
                                                            </div>
                                                        </div>



                                                        <div class="row">
                                                            <div class="col-sm-6">
                                                                <div class="mb-3">
                                                                    <label>İl</label>
                                                                    <input value="{{ $ayar->il ?? '' }}" name="il"
                                                                           class="datepicker-here form-control"
                                                                           type="text" data-language="en">
                                                                </div>
                                                            </div>

                                                            <div class="col-sm-6">
                                                                <div class="mb-3">
                                                                    <label>İlçe</label>
                                                                    <input value="{{$ayar->ilce}}" name="ilce"
                                                                           class="datepicker-here form-control"
                                                                           type="text" data-language="en">
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div class="mb-3">
                                                                    <label>Mail</label>
                                                                    <input value="{{$ayar->mail}}" name="mail"
                                                                           class="datepicker-here form-control"
                                                                           type="text" data-language="en">
                                                                </div>
                                                            </div>
                                                            <div class="col-sm-6">
                                                                <div class="mb-3">
                                                                    <label>Telefon</label>
                                                                    <input value="{{$ayar->telefon}}" name="telefon"
                                                                           class="datepicker-here form-control"
                                                                           type="text" data-language="en">
                                                                </div>
                                                            </div>
                                                            <div class="row">
                                                                <div class="col">
                                                                    <div class="mb-3">
                                                                        <label>Harita Kodu</label>
                                                                        <textarea  name="map" class="form-control"
                                                                                   id="exampleFormControlTextarea4" rows="5"> {{$ayar->map}}</textarea>
                                                                    </div>
                                                                </div>
                                                            </div>




                                                        </div>


                                                    </div>

                                                </div>
                                                <!--/.tab-pane -->
                                                <div class="tab-pane fade" id="tab1-3">

                                                    <div class="row">
                                                        <div class="col-sm-6">
                                                            <div class="mb-3">
                                                                <label>Bildirim gönderilecek mail</label>
                                                                <input value="{{ $ayar->smtpbildirim ?? '' }}" name="smtpbildirim"
                                                                       class="datepicker-here form-control"
                                                                       type="text" data-language="en">
                                                            </div>
                                                        </div>

                                                        <div class="col-sm-6">
                                                            <div class="mb-3">
                                                                <label>Mail</label>
                                                                <input value="{{$ayar->smtpmail}}" name="smtpmail"
                                                                       class="datepicker-here form-control"
                                                                       type="text" data-language="en">
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-6">
                                                            <div class="mb-3">
                                                                <label>Mail şifre</label>
                                                                <input value="{{$ayar->smtpsifre}}" name="smtpsifre"
                                                                       class="datepicker-here form-control"
                                                                       type="text" data-language="en">
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-6">
                                                            <div class="mb-3">
                                                                <label>Sunucu</label>
                                                                <input value="{{$ayar->smtpsunucu}}" name="smtpsunucu"
                                                                       class="datepicker-here form-control"
                                                                       type="text" data-language="en">
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-6">
                                                            <div class="mb-3">
                                                                <label>Port</label>
                                                                <input value="{{$ayar->smtpport}}" name="smtpport"
                                                                       class="datepicker-here form-control"
                                                                       type="text" data-language="en">
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-6">
                                                            <div class="mb-3">
                                                                <label>Gönderici</label>
                                                                <input value="{{$ayar->smtpgonderici}}" name="smtpgonderici"
                                                                       class="datepicker-here form-control"
                                                                       type="text" data-language="en">
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-6">
                                                            <div class="mb-3">
                                                                <label>Mail Adı</label>
                                                                <input value="{{$ayar->smtpmailad}}" name="smtpmailad"
                                                                       class="datepicker-here form-control"
                                                                       type="text" data-language="en">
                                                            </div>
                                                        </div>



                                                        <div class="col-sm-6">
                                                            <div class="mb-3">
                                                                @php
                                                                    // Eğer $ayar değişkeni varsa ve içinde smtpdurum özelliği varsa, onun değerini al; yoksa varsayılan değer '1' olsun.
                                                                    $smtpdurum = isset($ayar->smtpdurum) ? $ayar->smtpdurum : '1';
                                                                @endphp
                                                                <label>Durum</label>
                                                                <select name="smtpdurum" class="form-select">
                                                                    <!-- SMTP durumunu kontrol ederek seçenekleri belirle -->
                                                                    <option value="1" {{ $smtpdurum == '1' ? 'selected' : '' }}>SSL</option>
                                                                    <option value="0" {{ $smtpdurum == '0' ? 'selected' : '' }}>TLS</option>
                                                                </select>
                                                            </div>
                                                        </div>



                                                    </div>

                                                </div>


                                                <div class="tab-pane fade" id="tab1-4">


                                                    <div class="row">
                                                        <div class="col-sm-6">
                                                            <div class="mb-3">
                                                                <label>Facebook</label>
                                                                <input value="{{ $ayar->facebook ?? '' }}" name="facebook"
                                                                       class="datepicker-here form-control"
                                                                       type="text" data-language="en">
                                                            </div>
                                                        </div>

                                                        <div class="col-sm-6">
                                                            <div class="mb-3">
                                                                <label>Twitter</label>
                                                                <input value="{{$ayar->twitter}}" name="twitter"
                                                                       class="datepicker-here form-control"
                                                                       type="text" data-language="en">
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-6">
                                                            <div class="mb-3">
                                                                <label>İnstagram</label>
                                                                <input value="{{$ayar->instagram}}" name="instagram"
                                                                       class="datepicker-here form-control"
                                                                       type="text" data-language="en">
                                                            </div>
                                                        </div>
                                                        <div class="col-sm-6">
                                                            <div class="mb-3">
                                                                <label>Youtube</label>
                                                                <input value="{{$ayar->youtube}}" name="youtube"
                                                                       class="datepicker-here form-control"
                                                                       type="text" data-language="en">
                                                            </div>
                                                        </div>









                                                    </div>

                                                </div>

                                                <div class="row">
                                                    <div class="col">
                                                        <div class="text-end">

                                                            <button class="btn btn-success me-3" type="submit"> Kaydet
                                                            </button>

                                                            <a class="btn btn-danger" href="{{route('admin.ayarlar.index')}}">İptal
                                                                Et</a></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                </form>
                                <!--/.tab-pane -->


                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Container-fluid Ends-->
    </div>
    @section('ek_script')
        <script src="{{asset('admin/assets/js/dropzone/dropzone.js')}}"></script>
        <script src="{{asset('admin/assets/js/dropzone/dropzone-script.js')}}"></script>
        <script src="{{asset('admin/assets/js/editors/quill.js')}}"></script>
        <script src="{{asset('admin/assets/js/custom-add-product3.js')}}"></script>
        <script src="{{asset('admin/assets/js/editors/custom-quill.js')}}"></script>

    @endsection

@endsection