@extends('layouts.app')

@section('title', 'News administration')

@section('navbar', View::make('inc.navbar'))

@section('content')
    <h3>News Administration:</h3>
    @if (session('statusE'))
      <div class="alert alert-success">
        {{ session('statusE') }}
      </div>
    @endif
    @if (count($data) > 0)
        <div class="p-0 mt-3 col-lg-6 table-responsive">
            <table class="table table-bordered">
                @foreach ($data as $row)
                    <tr>
                        <td class="align-middle">{{ $row->title }}</td>
                        <td><a href="{{ route('newsEdit', $row->id) }}" class="btn btn-warning">Edit</a></td>
                        <td><a href="{{ route('newsDelete', $row->id) }}" class="btn btn-danger">Delete</a></td>
                    </tr>
                @endforeach
            </table>
        </div>
    @else
        <strong>There are currently no callsigns.</strong>
    @endif

    <h3 class="mt-4">Add Post:</h3>
    @if (session('status'))
      <div class="alert alert-success">
        {{ session('status') }}
      </div>
    @endif
    <form action="{{ route('newsAddForm') }}" method="POST">
        @csrf
        <div class="form-group">
            <label for="title">Title:</label>
            <input type="text" name="title" value="{{ old('title') }}" id="title" class="form-control" required>
            @error('title')
              <div class="alert alert-danger mt-2">{{ $message }}</div>
            @enderror
        </div>

        <div class="form-group">
            <label for="author">Author:</label>
            <input type="text" name="author" value="{{ old('author') }}" id="author" class="form-control">
        </div>

        <div class="form-group">
            <label for="editor">Text:</label>
            <textarea name="text" id="editor" class="form-control">{{ old('text') }}</textarea>
            @error('text')
              <div class="alert alert-danger mt-2">{{ $message }}</div>
            @enderror
        </div>

        <div class="form-group">
            <input type="submit" name="submit" value="Add post" class="btn btn-primary">
        </div>
    </form>
@endsection

@section('scripts')
<script src="https://cdn.ckeditor.com/ckeditor5/23.1.0/classic/ckeditor.js"></script>
<script>
ClassicEditor.create(document.querySelector('#editor'))
    .catch(error => {
        console.error( error );
    });
</script>
@endsection