@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>Create 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">Add 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">ADD NEWS</div>
            </div>

            <div class="card-body">
              <form action="{{ url('admin/news') }}" method="POST" enctype="multipart/form-data">@csrf
                <div class="row">

                  <div class="col-12 mb-3">
                    <label for="">Thumbnail Image </label>
                    <input type="file" class="form-control" required name="thumbnail" value="{{ old('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="{{ old('multiple_images[]') }}" multiple/>-->
                <!--    @error('multiple_images[]')-->
                <!--        <span class="text-danger">-->
                <!--            {{ $message }}-->
                <!--        </span>-->
                <!--    @enderror-->
                <!--</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="{{ old('youtube_link') }}" />
                    <span class="fst-italic">(When this field is filled the thumbnail image will be replaced by the video in the sinlge page)</span>
                </div>

                <div class="col-12 mb-3">
                    <label for="">Title </label>
                    <input type="text" class="form-control" required name="title" value="{{ old('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="{{ old('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="{{ old('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(old('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(old('post_type') == 'featured' || !old('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 bg-dark">Create News</button>
                </div>

                </div>
            </form>
            </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