@extends('admin.layouts.app')
@section('page_content')
<div class="content-wrapper">
    <!-- Page Title Header Starts-->
    <div class="row page-title-header">
        <div class="col-12">
            <div class="page-header">
                <h4 class="page-title">Homepage</h4>
                <ul>
                    <li><a href="{{route('admin.cms.news')}}" class="filled_green_btn">Back</a></li> 
                </ul> 
            </div>
        </div>
    </div>
    <!-- Page Title Header Ends-->

    <div class="row">
        <div class="col-md-12 grid-margin">
            <div class="row flex-grow">
            <div class="col-12">
                <div class="card cms_homepage_card">
                    <div class="card-body">
                        <!-- <h4 class="card-title">Slider Section Here</h4> -->
                        <div class="row page-title-header">
                            <div class="col-12">
                                <div class="page-header">
                                    <h4 class="page-title"> {{ (isset($news->id)) ? 'Edit' : 'Add' }} News</h4>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12 grid-margin">
                                @if(isset($news) && isset($news->id))
                                    <form class="forms-sample" method="post" enctype="multipart/form-data" action="{{route('admin.cms.news.update')}}">
                                        @csrf
                                        <input type="hidden" name="id" value="{{$news->id}}">

                                        <div class="form-row">
                                            <div class="form-group col-md-8">
                                                <label for="title">News Title <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control" id="title" name="title" placeholder="News Title" value="{{ $news->title }}" required>
                                            </div>
                                            <div class="form-group col-md-4">
                                                <label for="title">News Published Date <span class="text-danger">*</span></label>
                                                <input type="date" class="form-control" id="published_date" name="published_date" value="{{ $news->published_date }}" required>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <div class="row">
                                                <div class="col-md-10">
                                                    <label for="thumbnail_image">Thumbnail Image </label>
                                                    <div class="custom-file">
                                                        <input type="file" name="thumbnail_image" class="custom-file-input form-control" id="thumbnail_image">
                                                        <label class="custom-file-label" for="thumbnail_image">Choose file</label>
                                                    </div>
                                                </div>
                                                <div class="col-md-2">
                                                    @if(file_exists($news->thumbnail_image))
                                                        <a href="{{asset($news->thumbnail_image)}}" target="_blank"><img src="{{asset($news->thumbnail_image)}}" style="width:100%;"></a>
                                                    @else
                                                        
                                                    @endif
                                                </div>
                                            </div>
                                        </div>

                                        <div class="form-group">
                                            <div class="row">
                                                <div class="col-md-10">
                                                    <label for="banner_image">Banner Image </label>
                                                    <div class="custom-file">
                                                        <input type="file" name="banner_image" class="custom-file-input form-control" id="banner_image">
                                                        <label class="custom-file-label" for="banner_image">Choose file</label>
                                                    </div>
                                                </div>
                                                <div class="col-md-2">
                                                    @if(file_exists($news->banner_image))
                                                        <a href="{{asset($news->banner_image)}}" target="_blank"><img src="{{asset($news->banner_image)}}" style="width:100%;"></a>
                                                    @else
                                                        
                                                    @endif
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="form-group">
                                            <label for="ar_cs_description">Short Description</label>
                                            <textarea type="text" rows="6" class="form-control" name="short_description" id="short_description" placeholder="Short Description..">{{$news->short_description}}</textarea>
                                        </div>

                                        <div class="form-group">
                                            <label for="ar_cs_description">Long Description</label>
                                            <textarea type="text" rows="6" class="form-control" name="long_description" id="long_description" placeholder="Long Description..">{{$news->long_description}}</textarea>
                                        </div>

                                        

                                        <button type="submit" class="btn btn-green btn-rounded mr-2">Update</button>
                                        <!-- <button class="btn btn-light btn-rounded">Cancel</button> -->
                                    </form>
                                @else
                                    <form class="forms-sample" method="post" enctype="multipart/form-data" action="{{route('admin.cms.news.save')}}">
                                        @csrf
                                        <div class="form-row">
                                            <div class="form-group col-md-8">
                                                <label for="title">News Title <span class="text-danger">*</span></label>
                                                <input type="text" class="form-control" id="title" name="title" placeholder="News Title" required>
                                            </div>
                                            <div class="form-group col-md-4">
                                                <label for="title">News Published Date <span class="text-danger">*</span></label>
                                                <input type="date" class="form-control" id="published_date" name="published_date" required>
                                            </div>
                                        </div>


                                        <div class="form-group">
                                            <label for="thumbnail_image">Thumbnail Image <span class="text-danger">*</span></label>
                                            <div class="custom-file">
                                                <input type="file" name="thumbnail_image"  class="custom-file-input form-control" id="thumbnail_image" required>
                                                <label class="custom-file-label" for="thumbnail_image">Choose file</label>
                                            </div>
                                        </div> 


                                        <div class="form-group">
                                            <label for="banner_image">Banner Image <span class="text-danger">*</span></label>
                                            <div class="custom-file">
                                                <input type="file" name="banner_image" class="custom-file-input form-control" id="banner_image" required>
                                                <label class="custom-file-label" for="banner_image">Choose file</label>
                                            </div>
                                        </div>  

                                        <div class="form-group">
                                            <label for="ar_cs_description">Short Description</label>
                                            <textarea type="text" rows="6" class="form-control" name="short_description" id="short_description" placeholder="Short Description.."></textarea>
                                        </div>

                                        <div class="form-group">
                                            <label for="ar_cs_description">Long Description</label>
                                            <textarea type="text" rows="6" class="form-control" name="long_description" id="long_description" placeholder="Long Description.."></textarea>
                                        </div>

                                        <button type="submit" class="btn btn-green btn-rounded mr-2">Save</button>
                                        <!-- <button class="btn btn-light btn-rounded">Cancel</button> -->
                                    </form>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            </div>
        </div>
    </div>
</div>


<script>
    CKEditorChange('short_description','only_biu_options.js');
    CKEditorChange('long_description','default_text_img_options.js');
</script>

@endsection