@extends('admin.layouts.app')
@section('content')
<script src="//cdn.ckeditor.com/4.14.1/standard/ckeditor.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Dropify/0.2.2/js/dropify.min.js" integrity="sha512-8QFTrG0oeOiyWo/VM9Y8kgxdlCryqhIxVeRpWSezdRRAvarxVtwLnGroJgnVW9/XBRduxO/z1GblzPrMQoeuew==" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Dropify/0.2.2/css/dropify.css" integrity="sha512-In/+MILhf6UMDJU4ZhDL0R0fEpsp4D3Le23m6+ujDWXwl3whwpucJG1PEmI3B07nyJx+875ccs+yX2CqQJUxUw==" crossorigin="anonymous" />
<link href="/assets/node_modules/bootstrap-tagsinput/dist/bootstrap-tagsinput.css" rel="stylesheet" />
<script src="/assets/node_modules/bootstrap-tagsinput/dist/bootstrap-tagsinput.min.js"></script>
<style>
    .bootstrap-tagsinput {
        width: 100% !important;
        height: 38px !important;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #e9ecef;
        border-radius: 0.25rem;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .bootstrap-tagsinput input {
        margin-top: 3px !important;
    }

    .label-info {
        margin-top: 6px !important;
    }
</style>

<div class="row page-titles">
    <div class="col-md-12">
        <h4 class="text-white">YSİİD</h4>
    </div>
    <div class="col-md-6">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="javascript:void(0)">Anasayfa</a></li>
            <li class="breadcrumb-item active"><a href="javascript:void(0)">Şema Listesi</a></li>
            <li class="breadcrumb-item active">Şema Düzenle</li>
        </ol>
    </div>
    <div class="col-md-6 text-right">
        <form class="app-search d-none d-md-block d-lg-block">
            <input type="text" class="form-control" placeholder="Search &amp; enter">
        </form>
    </div>
</div>

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title">Şema Düzenle</h4>
                <h6 class="card-subtitle">Yeni oluşturulan Şemaları menü üzerine eklemek için Panel üzerinden menü
                    düzenleme alanından ekleyebilirsiniz. </h6>
                <hr class="hr">



                <form method="POST" action="{{ route('sema.Editsave', $page->page_id) }}" enctype="multipart/form-data">
                    @csrf
                    <button type=submit onclick="return false;" style="display:none;"></button>
                    <div class="row mt-4">
                        <div class="col-6">
                            <div class="form-group">
                                <label for="title" class="form-label">Şema Başlığı</label>
                                <input value="{{$page->page_title}}" type="text" class="form-control" name="page_title" id="title" placeholder="Bir başlık giriniz...">
                            </div>

                        </div>
                        <div class="col-6">
                            <div class="form-group">
                                <label for="title" class="form-label">Şema Başlığı İngilizce</label>
                                <input value="{{$page->page_title_en}}" type="text" class="form-control" name="page_title_en" id="title_en" placeholder="İngilizce başlık giriniz...">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-6">
                            <div class="form-group">
                                <label for="title" class="form-label">Seo Uyumlu Adres Alanı</label>
                                <input type="text" value="{{$page->page_title_seo}}" class="form-control" name="page_title_seo" id="slug" placeholder="Bu alana girilen değer türkçe karakter boşluk ve - dışında sembol içermemelidir.">
                                <small id="emailHelp" class="form-text text-muted">Buraya girilen adres
                                    https://netelsan.com/sema/[XXX] alanını temsil etmektedir.</small>

                            </div>
                        </div>



                    </div>




                    <div class="row mt-4">
                        <div class="col-6">
                            <div class="form-group">
                                <label for="title" class="form-label">Seo Description</label>
                                <input type="text" class="form-control" maxlength="160" name="page_description" id="slug" value="{{$page->page_description}}" placeholder="">
                                <small id="emailHelp" class="form-text text-muted">Bu alana eklemiş olduğunuz bilgiler
                                    google'ın arama sonuçlarında gözükecektir. 160 karakter ile sınırlıdır.</small>

                            </div>
                        </div>
                        <div class="col-6">
                            <div class="tags-default" style="width:100% !important;">
                                <label for="title" class="form-label">Etiket Ekleyin</label><br>
                                <input type="text" style="width:100% !important;height:40px" value="{{$page->page_keywords}}" name="page_keywords" data-role="tagsinput" placeholder="Etiket Ekleyin" class="form-control" style="display: none;" />
                            </div>
                        </div>
                    </div>







                    <hr>


                    <div class="row mt-4">
                        <div class="col-12">
                            <div class="form-group">
                                <label for="title" class="form-label">Türkçe İçerik</label>
                                <textarea class="ckeditor form-control" name="content">{{$page->content}}</textarea>
                            </div>
                        </div>
                    </div>

                    <div class="row mt-4">
                        <div class="col-12">
                            <div class="form-group">
                                <label for="title" class="form-label">İngilizce İçerik</label>
                                <textarea class="ckeditor form-control" name="content_en">{{$page->content_en}}</textarea>
                            </div>
                        </div>
                    </div>






                    <div class="row">
                        <div class="col-12 text-right">
                            <input type="submit" value="Kaydet" title="Kaydet" class="btn btn-primary">
                        </div>
                    </div>

                </form>



            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    CKEDITOR.plugins.addExternal('BootstrapEditor', '/ckeditor/bootstrap/plugins/BootstrapEditor/plugin.js');

    CKEDITOR.replace('content', {
        filebrowserUploadUrl: "{{ route('ckeditor.image-upload', ['_token' => csrf_token()]) }}",
        filebrowserUploadMethod: 'form',
        allowedContent: true,
        extraPlugins: 'BootstrapEditor',
        apiKey: "EZAODFLT",

        removePlugins: "iframe"
    });
    CKEDITOR.replace('content_en', {
        filebrowserUploadUrl: "{{ route('ckeditor.image-upload', ['_token' => csrf_token()]) }}",
        filebrowserUploadMethod: 'form',
        allowedContent: true,
        extraPlugins: 'BootstrapEditor',
        apiKey: "EZAODFLT",

        removePlugins: "iframe"
    });


    $(document).ready(function() {
        $('.dropify').dropify({
            "messages": {
                'default': 'Bir dosyayı buraya sürükleyip bırakın veya tıklayın',
                'replace': 'Değiştirmek için sürükleyip bırakın veya tıklayın',
                'remove': 'Kaldır',
                'error': 'Hay aksi, yanlış bir şey oldu.'
            },
            "error": {
                'fileSize': 'Dosya boyutu çok büyük).',
                'minWidth': 'Görüntü genişliği çok küçük ).',
                'maxWidth': 'Görüntü genişliği çok büyük ).',
                'minHeight': 'Görüntü yüksekliği çok küçük ).',
                'maxHeight': 'Görüntü yüksekliği çok büyük ).',
                'imageFormat': 'Görüntü formatına izin verilmiyor ).'
            }
        });
        //   $('.dropify-clear').click(function(e){
        //      e.preventDefault();
        //      alert('Remove Hit');
        //   });
    });
</script>
@endsection