@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">Yayın 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" class="form-horizontal form-label-left" enctype="multipart/form-data">
            @csrf
            <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="{{$yayin->baslik}}" required>
                </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 id="aciklama" type="text" class="form-control col-md-7 col-xs-12" name="aciklama" value="{{$yayin->aciklama}}">
                </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">{{$yayin->detay}}</textarea>
                </div>
            </div>

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

                        <img src="/uploads/img/yayin/{{$yayin->resim}}">

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

            <div class="form-group">
                <label for="middle-name" class="control-label col-md-3 col-sm-3 col-xs-12">Kapak Resmi 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">Yüklenmiş PDF</label>
                <div class="col-md-6 col-sm-6 col-xs-12">
                    @if(!empty($yayin->dosya))

                    <a href="/uploads/dosya/yayin/{{$yayin->dosya}}" target="_blank"><img src="/images/pdf-icon.png" height="128" width="128"></a>

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

            <div class="form-group">
                <label for="middle-name" class="control-label col-md-3 col-sm-3 col-xs-12">PDF 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="pdf">
                </div>
            </div>

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

        </form>

        @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