@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">Popup</h3>
                            </div>
                            {{-- <a href="{{ route('news-updates.index') }}" class="btn btn-warning">News & Update</a> --}}

                            <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('newsUpdate.popupUpdate', $newsUpdate->id) }}">
                                @csrf @method('PUT')

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

                                        <div class="col-md-6 mb-3">
                                            <label for="pop_up_header" class="form-label">Pop Up Header</label>
                                            <input type="text" name="pop_up_header"
                                                class="form-control @error('pop_up_header') is-invalid @enderror"
                                                value="{{ old('pop_up_header', $newsUpdate->pop_up_header ?? '') }}">
                                            @error('pop_up_header')
                                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                            @enderror
                                        </div>

                                        <div class="col-md-12 mb-3">
                                            <label for="pop_up_content" class="form-label">Pop Up Content</label>
                                            <textarea id="pop_up_content" name="pop_up_content" cols="30" rows="10"
                                                class="form-control @error('pop_up_content') is-invalid @enderror">{{ old('pop_up_content', $newsUpdate->pop_up_content ?? '') }}</textarea>
                                            @error('pop_up_content')
                                                <span class="invalid-feedback" role="alert">{{ $message }}</span>
                                            @enderror
                                        </div>

                                        <div class="col-md-12 mb-3">
                                            <label for="pop_up_header" class="form-label">Sample</label>
                                            <p>
                                                <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRI9lRck6miglY0SZF_BZ_sK829yiNskgYRUg&s"
                                                    alt="" height="100 px" width="100 px">

                                                <strong>IMAGE-TAG</strong> :-
                                                {{ '<img src="http://localhost/iffi-goa/images/news-update/Akkineni Nagarjuna Rao.jpg" alt="" height="100 px" width="100 px">' }}
                                                <br>
                                                <b>VIDEO-TAG</b> :-
                                                {{ '<video width="400" controls>
                                                                                                        <source src="https://iffigoa.org/images/news-update/nmic%20meet.mp4" type="video/mp4">
                                                                                                            Your browser does not support the video tag.
                                                                                                    </video>' }}
                                            </p>
                                        </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/41.0.0/classic/ckeditor.js"></script>
<script>
    document.addEventListener("DOMContentLoaded", function() {
        ClassicEditor.create(document.querySelector("#pop_up_content"))
            .catch(error => {
                console.error(error);
            });
    });
</script>