@extends('admin.layouts.admin')

@section('content')

<div class="">
  <div class="page-title">
    <div class="title_left">
      <h3>News/Notice Management</small></h3>
    </div>
  </div>
  <div class="clearfix"></div>
  <div class="row">
    <div class="col-md-12 col-sm-12 col-xs-12">
      <div class="x_panel">
        <div class="x_title">
          <h2>Edit News/Notice</h2>
          <ul class="nav navbar-right panel_toolbox">
            <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
            </li>
            <li><a class="close-link"><i class="fa fa-times"></i></a>
            </li>
          </ul>
          <div class="clearfix"></div>
        </div>
        <div class="x_content">  
          <div class="row">
            <div class="col-md-12">
                <form class="form-horizontal" action="{{ route('admin.news.store') }}" method="post">
                    {{ csrf_field() }}
                    <div class="form-group {{ $errors->has('title') ? 'has-error' : '' }}">
                        <label class="control-label col-sm-2 required" for="title">Title</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" id="title" name="title" required="required" autocomplete="off" value="{{ old('title') ?? '' }}" />
                            @if($errors->has('title'))
                              <p class="text-danger">{{ $errors->first('title') }}</p>
                            @endif
                        </div>
                    </div>
                    <div class="form-group {{ $errors->has('description') ? 'has-error' : '' }}">
                        <label class="control-label col-sm-2" for="description">Description</label>
                        <div class="col-sm-10">
                          <textarea name="description" rows="10" cols="40" class="form-control tinymce-editor"></textarea>
                          @if($errors->has('description'))
                            <p class="text-danger">{{ $errors->first('description') }}</p>
                          @endif
                        </div>
                    </div>
                    <div class="form-group {{ $errors->has('type') ? 'has-error' : '' }}">
                        <label class="control-label col-sm-2" for="type">Type</label>
                        <div class="col-sm-4">
                            <select required="required" name="type" id="type" class="form-control" required="required">
                              <option value="">Select Type</option>
                              <option value="News">News</option>
                              <option value="Notice">Notice</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group {{ $errors->has('publish_till_date') ? 'has-error' : '' }}">
                        <label class="control-label col-sm-2" for="publish_till_date">Publish Till Date</label>
                        <div class="col-sm-4">
                          <input type="text" class="form-control datepicker" name="publish_till_date" value="{{ old('publish_till_date') ?? '' }}" required="required" />
                        </div>
                    </div>
                    {{ Form::submit('Submit', ['class' => 'btn btn-success btn-sm']) }} 
                </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

@endsection

@section('script')
<script>
  $(function () {
    $('.datepicker').datetimepicker({
      format: 'YYYY-MM-DD'
    });
  });
</script>

<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>  
<script type="text/javascript">
    tinymce.init({
    selector: "textarea",
    plugins: [
    "code ",
    "paste"
    ],
    toolbar: "undo redo | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link code ",
    menubar:false,
    statusbar: false,
    content_style: ".mce-content-body {font-size:15px;font-family:Arial,sans-serif;}",
    height: 200	
    });
</script>
@endsection