@extends('layouts.admin')
@section('page-title')
Edit 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.update',$blog->id) }}" method="POST" enctype="multipart/form-data">
        @csrf   
        @method('PUT')          
        <div class="card-body">         
            <div class="form-group">
                <label for="name">Title</label>
                <input class="form-control" name="title" type="text" value = "{{$blog->title}}" required>
            </div>
            <div class="form-group">
                <label for="description">Description</label>
                <textarea id="description" name="description" rows="4" cols="50" class="form-control">{{$blog->description}}</textarea>
            </div>
            <div class="row">
            <div class="col-md-6"> 
            @if(isset($blog->photo))
            <img src="{{ asset('uploads/images/blogs/'.$blog->photo) }}" alt="" class="img img-thumbnail" width="500px" >
            @endif
            </div> 
                <div class="col-md-6"> 
                    <div class="form-group">
                        <label>Photo</label>
                        <input id="input-id" type="file" name="photo" class="file" data-preview-file-type="text" showUpload = "false" >
                    </div>
                </div>
            </div> 
            <div class="form-group">
                <label>Publish</label>
                <div class="custom-control custom-switch">
                @if($blog->status)
                    <input type="checkbox" class="custom-control-input" id="chkPublish" name="status" value="{{$blog->status}}"  checked>
                    @else  
                    <input type="checkbox" class="custom-control-input" id="chkPublish" name="status" value="{{$blog->status}}">
                    @endif
                    <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" >Update</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