@extends('layouts.admin')
@section('page-title')
Create New Blog
@endsection
@section('css')
<link rel="stylesheet" href="{{asset('themes/admin/vendor/fileinput/fileinput.min.css')}}">
<style>
    .input-group-append span{
        all: revert  !important;
    }
</style>
@endsection
@section('content')
<div class="card mb-12">
    <form action="{{ route('blogs.store') }}" method="POST" enctype="multipart/form-data">
        @csrf            
        <div class="card-body">         
            <div class="form-group">
                <label for="name">Title</label>
                <input class="form-control" name="title" type="text"  required>
            </div>
            <div class="form-group">
                <label for="description">Description</label>
                <textarea id="description" name="description" rows="4" cols="50" class="form-control"></textarea>
            </div> 
            <div class="form-group">
                <label>Photo</label>
            <input id="input-id" type="file" name="photo" class="file" data-preview-file-type="text" >
            </div> 
            <div class="form-group">
                <label>Publish</label>
                <div class="custom-control custom-switch">
                    <input type="checkbox" class="custom-control-input" id="chkPublish" name="status" value="0">
                    <label class="custom-control-label" for="chkPublish"></label>
                </div>                                
            </div>
        </div>
        <div class="card-footer"> 
            <a href="{{ url('admin/blogs') }}" class="btn btn-secondary">Cancel</a>
            <button type="submit" class="btn btn-primary" >Create</button>
        </div>
    </form>
</div>
@endsection

@push('custom-js-scripts')
<script src="https://cdn.ckeditor.com/4.18.0/standard/ckeditor.js"></script>
<script src="{{asset('themes/admin/vendor/fileinput/fileinput.min.js')}}" ></script>
<script>
    CKEDITOR.replace( 'description' );
    $("#chkFeatured").click(function(){
        if ($("#chkPublish").is(":checked") == true) {
            $('#chkPublish').val('1');
        }
        else{
            $('#chkPublish').val('0');
        }
    });
    $("#input-id").fileinput({'showUpload':false, 'previewFileType':'any'});
</script>
@endpush