@extends('yonetim.yonetim_master')




@section('main')
    <section class="section">
        <div class="section-body">
            <div class="row">
                <div class="col-12 col-md-9 col-lg-9">


                    <div class="card">



                        <form action="{{route('script.veriupdateson',$veriler->id)}}" method="post" enctype="multipart/form-data">
                            @csrf
                            <div class="card-body">
                                <div class="col-lg-12 mx-auto">

                                    <a href="{{route('script.all')}}" class="btn btn-success float-right"><i class="fa fa-backward"></i> Geri Dön</a>
                                    <br>


                                    <p style="cursor: pointer;color: whitesmoke" class="btn btn-danger" id="uyari">Uyarıları Oku <i class="fa fa-arrow-right"></i></p>
                                    <p class="text-danger" id="uyari_metni_1" style="display:none;">*Yüklenilmesi gereken resim boyuyu ortalama 1000px genişlik 600px yükseliğinde olması tavsiye edilir.Hangi resimi yüklerseniz yükleyin otomotik ayarlacağız lakin bu ölçülere yakın olmaz ise basık,geniş,bozuk,yamuk,biçimsiz,şekilsiz,hoş olmayan bir görüntü olacaktır </p>
                                    <p class="text-danger" id="uyari_metni_2" style="display:none;">*Resimin dikdörtgen formatın(Sağdan ve soldan uzun yukarı aşağı kısa ) yakın bir formatta olmaması resmin düzgün şekilde sitede görünmemesine sebep olacaktır bu yüzden 1000px ve 600px ölçülerine yakın bir fotoğraf tercih edilebilir. </p>
                                    <p class="text-danger" id="uyari_metni_2" style="display:none;">*Siteye yüklediğiniz görseller hız optimizasyonu nedeni ile webp formatına otomotk dönüşecektir.  </p>
                                    <p class="text-danger" id="uyari_metni_2" style="display:none;">*Script görselleri  için responsive.ami sitesinden ekleyebilirsiniz </p>
                                    <p class="text-danger" id="uyari_metni_2" style="display:none;">*Eğer bu ölçüler isteğinize uygun değilse veya düzgün görüntülenmediğini basık veya geniş ise(Bu genelde yüklemek istediğiniz dosya ölçülerine  veya tarafamızca seçtiğimiz ölçülerden dolayı) style.css dosyasından ve responsive.css dosyalarından kendiniz düzenleyebilirsiniz.  scriptlistresim,indexscriptresim,scriptresim classlarını satırlarını ayrı ayrı düzenlemeniz gerekmektedir</p>



                                    <div style="margin-bottom: 10px" class="form-group">

                                        <img style="height: 150px" src="{{asset($veriler->resimyol)}}">
                                        <p style="padding: 0;margin: 0">Güncel Resim</p>
                                        <input type="hidden" name="eskiresimyol" value="{{$veriler->resimyol}}">
                                    </div>


                                    <div class="form-group">
                                        <label>Resim Yükle</label>
                                        <input name="resimyol" class="form-control" type="file">

                                    </div>

                                    <div class="form-group">
                                        <label>Resimyol Alt Tagı</label>
                                        <input maxlength="255" name="resimyol_alt" type="text" class="form-control" value="{{$veriler->resimyol_alt}}">
                                    </div>



                                    <div class="form-group">
                                        <label>Script Başlık</label>
                                        <input required maxlength="255" name="baslik" type="text" class="form-control" value="{{$veriler->baslik}}">
                                    </div>

                                    <div class="form-group">
                                        <label>Başlık Slug(Not Burayı güncellemek eski linki geçersiz kılar)</label>
                                        <input required maxlength="255" name="baslik_slug" type="text" class="form-control" value="{{$veriler->baslik_slug}}">
                                    </div>



                                    <div class="form-group">
                                        <label>Demo Linkyol</label>
                                        <input maxlength="255" name="linkyol" type="text" class="form-control" value="{{$veriler->linkyol}}">
                                    </div>

                                    <div class="form-group">
                                        <label>Demo Admin link</label>
                                        <input maxlength="255" name="linkadmin" type="text" class="form-control" value="{{$veriler->linkadmin}}">
                                    </div>


                                    <div class="form-group">
                                        <label>Demo Panel Giriş Kullanıcı Adı veya Mail(Zorunlu Değil)</label>
                                        <input maxlength="255" name="demokulad" type="text" class="form-control" value="{{$veriler->demokulad}}">
                                    </div>

                                    <div class="form-group">
                                        <label>Demo Panel Giriş Şifre(Zorunlu Değil)</label>
                                        <input maxlength="255" name="demosifre" type="text" class="form-control" value="{{$veriler->demosifre}}">
                                    </div>



                                    <div class="form-group">
                                        <label>İçerik</label>
                                        <textarea required name="aciklama" type="text" class="summernote">{{$veriler->aciklama}}</textarea>
                                    </div>


                                    <div class="form-group">
                                        <label>Üstü Çizili Fiyat</label>
                                        <input name="eski_fiyat" type="number" class="form-control" value="{{$veriler->eski_fiyat}}">
                                    </div>

                                    <div class="form-group">
                                        <label>Fiyat</label>
                                        <input required name="fiyat" type="number" class="form-control" value="{{$veriler->fiyat}}">
                                    </div>

                                    <div class="form-group">
                                        <label>Kampanya Tipi</label>
                                        <input maxlength="255" name="kampanya_tipi" type="text" class="form-control" value="{{$veriler->kampanya_tipi}}">
                                    </div>

                                    <div class="form-group">
                                        <label>Script Kategori</label>

                                        <select class="form-control" name="kategori_id">


                                            @foreach($katveri as $kat)
                                                @if($veriler->kategori_id==$kat->id)
                                                    <option selected value="{{$kat->id}}">{{$kat->baslik}}</option>

                                                @else
                                                    <option value="{{$kat->id}}">{{$kat->baslik}}</option>

                                                @endif


                                            @endforeach
                                        </select>
                                    </div>


                                    <div class="form-group">
                                        <label>Yazılım Dili</label>
                                        <input maxlength="255" name="yazilimdili" type="text" class="form-control" value="{{$veriler->yazilimdili}}">
                                    </div>

                                    <div class="form-group">
                                        <label>Description</label>
                                        <textarea style="min-height: 40px !important;" name="description" type="text" class="form-control">{{$veriler->description}}</textarea>
                                    </div>

                                    <div class="form-group">
                                        <label>Keywords</label>
                                        <textarea style="min-height: 40px !important;" name="keywords" type="text" class="form-control">{{$veriler->keywords}}</textarea>
                                    </div>


                                    <div class="form-group">
                                        <label>Sıra Numarası(En küçük listede en önde)</label>
                                        <input maxlength="255" name="sira" type="number" class="form-control" value="{{$veriler->sira}}">
                                    </div>



                                    <div class="form-group">
                                        <label>Durum</label>
                                        <select class="form-control" name="durum">
                                            @if($veriler->durum==1)
                                                <option value="1">Aktif</option>
                                                <option value="0">Pasif</option>
                                            @else
                                                <option value="0">Pasif</option>
                                                <option value="1">Aktif</option>
                                            @endif
                                        </select>
                                    </div>


                                    <div class="card-footer text-right">
                                        <button type="submit" name="genelayarkaydet" class="btn btn-primary">Güncelle</button>
                                    </div>


                                </div>
                            </div>

                        </form>


                    </div>





                </div>

            </div>

        </div>
    </section>
@endsection


@section('jsler')


    <script>
        // Uyarı butonunu seçme
        var uyaributonu = document.getElementById("uyari");
        // Tüm uyarı metinlerini seçme
        var uyari_metinleri = document.querySelectorAll("[id^='uyari_metni_']");

        // Butona tıklandığında çalışacak fonksiyon
        uyaributonu.onclick = function() {
            // Tüm uyarı metinlerini görüntüle veya gizle
            uyari_metinleri.forEach(function(uyari_metni) {
                if (uyari_metni.style.display === "none") {
                    uyari_metni.style.display = "block";
                } else {
                    uyari_metni.style.display = "none";
                }
            });
        }

    </script>
@endsection