@extends('admin.layouts.index')
@section('cssFiles')
    <link rel="stylesheet" href="{{asset('dropify/css/dropify.min.css')}}" />
@endsection
@section('breadcrumb')
    <div class="row">
        <div class="col-12">
            <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                <h4 class="mb-sm-0">Yeni Blog Ekle</h4>
                <div class="page-title-right">
                    <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a href="{{url('cmspanel')}}">Anasayfa</a></li>
                        <li class="breadcrumb-item"><a href="{{url('cmspanel/blogs')}}">Blog</a></li>
                        <li class="breadcrumb-item active">Yeni Blog Ekle</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('content')
    <div class="card">
        <div class="card-header align-items-center d-flex">
            <a href="{{url('cmspanel/blogs')}}" class="btn btn-warning btn-sm bg-gradient waves-effect waves-light">
                <i class="ri-arrow-go-back-fill"></i> Geri Dön
            </a>
        </div>
        <div class="card-body">
            <form action="{{url('cmspanel/blogs/add')}}" method="post" enctype="multipart/form-data">
                {!! csrf_field() !!}
                @if($errors->any())
                    <div class="row mb-3">
                        <div class="col-md-12">
                            <div class="alert alert-danger mb-xl-0" role="alert">
                                @foreach ($errors->all() as $error)
                                    {{ $error }}
                                @endforeach
                            </div>
                        </div>
                    </div>
                @endif

                <div class="row">
                    <div class="col-md-4">
                        <label for="categoryid" class="form-label">Kategoriler *</label>
                        <select class="select2 form-control" name="categoryid" id="categoryid">
                            <option selected disabled>Lütfen Menü Seçiniz</option>
                            @if($categories)
                                @foreach($categories as $category)
                                    <option value="{{$category->id}}">{{$category->title}}</option>
                                @endforeach
                            @endif
                        </select>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="tag" class="form-label"> Etiket</label>
                            <input type="text" class="form-control" id="tag" name="tag" placeholder="Etiket" />
                        </div>
                    </div>
                </div>

                <div class="row mt-3">
                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="images">Resim :</label>
                            <input type="file" name="image" class="dropify" id="image" data-height="150" data-width="200" />
                        </div>
                    </div>
                   <div class="col-md-8">
                       <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label for="text">Başlık  *</label>
                                    <textarea class="form-control" name="title"></textarea>
                                </div>
                            </div>
                       </div>
                       <div class="row">
                           <div class="col-md-12 mt-3">
                               <div class="form-group">
                                   <label for="text">SEO Description</label>
                                   <textarea class="form-control" name="desc"></textarea>
                               </div>
                           </div>
                       </div>
                   </div>
                </div>

                <div class="row mt-3">
                    <div class="col-md-12">
                        <div class="form-group">
                            <label for="editor">İçerik</label>
                            <textarea class="form-control" name="content" id="testmessage"></textarea>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-12">
                        <div class="form-check">
                            <br> <input class="form-check-input" type="checkbox" name="status" id="gridCheck" value="1" checked>
                            <label class="form-check-label" for="gridCheck">
                                Aktif
                            </label>
                        </div>
                    </div>
                </div>

                <div class="mt-4">
                    <button type="submit" class="btn btn-primary w-md">Formu Kaydet ve Kapat</button>
                </div>
            </form>
        </div>
    </div>

@endsection
@section('js')
    <script src="{{asset('dropify/js/dropify.min.js')}}" type="text/javascript"></script>
    <script src="https://cdn.ckeditor.com/4.16.2/full/ckeditor.js"></script>
    <script>
        var dropify = true;

        function showSelect(val){
            if(val == '1'){
                $('.dnone1').show();
                $('.dnone2').hide();
            }else{
                $('.dnone1').hide();
                $('.dnone2').show();
            }
        }

        $('#type').select2();
        $('#menuid').select2();
        $('#categoryid').select2();

        CKEDITOR.replace('testmessage', {
            height: '200px',
            versionCheck: false,
            extraPlugins: 'forms',
            customConfig: '{{asset('assets/ckeditor/custom.js')}}'
        });
    </script>
@endsection