@extends('backend.app')
@section("content")
    <div class="content-header row">
        <div class="content-header-left col-md-6 col-12 mb-2 breadcrumb-new">
            <h3 class="content-header-title mb-0 d-block">Haber Düzenle</h3>
            <div class="row breadcrumbs-top d-inline-block">
                <div class="breadcrumb-wrapper col-12">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{url('panel')}}">Anasayfa</a>
                        </li>
                        <li class="breadcrumb-item"><a href="{{url('panel/haberler')}}">Haberler</a>
                        </li>
                        <li class="breadcrumb-item active">Haber Düzenle
                        </li>
                    </ol>
                </div>
            </div>
        </div>
        <div class="content-header-right col-md-6 col-12">
            <div class="dropdown float-md-right">
                <a href="{{url('panel/haberler')}}" class="btn btn-dark round btn-glow px-2">Geri Dön</a>
            </div>
        </div>
    </div>
    <div class="content-body">
        <!-- Row separator layout section start -->
        <section id="row-separator-form-layouts">
            <div class="row">
                <div class="col-md-12">
                    <div class="card">

                        <div class="card-content collapse show">
                            <div class="card-body">
                                <form action="{{route('panel.haberler.haber.duzenle',['id'=>$haber->id])}}" method="post" enctype="multipart/form-data" class="form form-horizontal row-separator">
                                    @csrf
                                    <div class="form-body">
                                        @if ($errors->any())
                                            <div class="alert alert-danger">
                                                @foreach ($errors->all() as $error)
                                                    <p class="mb-0">{{ $error }}</p>
                                                @endforeach
                                            </div>
                                        @endif
                                        <h4 class="form-section"><i class="la la-newspaper-o"></i> Haber Bilgileri</h4>
                                        <div class="form-group row">
                                            <label class="sr-only" for="kategori">Kategori</label>
                                            <div class="col-md-3 pl-0">
                                                <select id="kategori" name="kategori" class="form-control">
                                                    @foreach($kategoriler as $kategori)
                                                        <option value="{{$kategori->id}}" @if($haber->kategori == $kategori->id){{'selected'}}@endif>{{$kategori->baslik}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                            <div class="col-md-3">
                                                <div class='input-group'>
                                                    <input id="tarih" type="text" name="tarih" class="form-control singledate"
                                                           value="{{date('d-m-Y H:i',strtotime($haber->tarih))}}" />
                                                    <div class="input-group-append">
                                                        <span class="input-group-text">
                                                          <span class="la la-calendar"></span>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <select id="kaynak" name="kaynak" class="form-control">
                                                    <option value="0">Kaynak Seçiniz</option>
                                                    @foreach($kaynaklar as $kaynak)
                                                        <option value="{{$kaynak->id}}" @if($haber->kaynak == $kaynak->id){{'selected'}}@endif>{{$kaynak->baslik}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                            <div class="col-md-3">
                                                <select id="editor" name="editor" class="form-control">
                                                    <option value="0" disabled>Editör Seçiniz</option>
                                                    @foreach($editorler as $editor)
                                                        <option @if($haber->editor == $editor->id) {{ 'selected' }} @endif value="{{ $editor->id }}">{{ $editor->name }}</option>
                                                    @endforeach

                                                </select>
                                            </div>

                                        </div>

                                        <div class="row">
                                            <div class="col-md-9">
                                                <div class="form-group row">
                                                    <label class="sr-only" for="baslik">Haber Başlığı</label>
                                                    <div class="col-md-12 pl-0">
                                                        <input type="text" id="baslik" class="form-control" placeholder="Haberin başlığını giriniz." name="baslik" required
                                                               value="{{ $haber->baslik }}">
                                                        <small class="form-text text-muted">60 karakterden uzun olan başlıklar arama sonuçlarından çıkarılır. Arama motorları bu kelimeleri kaydetmezler.</small>
                                                    </div>
                                                </div>

                                                <div class="form-group row">
                                                    <label class="sr-only" for="baslik2">Haber Başlığı 2</label>
                                                    <div class="col-md-12 pl-0">
                                                        <input type="text" id="baslik2" class="form-control" placeholder="2. Haber başlığını giriniz." name="baslik2"
                                                               value="{{ $haber->baslik2 }}">
                                                        <small class="form-text text-muted">Bu başlığı alternatif olarak kullanabilirsiniz. Manşette görünür.</small>
                                                    </div>
                                                </div>


                                                <div class="form-group row">
                                                    <label class="sr-only" for="metadesc">Özet</label>
                                                    <div class="col-md-12 pl-0">
                            <textarea id="metadesc" rows="5" class="form-control" name="metadesc"
                                      placeholder="Haber spot (özet) açıklamasını giriniz.">{{ $haber->metadesc }}</textarea>
                                                        <small class="form-text text-muted">Haber spotunun SEO açısından 160 karakteri geçmemesi önerilir.</small>
                                                    </div>
                                                </div>
                                                <div class="form-group row last">
                                                    <label class="sr-only" for="metakey">Etiketler</label>
                                                    <div class="col-md-12 pl-0">
                                                        <div class="form-group">
                                                            <input type="text" id="metakey" class="form-control" placeholder="Haber etiketleri" name="metakey" value="{{ $haber->metakey }}">
                                                        </div>
                                                        <small class="form-text text-muted">Her kelime arasında virgül koymak yerine kısa arama cümleleri arasında virgül koymak sitenizin arama motorlarında üst sıralarda çıkmasını sağlayacaktır. Anahtar kelimeler seo açısından 250 karakteri geçmemelidir.</small>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <select title="İsterseniz manşet başlığı arka plan rengini seçebilirsiniz." data-toggle="tooltip" data-trigger="hover" data-placement="top" id="renk" name="renk" class="form-control mt-1">
                                                    <option value="0" @if($haber->renk == 0) {{ 'selected' }} @endif>Renk Seçiniz</option>
                                                    <option value="1" @if($haber->renk == 1) {{ 'selected' }} @endif>Kırmızı</option>
                                                    <option value="2" @if($haber->renk == 2) {{ 'selected' }} @endif>Turuncu</option>
                                                    <option value="3" @if($haber->renk == 3) {{ 'selected' }} @endif>Mavi</option>
                                                    <option value="4" @if($haber->renk == 4) {{ 'selected' }} @endif>Mor</option>
                                                    <option value="5" @if($haber->renk == 5) {{ 'selected' }} @endif>Yeşil</option>
                                                    <option value="6" @if($haber->renk == 6) {{ 'selected' }} @endif>Pembe</option>
                                                    <option value="7" @if($haber->renk == 7) {{ 'selected' }} @endif>Siyah</option>
                                                </select>
                                                <select title="İsterseniz haberin gerçekleştiği şehiri seçebilirsiniz." data-toggle="tooltip" data-trigger="hover" data-placement="top" id="sehir" name="sehir" class="form-control mt-1">
                                                    <option value="0">Şehir Seçiniz</option>
                                                    @foreach($sehirler as $sehir)
                                                        <option value="{{$sehir->id}}" @if($sehir->id == $haber->sehir) {{ 'selected' }} @endif>{{$sehir->il_adi}}</option>
                                                    @endforeach
                                                </select>

                                                <div class="card mt-1" style="background-color: #f7f7f7">
                                                    <div class="card-content">
                                                        <div class="card-body">
                                                            <h4 class="card-title danger">Haber Konumu</h4>
                                                            <fieldset>
                                                                <div class="custom-control custom-checkbox">
                                                                    <input type="checkbox" class="custom-control-input" name="anamanset" id="anamanset"
                                                                    @if(1 == $haber->anamanset) {{ 'checked' }} @endif>
                                                                    <label class="custom-control-label" for="anamanset">Ana Manşet</label>
                                                                </div>
                                                            </fieldset>
                                                            <fieldset style="padding-top: 7px">
                                                                <div class="custom-control custom-checkbox">
                                                                    <input type="checkbox" class="custom-control-input" name="spot" id="spot"
                                                                    @if(1 == $haber->spot) {{ 'checked' }} @endif>
                                                                    <label class="custom-control-label" for="spot">Spot (sürmanşet)</label>
                                                                </div>
                                                            </fieldset>
                                                            <fieldset style="padding-top: 7px">
                                                                <div class="custom-control custom-checkbox">
                                                                    <input type="checkbox" class="custom-control-input" name="yataymanset" id="yataymanset"
                                                                    @if(1 == $haber->yataymanset) {{ 'checked' }} @endif>
                                                                    <label class="custom-control-label" for="yataymanset">Büyük Manşet</label>
                                                                </div>
                                                            </fieldset>
                                                            <fieldset style="padding-top: 7px">
                                                                <div class="custom-control custom-checkbox">
                                                                    <input type="checkbox" class="custom-control-input" name="sondakika" id="sondakika"
                                                                    @if(1 == $haber->sondakika) {{ 'checked' }} @endif>
                                                                    <label class="custom-control-label" for="sondakika">Son Dakika</label>
                                                                </div>
                                                            </fieldset>
                                                            <fieldset style="padding-top: 7px">
                                                                <div class="custom-control custom-checkbox">
                                                                    <input type="checkbox" class="custom-control-input" name="flashaber" id="flashaber"
                                                                    @if(1 == $haber->flashaber) {{ 'checked' }} @endif>
                                                                    <label class="custom-control-label" for="flashaber">Editörün Seçimi</label>
                                                                </div>
                                                            </fieldset>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="form-group row">
                                            <label class="sr-only" for="detay">Detay</label>
                                            <div class="col-md-12 pl-0">
                                                <textarea id="detay" rows="5" class="form-control" name="detay">{{ $haber->detay }}</textarea>
                                            </div>
                                        </div>
                                        <div class="form-group row">
                                            <div class="col-md-8 pl-0">
                                                <div class="d-block">
                                                    <div class="form-group row skin skin-flat border-0">
                                                        <label class="col-md-3 label-control text-left pl-0 pt-1 font-weight-bold">Haber Fotosu:</label>
                                                        <div class="col-md-9">
                                                            <div class="d-inline-block custom-control custom-radio mr-1">
                                                                <input type="radio" class="custom-control-input" name="normal_boyutlandirma" id="otomatik_boyut_manset" onclick="changeFunc(1)" value="1"
                                                                @if(1 == $haber->normal_boyutlandirma) {{ 'checked' }} @endif>
                                                                <label class="custom-control-label" for="otomatik_boyut_manset">Otomatik Boyut (640-{{$ayarlar->mansety}}px)</label>
                                                            </div>
                                                            <div class="d-inline-block custom-control custom-radio mr-1">
                                                                <input type="radio" class="custom-control-input" name="normal_boyutlandirma" id="manuel_boyut_manset" onclick="changeFunc(2)" value="2"
                                                                @if(2 == $haber->normal_boyutlandirma) {{ 'checked' }} @endif>
                                                                <label class="custom-control-label" for="manuel_boyut_manset">Manuel Boyut (Kırpma)</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-md-12 pl-0" id="resim_boyutlandirma_manset_oto" style="@if(1 == $haber->normal_boyutlandirma) {{ 'display:block' }} @else {{ 'display:none' }} @endif">
                                                    <label for="input-file-normal" class="sr-only">Otomatik</label>
                                                    <input type="file" name="resim" class="dropify" data-height="{{$ayarlar->mansety}}" data-width="640"
                                                           @if(1 == $haber->normal_boyutlandirma) data-default-file="{{url('images/haberler/'.$haber->resim)}}" @endif/>
                                                </div>
                                                <div class="col-md-12 pl-0 pt-1" id="resim_boyutlandirma_manset_manuel" style="@if(2 == $haber->normal_boyutlandirma) {{ 'display:block' }} @else {{ 'display:none' }} @endif">
                                                    <button data-toggle="tooltip" title="Haber fotusu yükle" type="button" class="btn btn-icon btn-sm btn-primary select-image-btn">
                                                        <i class="la la-upload"></i> Foto Yükle</button>
                                                    <span style="display: none" class="btn btn-icon btn-sm btn-success ml-1 export1"><i class="la la-save"></i> Kaydet</span>
                                                    <div id="image-cropper" class="mt-1">
                                                        <div class="cropit-preview"></div>
                                                        <div class="mt-1 text-center">
                                                            <span class="la la-search-minus"></span>
                                                            <input type="range" class="cropit-image-zoom-input custom" />
                                                            <span class="la la-search-plus"></span>
                                                        </div>
                                                        <input type="file" class="cropit-image-input hidden" />
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label class="sr-only" for="embed">Haber Video</label>
                                                    <div class="col-md-12 pl-0">
                                                        <textarea id="embed" rows="3" class="form-control" name="embed" placeholder="Haber video kodu">{{$haber->embed}}</textarea>
                                                        <small class="form-text text-muted">Video'nun embed veya iframe kodunu yazın.</small>
                                                    </div>
                                                </div>
                                                <div class="form-group row">
                                                    <label class="sr-only" for="iliskilihaber">İlişkili Haber</label>
                                                    <div class="col-md-12 pl-0">
                                                        <select id="iliskilihaber" class="select-remote-data form-control" multiple="multiple" name="iliskilihaber[]">
                                                            @if($iliskiliHaberler)
                                                                @foreach($iliskiliHaberler as $key => $iliskiliHaber)
                                                                    <option value="{{$key}}" selected>{{$iliskiliHaber}}</option>
                                                                @endforeach
                                                            @endif
                                                        </select>
                                                        <small class="form-text text-danger">Eğer ilişkili haber varsa bu bölüme girebilirsiniz. Sadece başlık ile aratabilirsiniz.</small>
                                                    </div>
                                                </div>

                                            </div>

                                            <div class="col-md-4">
                                                <div class="card mt-1" style="background-color: #f7f7f7">
                                                    <div class="card-content">
                                                        <div class="card-body">
                                                            <h4 class="card-title danger mb-1">Haber Seçenekleri</h4>
                                                            <fieldset>
                                                                <div class="custom-control custom-checkbox">
                                                                    <input type="checkbox" class="custom-control-input" name="yorum" id="yorum"
                                                                    @if(1 == $haber->yorum) {{ 'checked' }} @endif>
                                                                    <label class="custom-control-label" for="yorum">Yorumlara Açık</label>
                                                                </div>
                                                            </fieldset>
                                                            <fieldset style="padding-top: 7px">
                                                                <div class="custom-control custom-checkbox">
                                                                    <input type="checkbox" class="custom-control-input" name="durum" id="durum"
                                                                    @if(1 == $haber->durum) {{ 'checked' }} @endif>
                                                                    <label class="custom-control-label" for="durum">Aktif</label>
                                                                </div>
                                                            </fieldset>
                                                            <fieldset style="padding-top: 7px">
                                                                <div class="custom-control custom-checkbox">
                                                                    <input type="checkbox" class="custom-control-input" name="mansetbaslik" id="mansetbaslik"
                                                                    @if(1 == $haber->mansetbaslik) {{ 'checked' }} @endif>
                                                                    <label class="custom-control-label" for="mansetbaslik">Manşet Başlığı</label>
                                                                </div>
                                                            </fieldset>
                                                            <fieldset style="padding-top: 7px">
                                                                <div class="custom-control custom-checkbox">
                                                                    <input type="checkbox" class="custom-control-input" name="sitemap" id="sitemap"
                                                                    @if(1 == $haber->sitemap) {{ 'checked' }} @endif>
                                                                    <label class="custom-control-label" for="sitemap">Sadece Sitemap</label>
                                                                </div>
                                                            </fieldset>
                                                            <fieldset style="padding-top: 7px">
                                                                <div class="custom-control custom-checkbox">
                                                                    <input type="checkbox" class="custom-control-input" name="ozellink" id="ozellink"
                                                                    @if(1 == $haber->ozellink) {{ 'checked' }} @endif>
                                                                    <label class="custom-control-label" for="ozellink">Özel Link</label>
                                                                </div>
                                                            </fieldset>
                                                        </div>
                                                    </div>
                                                </div>
                                                <input type="text" name="ozelurl" class="form-control" placeholder="Özel linki giriniz." value="{{$haber->ozelurl}}">
                                                <small class="form-text text-muted">Detaya girince nereye yönlenmesini istiyorsanız http://www.site.com formatında link girin.</small>

                                                <label class="sr-only" for="hit">Okunma Sayısı</label>
                                                <input type="number" name="hit" id="hit" class="form-control mt-1" placeholder="Okunma sayısı (hit)" value="{{$haber->hit}}">
                                                <small class="form-text text-muted">Haber okunma (hit) sayısı.</small>
                                                <select title="İsterseniz haberi makale ile ilişkilendirebilirsiniz." data-toggle="tooltip" data-trigger="hover" data-placement="top" id="makale" name="makale" class="form-control mt-1">
                                                    <option value="">İlişkili Makale Seçiniz</option>
                                                    @if($makaleler)
                                                        @foreach($makaleler as $makale)
                                                            <option value="{{$makale->id}}" @if($makale->id == $haber->makale) {{ 'selected' }} @endif>{{$makale->baslik}}</option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                                <select title="İsterseniz haberi foto galeri ile ilişkilendirebilirsiniz." data-toggle="tooltip" data-trigger="hover" data-placement="top" id="galeri" name="galeri" class="form-control mt-1">
                                                    <option value="">İlişkili Foto Galeri Seçiniz</option>
                                                    @if($galeriler)
                                                        @foreach($galeriler as $galeri)
                                                            <option value="{{$galeri->id}}" @if($galeri->id == $haber->galeri) {{ 'selected' }} @endif>{{$galeri->baslik}}</option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                                <select title="İsterseniz haberi video galeri ile ilişkilendirebilirsiniz." data-toggle="tooltip" data-trigger="hover" data-placement="top" id="video" name="video" class="form-control mt-1">
                                                    <option value="">İlişkili Video Galeri Seçiniz</option>
                                                    @if($videolar)
                                                        @foreach($videolar as $video)
                                                            <option value="{{$video->id}}" @if($video->id == $haber->video) {{ 'selected' }} @endif>{{$video->baslik}}</option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                                <select title="İsterseniz haberi anket ile ilişkilendirebilirsiniz." data-toggle="tooltip" data-trigger="hover" data-placement="top" id="anket" name="anket" class="form-control mt-1">
                                                    <option value="">İlişkili Anket Seçiniz</option>
                                                    @if($anketler)
                                                        @foreach($anketler as $anket)
                                                            <option value="{{$anket->id}}" @if($anket->id == $haber->anket) {{ 'selected' }} @endif>{{$anket->question}}</option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                            </div>
                                        </div>
                                        <h4 class="form-section mb-0"><i class="la la-photo"></i> Diğer Manşet Resimleri</h4>

                                        <div class="form-group row">
                                            <div class="col-md-12 pl-0 pt-0">
                                                <div class="d-block">
                                                    <div class="form-group row skin skin-flat border-0">
                                                        <label class="col-md-3 label-control text-left pl-0 pt-1 font-weight-bold">Büyük Manşet Fotosu:</label>
                                                        <div class="col-md-9">
                                                            <div class="d-inline-block custom-control custom-radio mr-1">
                                                                <input type="radio" class="custom-control-input" name="yataymanset_boyutlandirma" id="otomatik_boyut_yatay" onclick="changeFunc(5)" value="1"
                                                                @if(1 == $haber->yataymanset_boyutlandirma) {{ 'checked' }} @endif>
                                                                <label class="custom-control-label" for="otomatik_boyut_yatay">Otomatik Boyut (970-{{$ayarlar->yataymansety}}px)</label>
                                                            </div>
                                                            <div class="d-inline-block custom-control custom-radio mr-1">
                                                                <input type="radio" class="custom-control-input" name="yataymanset_boyutlandirma" id="manuel_boyut_yatay" onclick="changeFunc(6)" value="2"
                                                                @if(2 == $haber->yataymanset_boyutlandirma) {{ 'checked' }} @endif>
                                                                <label class="custom-control-label" for="manuel_boyut_yatay">Manuel Boyut (Kırpma)</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>

                                                <div class="col-md-12 pl-0" id="resim_boyutlandirma_yataymanset_oto" style="@if(1 == $haber->yataymanset_boyutlandirma) {{ 'display:block' }} @else {{ 'display:none' }} @endif">
                                                    <label for="input-file-normal" class="sr-only">Otomatik</label>
                                                    <input type="file" name="yatayresim" class="dropify" data-height="{{$ayarlar->yataymansety}}" data-width="970"
                                                           @if(1 == $haber->yataymanset_boyutlandirma) data-default-file="{{url('images/haberler/'.$haber->yatayresim)}}" @endif/>
                                                </div>
                                                <div class="col-md-12 pl-0" id="resim_boyutlandirma_yataymanset_manuel" style="@if(2 == $haber->yataymanset_boyutlandirma) {{ 'display:block' }} @else {{ 'display:none' }} @endif">
                                                    <button data-toggle="tooltip" title="Haber fotusu yükle" type="button" class="btn btn-icon btn-sm btn-primary select-image-btn3"><i class="la la-upload"></i> Büyük Manşet Fotosu Yükle</button>
                                                    <span style="display: none" class="btn btn-icon btn-sm btn-success ml-1 export3"><i class="la la-save"></i> Kaydet</span>
                                                    <div id="image-cropper3" class="mt-1">
                                                        <div class="cropit-preview"></div>
                                                        <div class="mt-1 text-center">
                                                            <span class="la la-search-minus"></span>
                                                            <input type="range" class="cropit-image-zoom-input custom" />
                                                            <span class="la la-search-plus"></span>
                                                        </div>
                                                        <input type="file" class="cropit-image-input hidden" />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <input type="hidden" name="resim1" id="resim1" value="">
                                    <input type="hidden" name="resim2" id="resim2" value="">
                                    <input type="hidden" name="resim3" id="resim3" value="">

                                    <div class="form-actions right">
                                        <button type="submit" class="btn btn-success">
                                            <i class="la la-check"></i> Kaydet
                                        </button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </section>
        <!-- // Row separator layout section end -->
    </div>
    @if(1 == $haber->yataymanset_boyutlandirma)
        <input type="hidden" id="yatay" value="">
    @elseif(2 == $haber->yataymanset_boyutlandirma)
        <input type="hidden" id="yatay" value="{{str_replace('&amp;', '&',htmlspecialchars_decode(url('images/haberler/'.$haber->yatayresim)))}}">
    @endif

    @if(1 == $haber->normal_boyutlandirma)
        <input type="hidden" id="normal" value="">
    @elseif(2 == $haber->normal_boyutlandirma)
        <input type="hidden" id="normal" value="{{str_replace('&amp;', '&',htmlspecialchars_decode(url('images/haberler/'.$haber->resim)))}}">
    @endif
@endsection
@push("customJs")
    <script src="{{asset('assets/backend/app-assets/vendors/js/pickers/dateTime/moment-with-locales.min.js')}}"></script>
    <script src="{{asset('assets/backend/app-assets/vendors/js/pickers/daterange/daterangepicker.js')}}" type="text/javascript"></script>
    <script src="{{asset('assets/backend/app-assets/vendors/js/extensions/jquery.cropit.js')}}" type="text/javascript"></script>
    <script src="{{asset('assets/backend/app-assets/vendors/js/dropify/js/dropify.min.js')}}" type="text/javascript"></script>
    <script src="{{asset('assets/backend/app-assets/vendors/js/forms/select/select2.full.min.js')}}"></script>
    <script src="{{asset('assets/backend/app-assets/vendors/js/forms/select/tr.js')}}"></script>
    <script src="{{asset('assets/backend/app-assets/vendors/js/editors/ckeditor/ckeditor.js')}}" type="text/javascript"></script>
    <script>
        $(document).ready(function () {
            CKEDITOR.replace('detay', {
                //allowedContent: true,
                height: '325px',
                extraPlugins: 'forms',
                customConfig: '{{asset('/js/custom.js?v=1.7')}}'
            });
        })
        $('.singledate').daterangepicker({
            singleDatePicker: true,
            showDropdowns: true,
            timePicker: true,
            autoApply : true,
            locale: {
                format: 'DD-MM-YYYY HH:mm',
                firstDay:1,
                separator: " - ",
                applyLabel: "Onayla",
                cancelLabel: "İptal",
                daysOfWeek: ["Paz", "Pzt", "Sal", "Çar", "Per", "Cum", "Cmt"],
                monthNames: ["Ocak", "Şubat", "Mart", "Nisan", "Mayıs", "Haziran", "Temmuz", "Ağustos","Eylül","Ekim","Kasım","Aralık"]
            },
            timePicker24Hour: true
        });
        $('#image-cropper').cropit({
            width: 640,
            height: '{{ $ayarlar->mansety }}',
            smallImage: 'allow',
            maxZoom:2,
            minZoom:'fit',
            //freeMove:true,
            imageState:{
                src: $('#normal').val()
            }
        });
        $('.select-image-btn').click(function() {
            $('.export1').css('display','inline-block');
            $('#image-cropper .cropit-image-input').click();
        });

        $('.select-image-btn2').click(function() {
            $('.export2').css('display','inline-block');
            $('#image-cropper2 .cropit-image-input').click();
        });
        $('#image-cropper3').cropit({
            width: 970,
            height: '{{$ayarlar->yataymansety}}',
            smallImage: 'allow',
            maxZoom:2,
            minZoom:'fit',
            imageState:{
                src: $('#yatay').val()
            }
        });
        $('.select-image-btn3').click(function() {
            $('.export3').css('display','inline-block');
            $('#image-cropper3 .cropit-image-input').click();
        });
        $('.export1').click(function() {
            $('.export1').css('display','none');

            let imageData = $('#image-cropper').cropit('export', {
                type: 'image/jpeg',
                quality: 1
            });
            $("#resim1").val(imageData);

        });
        $('.export2').click(function() {
            $('.export2').css('display','none');
            let imageData = $('#image-cropper2').cropit('export', {
                type: 'image/jpeg',
                quality: 1
            });
            $("#resim2").val(imageData);
        });
        $('.export3').click(function() {
            $('.export3').css('display','none');
            let imageData = $('#image-cropper3').cropit('export', {
                type: 'image/jpeg',
                quality: 1
            });
            $("#resim3").val(imageData);
        });
        function changeFunc(val) {
            if(val == 1){
                $('#resim_boyutlandirma_manset_oto').css('display','inherit');
                $('#resim_boyutlandirma_manset_manuel').css('display','none');
            }else if(val == 2){
                $('#resim_boyutlandirma_manset_manuel').css('display','inherit');
                $('#resim_boyutlandirma_manset_oto').css('display','none');
            }else if(val == 5){
                $('#resim_boyutlandirma_yataymanset_oto').css('display','inherit');
                $('#resim_boyutlandirma_yataymanset_manuel').css('display','none');
            } else if(val == 6){
                $('#resim_boyutlandirma_yataymanset_manuel').css('display','inherit');
                $('#resim_boyutlandirma_yataymanset_oto').css('display','none');
            }
        }
        $('.dropify').dropify({
            messages: {
                'default': 'Haber fotosunu buraya sürükleyin veya tıklayıp yükleyin.',
                'replace': 'Haber fotosunu değiştirmek için buraya sürükleyin veya tıklayıp yükleyin.',
                'remove':  'Sil',
                'error':   'Hata, lütfen tekrar deneyin!'
            }
        });


        var $tagsControl = $(".select-remote-data").select2({
            ajax: {
                url: "/panel/haberler/iliskili-haber-getir",
                headers: {
                    'X-CSRF-TOKEN': '{{csrf_token()}}'
                },
                type: "POST",
                dataType: 'json',
                delay: 250,
                data: function (params) {
                    return {
                        q: params.term,
                        page: params.page
                    };
                },
                processResults: function (data, params) {
                    params.page = params.page || 1;
                    return {
                        results: $.map(data.data, function (item) {
                            return {
                                text: item.baslik,
                                id: item.id
                            }
                        }),
                        pagination: {
                            more: (params.page * 30) < data.total_count
                        }
                    };
                },
                cache: true
            },
            language: "tr",
            placeholder: "İlişkili haber ekleyin..",
            escapeMarkup: function (markup) { return markup; }, // let our custom formatter work
            minimumInputLength: 3,
            // templateResult: formatRepo,
            // templateSelection: formatRepoSelection,

        });
        function formatRepo (repo) {
            if (repo.loading) {
                return repo.text;
            }

            var markup = "<div class='select2-result-repository clearfix'>" +
                "<div class='select2-result-repository__avatar'><img src='/images/haberler/" + repo.resim + "' /></div>" +
                "<div class='select2-result-repository__meta'>" +
                "<div class='select2-result-repository__title'>" + repo.baslik + "</div>";

            if (repo.metadesc) {
                markup += "<div class='select2-result-repository__description'>" + repo.metadesc + "</div>";
            }

            return markup;
        }
        function formatRepoSelection (repo) {
            return repo.baslik;
        }
    </script>
@endpush
@push("customCss")
    <link rel="stylesheet" type="text/css" href="{{asset('assets/backend/app-assets/vendors/css/pickers/daterange/daterangepicker.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('assets/backend/app-assets/vendors/js/dropify/css/dropify.min.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('assets/backend/app-assets/vendors/css/forms/icheck/custom.css')}}">
    <link rel="stylesheet" type="text/css" href="{{asset('assets/backend/app-assets/vendors/css/forms/selects/select2.min.css')}}">
    <style>
        .cropit-preview.cropit-image-loaded .cropit-preview-image-container {
            cursor: move;
        }
        #image-cropper .cropit-preview {
            width: 640px;
            height: {{$ayarlar->mansety}}px;
        }
        #image-cropper3 .cropit-preview {
            width: 970px;
            height: {{$ayarlar->yataymansety}}px;
        }
    </style>
@endpush