@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">Pop-up İçerik Düzenle</h1>
        <hr>
    </div>

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

        @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">
            @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 = $slayt->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 = $slayt->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="{{$slayt->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 / Detay</label>
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <textarea rows="4" class="ckeditor" style="width:100%" name="detay">{{$slayt->detay}}</textarea>
                </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="link" value="{{$slayt->link}}">
                </div>
            </div>

            <div class="form-group">
                <label for="middle-name" class="control-label col-md-3 col-sm-3 col-xs-12"></label>
                <div class="col-md-6 col-sm-6 col-xs-12">
                    <img src="/uploads/img/slayt/thumb/{{$slayt->resim}}">
                </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">
                </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($slayt->durum==1) checked @endif> Aktif
                    <input type="radio" name="durum" value="0" @if($slayt->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>

    </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>

    <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