@extends('backend.app')
@section('content')

    <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
        <h1 class="h2">İçerik Düzenle</h1>
        <hr>
    </div>

    <div class="col-md-12">

        @if($message = Session::get('hata'))
            <div class="alert alert-danger" role="alert">
                <p>{{$message}}</p>
            </div>
        @endif

            @if($message = Session::get('basarili'))
                <div class="alert alert-success" role="alert">
                    <p>{{$message}}</p>
                </div>
            @endif


        @if ($errors->any())
            <div class="alert alert-danger">
                <strong> Hata...!</strong> zorunlu alanları giriniz.<br>
                <ul>
                    @foreach($errors as $error)
                        <li>{{$error}}</li>
                    @endforeach
                </ul>
            </div>
        @endif


        <form id="form" name="form" method="post" data-parsley-validate class="form-horizontal form-label-left" enctype="multipart/form-data" onsubmit="return validateForm()">
            @csrf


            @php
            function seciliOption($gecerli_id,$arananId)  {
            $data = $gecerli_id;
            $data = explode(',',$data);
            $key = in_array($arananId , $data);
            if ($key == TRUE) {
            $sonuc = "checked";
            }
            else {
            $sonuc =" ";
            }
            return $sonuc;
            }
            @endphp

            @php $gecerli_id = $icerik->tip; @endphp

            <div class="form-group">
                <label for="middle-name" class="control-label col-md-3 col-sm-3 col-xs-12">Tip</label>
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <input type="radio" name="tip" value="1" checked id="radioB" {{seciliOption($gecerli_id,1)}}> Haber
                    <input type="radio" name="tip" value="2" id="radioB" {{seciliOption($gecerli_id,2)}}> Etkinlik
                    <input type="checkbox" name="basari" value="3" id="chk" class="checkbox_check" {{seciliOption($gecerli_id,3)}}>Başarı
                </div>
            </div>

            <div id="log"></div><!-- başarı kategorileri bu alana geliyor -->

            @php $gecerli_id = $icerik->kampusId; @endphp
            <div class="form-group">
                <label for="middle-name" class="control-label col-md-3 col-sm-3 col-xs-12">Kampüsler</label>
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <div class="row">
                        <div class="col-md-2">
                            <input type="checkbox" id="checkallKampus"> Tüm Kampüsler
                        </div>
                         <div class="col-md-10" id="checkboxesKampus">
                    @foreach($kampusler as $kampus)
                        <input type="checkbox" name="kampusId[]" value="{{$kampus->id}}" {{seciliOption($gecerli_id,$kampus->id)}}> {{$kampus->isim}}
                    @endforeach
                        </div>
                    </div>
                </div>
            </div>

            @php $gecerli_id = $icerik->kademeId; @endphp
            <div class="form-group">
                <label for="middle-name" class="control-label col-md-3 col-sm-3 col-xs-12">Kademeler</label>
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <div class="row">
                        <div class="col-md-2">
                            <input type="checkbox" id="checkallKademe"> Tüm Kademeler
                        </div>
                        <div class="col-md-10" id="checkboxesKademe">
                    @foreach($kademeler as $kademe)
                        <input type="checkbox" name="kademeId[]" value="{{$kademe->id}}" {{seciliOption($gecerli_id,$kademe->id)}}> {{$kademe->isim}}
                    @endforeach
                        </div>
                    </div>
                </div>
            </div>

            <div class="form-group">
                <label for="middle-name" class="control-label col-md-3 col-sm-3 col-xs-12">Başlık</label>
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <input type="text" class="form-control col-md-7 col-xs-12" name="baslik" value="{{$icerik->baslik}}">
                </div>
            </div>

            <div class="form-group">
                <label for="middle-name" class="control-label col-md-3 col-sm-3 col-xs-12">Açıklama / Özet</label>
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <input type="text" class="form-control col-md-7 col-xs-12" name="descreption" value="{{$icerik->descreption}}">
                </div>
            </div>

            <div class="form-group">
                <label for="middle-name" class="control-label col-md-3 col-sm-3 col-xs-12">Detay</label>
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <textarea rows="4" class="ckeditor" style="width:100%" name="detay"  id="editor">{{$icerik->detay}}</textarea>
                </div>
            </div>

            <div class="form-group">
                <label for="middle-name" class="control-label col-md-3 col-sm-3 col-xs-12">Anahtar Kelimeler</label>
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <input type="text" class="form-control col-md-7 col-xs-12" name="keywords" value="{{$icerik->keywords}}">
                </div>
            </div>

            <div class="form-group">
                <label for="middle-name" class="control-label col-md-3 col-sm-3 col-xs-12">Yüklenmiş Resimler</label>
                <div class="col-md-6 col-sm-6 col-xs-12">



                            @if($resimSay>0)
                                <div class="row">
                                @foreach($galeriResimler as $galeri)
                                    <div class="col-md-55">
                                        <div class="thumbnail @if($galeri->anaresim==1)red-border @endif">
                                            <div class="image view view-first">
                                                <img style="width: 100%; display: block;" src="/uploads/img/icerik/thumb/{{$galeri->resim}}" alt="resim">
                                                <div class="mask">
                                                    <p>Resim Düzenle</p>
                                                    <div class="tools tools-bottom">
                                                        <a href="{{route('resimSec',$galeri->id)}}"><i class="fa fa-pencil"></i></a>
                                                        <a href="{{route('resimSil',$galeri->id)}}" onclick="return confirm('Resim Silinecek!!! Eminmisiniz?')"><i class="fa fa-times"></i></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                                </div>
                            @else
                                <img src="/images/not-available.png" alt="resim">
                            @endif
                    </div>
            </div>

            <div class="form-group">
                <label for="middle-name" class="control-label col-md-3 col-sm-3 col-xs-12">Resim Yükle</label>
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <input type="file" class="form-control col-md-7 col-xs-12" name="image[]" multiple>
                </div>
            </div>


            <div class="form-group">
                <label for="middle-name" class="control-label col-md-3 col-sm-3 col-xs-12">Yüklenmiş Video</label>
                <div class="col-md-6 col-sm-6 col-xs-12">
            @if(!empty($icerik->videoUpload))

                    <video width="190" controls>
                        <source src="/uploads/video/{{$icerik->videoUpload}}" type="video/mp4">
                        Your browser does not support HTML5 video.
                    </video>

                @else <img src="/images/not-available-video.png" alt="video">
                    @endif
                </div>
                </div>


            <div class="form-group">
                <label for="middle-name" class="control-label col-md-3 col-sm-3 col-xs-12">Video Yükle</label>
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <input type="file" class="form-control col-md-7 col-xs-12" name="vid" value="{{$icerik->video}}">
                </div>
            </div>

            <div class="form-group">
                <label for="middle-name" class="control-label col-md-3 col-sm-3 col-xs-12">Video Link</label>
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <input type="text" class="form-control col-md-7 col-xs-12" name="videoEmbed" value="{{$icerik->videoEmbed}}">
                </div>
            </div>

            <div class="form-group">
                <label for="middle-name" class="control-label col-md-3 col-sm-3 col-xs-12">Durum</label>
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <input type="radio" name="durum" value="1" @if($icerik->durum==1) checked @endif> Aktif
                    <input type="radio" name="durum" value="0" @if($icerik->durum==0) checked @endif> Pasif
                </div>
            </div>

            <div class="form-group">
                <div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">
                    <button type="submit" class="btn btn-success">Kaydet</button>
                </div>
            </div>

        </form>

            <script type="text/javascript">

                function validateForm(){
                    /*KAMPÜS*/
                    var flagKampus = 0;
                    for (var i = 0; i< 4; i++) {
                        if(document.form["kampusId[]"][i].checked){
                            flagKampus ++;
                        }
                    }
                    if (flagKampus < 1) {
                        alert ("!! KAMPÜS ALANI ZORUNLU - EN AZ BİR KAMPÜS SEÇİLMELİ !!");
                        return false;
                    }
                    /*KADEME*/
                    var flagKademe = 0;
                    for (var i = 0; i< 4; i++) {
                        if(document.form["kademeId[]"][i].checked){
                            flagKademe ++;
                        }
                    }
                    if (flagKademe < 1) {
                        alert ("!! KADEME ALANI ZORUNLU - EN AZ BİR KADEME SEÇİLMELİ !!");
                        return false;
                    }
                    /*BAŞLIK*/
                    if((document.form["baslik"].value).length == 0){
                        alert("!! BAŞLIK ALANI ZORUNLU !!");
                        return false;
                    }
                    /*AÇIKLAMA*/
                    if((document.form["aciklama"].value).length == 0){
                        alert("!! AÇIKLAMA ALANI ZORUNLU !!");
                        return false;
                    }
                    /*RESİM*/
                    if((document.form["image"].value).length == 0){
                        alert("!! RESİM ALANI ZORUNLU !!");
                        return false;
                    }
                }
            </script>

    </div>



@endsection
@section('css')

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

    <script type="text/javascript">
        $(document).ready(function() {
            $('#checkallKampus').click(function() {
                var checked = $(this).prop('checked');
                $('#checkboxesKampus').find('input:checkbox').prop('checked', checked);
            });
            $('#checkallKademe').click(function() {
                var checked = $(this).prop('checked');
                $('#checkboxesKademe').find('input:checkbox').prop('checked', checked);
            });
        })
    </script>


@endsection
@section('js')

    <script src="/js/ckeditor/ckeditor.js" charset="utf-8"></script>
    <script src="/js/ckeditor/config.js"></script>

@php $sel = "selected"; @endphp
    <script>
        $(document).ready(function() {

            $( window ).on( "load", function() {
                var n = $('#chk').is(':checked');
                if(n==true) {

                    $( "#log" ).html('<div class="form-group">'
                        +'<label for="middle-name" class="control-label col-md-3 col-sm-3 col-xs-12">Başarı Kategori</label>'
                        +'<div class="col-md-6 col-sm-6 col-xs-12">'
                        +'<select name="kategoriId" class="form-control col-md-7 col-xs-12">'
                        +'<option value="1" @if($icerik->kategoriId==1) selected @endif>Akademik</option>'
                        +'<option value="2" @if($icerik->kategoriId==2) selected @endif>Değerler Eğitimi</option>'
                        +'<option value="3" @if($icerik->kategoriId==3) selected @endif>Spor</option>'
                        +'<option value="4" @if($icerik->kategoriId==4) selected @endif>Kültür Sanat</option>'
                        +'</select>'
                        +'</div>'
                        +'</div>')

                }
                else {
                    $( "#log" ).empty();
                }

            });

            $('#chk').click(function() {
                var n = $(this).is(':checked');

                if(n==true) {

                    $( "#log" ).html('<div class="form-group">'
                        +'<label for="middle-name" class="control-label col-md-3 col-sm-3 col-xs-12">Başarı Kategori</label>'
                        +'<div class="col-md-6 col-sm-6 col-xs-12">'
                        +'<select name="kategoriId" class="form-control col-md-7 col-xs-12">'
                        +'<option value="1">Akademik</option>'
                        +'<option value="2">Değerler Eğitimi</option>'
                        +'<option value="3">Spor</option>'
                        +'<option value="4">Kültür Sanat</option>'
                        +'</select>'
                        +'</div>'
                        +'</div>')

                }
                else {
                    $( "#log" ).empty();
                }

            });

        });
    </script>

    <script>
        var options = {
            filebrowserImageBrowseUrl: '/laravel-filemanager?type=Images',
            filebrowserImageUploadUrl: '/laravel-filemanager/upload?type=Images&_token=',
            filebrowserBrowseUrl: '/laravel-filemanager?type=Files',
            filebrowserUploadUrl: '/laravel-filemanager/upload?type=Files&_token='
        };
    </script>
    <script>
        CKEDITOR.replace('editor', options);
    </script>
@endsection