@extends('admin.layouts.app')
@section('content')
    <div class="content-wrapper">
        <section class="content">
            <div class="container-fluid">
                <br>
                <div class="row">
                    <div class="col-md-1"></div>
                    <div class="col-md-12">
                        <div class="card card-info">

                            <div class="card-header">
                                <h3 class="card-title">News & Update</h3>
                            </div>

                            <div class="card-tools">
                                @foreach (['success', 'info', 'danger', 'error', 'warning'] as $msg)
                                    @if (Session::has($msg))
                                        <div id="flash-message" class="alert alert-{{ $msg }}" role="alert">
                                            {{ Session::get($msg) }}
                                        </div>
                                    @endif
                                @endforeach
                            </div>

                            <form method="POST" action="{{ route('news-updates.store') }}" enctype="multipart/form-data">
                                @csrf @method('POST')

                                <div class="card-body">
                                    <div class="row">

                                        <div class="form-group col-md-6 mb-3">
                                            <label for="title" class="form-label">Title</label>
                                            <input type="text" class="form-control @error('title') is-invalid @enderror"
                                                id="title" name="title" value="{{ old('title') }}">
                                            @error('title')
                                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                            @enderror
                                        </div>

                                        <div class="form-group col-md-6 mb-3">
                                            <label for="description" class="form-label">Description</label>

                                            <textarea name="description" id="description" cols="10" rows="2"
                                                class="form-control @error('description') is-invalid @enderror">
                                                {{ old('description') }}
                                            </textarea>

                                            @error('description')
                                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                            @enderror
                                        </div>

                                        <div class="form-group col-md-6 mb-3">
                                            <label for="image" class="form-label">Image</label>
                                            <input type="file" class="form-control @error('image') is-invalid @enderror"
                                                id="image" name="image">
                                            <small class="form-text text-muted">Upload an image file (webp).</small>
                                            @error('image')
                                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                            @enderror
                                        </div>

                                        <div class="form-group col-md-6 mb-3">
                                            <label for="image_url" class="form-label">Image URL</label>
                                            <input type="text"
                                                class="form-control @error('image_url') is-invalid @enderror" id="image_url"
                                                name="image_url" value="{{ old('image_url') }}">
                                            @error('image_url')
                                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                            @enderror
                                        </div>

                                        <div class="form-group col-md-6 mb-3">
                                            <label for="link_title" class="form-label">Link Title</label>
                                            <input type="text"
                                                class="form-control @error('link_title') is-invalid @enderror"
                                                id="link_title" name="link_title" value="{{ old('link_title') }}">
                                            @error('link_title')
                                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                            @enderror
                                        </div>

                                        <div class="form-group col-md-6 mb-3">
                                            <label for="link" class="form-label">Link</label>
                                            <input type="text" class="form-control @error('link') is-invalid @enderror"
                                                id="link" name="link" value="{{ old('link') }}">
                                            @error('link')
                                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                            @enderror
                                        </div>

                                        <div class="form-group col-md-6 mb-3">
                                            <label for="sort_num" class="form-label">Sort Num</label>
                                            <input type="number"
                                                class="form-control @error('sort_num') is-invalid @enderror" id="sort_num"
                                                name="sort_num" value="{{ old('sort_num') }}">
                                            @error('sort_num')
                                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                            @enderror
                                        </div>

                                        <div class="form-group col-md-6 mb-3">
                                            <label for="have_popup" class="form-label">Have Popup</label>
                                            <option value="" selected>Select Year</option>
                                            <select class="custom-select @error('have_popup') is-invalid @enderror"
                                                name="have_popup" id="have_popup">
                                                <option value="1">Yes</option>
                                                <option value="0">No</option>
                                            </select>
                                            @error('have_popup')
                                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                            @enderror
                                        </div>

                                    </div>
                                </div>

                                <div class="card-footer">
                                    <button type="submit" class="btn btn-info">Submit</button>
                                    <a href="{{ route('news-updates.index') }}"
                                        class="btn btn-warning float-right">Reset</a>
                                </div>
                            </form>

                        </div>
                    </div>
                    <div class="col-md-1"></div>
                </div>
            </div>
        </section>
    </div>
@endsection

<script src="https://cdn.ckeditor.com/ckeditor5/39.0.1/classic/ckeditor.js"></script>
<script>
    document.addEventListener('DOMContentLoaded', function() {
        ClassicEditor
            .create(document.querySelector('#description'))
            .catch(error => {
                console.error(error);
            });
    });
</script>