@extends('backend.layouts.app')

@section('content')
  <section class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1>Edit News</h1>
        </div>
        <div class="col-sm-6">
          <ol class="breadcrumb float-sm-right">
            <li class="breadcrumb-item"><a href="{{ url('admin/news') }}">News</a></li>
            <li class="breadcrumb-item active">Edit News</li>
          </ol>
        </div>
      </div>
    </div>
  </section>

  <section class="content">
    <div class="container-fluid">
      <div class="row">
        <div class="col-12">
          <div class="card">

            <div class="card-header">
              <div class="card-title">EDIT NEWS</div>
            </div>

            <div class="card-body">
              <form action="{{ url('admin/news/' . $blog->id) }}" method="POST" enctype="multipart/form-data">@csrf @method('put')
                <div class="row">
                    <div class="col-12 col-md-8">
                        <div class="card">
                            <div class="card-body">
                                <div class="row">
                
                                    <div class="col-12 mb-3">
                                        <label for="">Thumbnail Image </label>
                                        <input type="file" class="form-control" name="thumbnail" value="{{ $blog->thumbnail }}" />
                                        @error('thumbnail')
                                            <span class="text-danger">
                                                {{ $message }}
                                            </span>
                                        @enderror
                                    </div>
                
                                    <!--<div class="col-12 mb-3">-->
                                    <!--    <label for="">Multiple Images</label> <span><i>(Please add thumbnail image here)</i></span>-->
                                    <!--    <input type="file" class="form-control" name="multiple_images[]" value="{{ $blog->multiple_images }}" multiple/>-->
                                    <!--</div>-->
                
                                    <div class="col-12 mb-3">
                                        <label for="">Embed Youtube Link </label><span><i>(Optional)</i></span>
                                        <input type="text" class="form-control" name="youtube_link" value="{{ $blog->youtube_link }}" />
                                    </div>
                
                                    <div class="col-12 mb-3">
                                        <label for="">Title </label>
                                        <input type="text" class="form-control" required name="title" value="{{ $blog->title }}" />
                                        @error('title')
                                            <span class="text-danger">
                                                {{ $message }}
                                            </span>
                                        @enderror
                                    </div>
                
                                    <div class="col-12 mb-3">
                                        <label for="">Author Name </label>
                                        <input type="text" class="form-control" required name="author" value="{{ $blog->author }}" />
                                        @error('author')
                                            <span class="text-danger">
                                                {{ $message }}
                                            </span>
                                        @enderror
                                    </div>
                
                                    <div class="col-12 mb-3">
                                        <label for="">Description </label>
                                        <textarea type="textarea" rows="3" class="form-control" id="description" required name="description" value="{{ $blog->description }}"></textarea>
                                        @error('description')
                                            <span class="text-danger">
                                                {{ $message }}
                                            </span>
                                        @enderror
                                    </div>

                                    <div class="col-12 mb-3">
                                      <label>Blog Type </label> <span><i>(Leave blank if none of these two)</i></span> <br>
                                      <input type="radio" name="post_type" id="promotional" value="promotional" @if($blog->post_type == 'promotional') @endif>
                                      <label class="fw-normal" for="promotional">Promotional Post</label>
                                      &emsp;
                                      <input type="radio" name="post_type" id="featured" value="featured" @if($blog->post_type == 'featured' || !$blog->post_type) @endif>
                                      <label class="fw-normal" for="featured">Featured News</label>
                                      
                                  
                                      @error('post_type')
                                          <span class="text-danger">
                                              {{ $message }}
                                          </span>
                                      @enderror
                                  </div>
                
                                    <div class="col-12 text-right">
                                        <button type="submit" class="btn btn-success">Edit News</button>
                                    </div>
                                </div>
                        </div>
                        </div>
                    </div>
                </form>
                    <div class="col-12 col-md-4">
                        <div class="card">
                            <div class="card-header">
                                <h5>Current Thumbnail:</h5>
                            </div>
                            <div class="card-body p-2">
                                <img src="{{ asset('uploads/news/'.$blog->thumbnail) }}" alt="Current thumnbnail image" style="max-height: 200px">
                            </div>
                        </div>

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

          </div>
        </div>
      </div>
    </div>
  </section>
@endsection

@section('js')
<script src="https://cdn.ckeditor.com/4.16.0/standard/ckeditor.js"></script>
<script type="text/javascript">
    CKEDITOR.replace('description');
</script>
@endsection