@extends('admin.layouts.app')
@section('title',Request()->settings->settings_website.' | Add News')
@section('contents')
<div class="content container-fluid">
    <div class="page-header">
        <div class="row align-items-center">
            <div class="col-md-4">
                <h3 class="page-title">News</h3>
            </div>
            <div class="col-md-8 float-end ms-auto">
                <div class="d-flex title-head">
                    <div class="daterange-picker d-flex align-items-center justify-content-center">
                        <div class="head-icons mb-0">
                            <a href="{{ route('admin.add_news') }}" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Refresh"><i class="ti ti-refresh-dot"></i></a>
                            <a href="javascript:void(0);" data-bs-toggle="tooltip" data-bs-placement="top" data-bs-original-title="Collapse" id="collapse-header"><i class="ti ti-chevrons-up"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="card">
               <div class="card-header">
                  <h5 class="card-title">Add News</h5>
               </div>
               <div class="card-body">
                  <form id="news_form" action="{{ route('admin.add_news') }}" method="post" enctype="multipart/form-data">
                    @csrf
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-wrap">
                                <label class="col-form-label">Category <span class="text-danger">*</span></label>
                                <select name="news_category" class="form-control select2">
                                    <option value="">Select</option>
                                    @foreach($categories as $category)
                                    <option value="{{ $category->category_id }}">{{ $category->category_name }}</option>
                                    @endforeach
                                </select>
                                @if($errors->has('news_category'))
                                <div>{{ $errors->first('news_category') }}</div>
                                @endif
                                <span id="news_category_error"></span>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-wrap">
                                <label class="col-form-label">Date <span class="text-danger">*</span></label>
                                <input type="date" name="news_date" class="form-control" value="{{ old('news_date') }}" autocomplete="off">
                                @if($errors->has('news_date'))
                                <div>{{ $errors->first('news_date') }}</div>
                                @endif
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-wrap">
                                <label class="col-form-label">Title <span class="text-danger">*</span></label>
                                <input type="text" name="news_title" class="form-control" value="{{ old('news_title') }}" autocomplete="off">
                                @if($errors->has('news_title'))
                                <div>{{ $errors->first('news_title') }}</div>
                                @endif
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-wrap">
                                <label class="col-form-label">Description <span class="text-danger">*</span></label>
                                <textarea name="news_details" id="news_details" rows="4" cols="4" class="form-control">{{ old('news_details') }}</textarea>
                                @if($errors->has('news_details'))
                                <div>{{ $errors->first('news_details') }}</div>
                                @endif
                                <span id="news_details_error"></span>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="form-wrap">
                                <label class="col-form-label">Image <span class="text-danger">*</span></label>
                                <div>
                                    <img src="{{ asset(config('constants.admin_path').'img/no_image.jpeg') }}" class="img-thumbnail" id="news_image_src" style="height: 200px" alt="">
                                </div>
                                <input type="file" name="news_image" id="news_image" class="form-control">
                                @if($errors->has('news_image'))
                                <div>{{ $errors->first('news_image') }}</div>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="text-end">
                        <button type="submit" name="submit" class="btn btn-primary" value="submit">Submit</button>
                    </div>
                  </form>
               </div>
            </div>
         </div>
    </div>
</div>
@endsection
@section('custom_script')
<script>
CKEDITOR.replace('news_details', { 
                    mathJaxLib : "https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/latest.js?config=TeX-MML-AM_CHTML",
                    filebrowserUploadUrl: "{{ route('admin.ckeditor_upload', ['_token' => csrf_token() ]) }}",
                    filebrowserUploadMethod: 'form'
                });

news_image.onchange = evt => {
  const [file] = news_image.files
  if (file) {
    news_image_src.src = URL.createObjectURL(file)
  }
}                
</script>
@endsection