@extends('admin.layout.admin')
@section('content')
    <div class="content-page">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0" style="font-size: 2.5rem; color: #333; font-weight: bold;">News Page Details</h1>
                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a href="#" style="color: #666;">News</a></li>
                        <li class="breadcrumb-item active" aria-current="page" style="color: #333; font-weight: bold;">Dashboard</li>
                    </ol>
                </div>
            </div>

            <form action="{{ route('admin.event.update', $event->id) }}" method="POST" enctype="multipart/form-data">
                @csrf
@method('PUT')
                <div class="row">
                    <div class="col-md-12">
                        <h2 style="font-size: 1.8rem; color: #555; font-weight: bold;">News Page Main Section</h2>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="title" style="font-size: 1.2rem; color: #555; font-weight: bold;">News Title</label>
                            <input type="text" class="form-control" name="title" value="{{ $event->title ?? '' }}" placeholder="Enter news title">
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="file" style="font-size: 1.2rem; color: #555; font-weight: bold;">Media</label>
                            <input type="file" class="form-control" name="media">

                            @if ($event && $event->hasMedia('event-media'))
                                @php
                                    $firstMedia = $event->getFirstMedia('event-media');
                                    $mediaType = $firstMedia->mime_type;
                                @endphp

                                @if (str_contains($mediaType, 'image'))
                                    <img src="{{ $firstMedia->getUrl() }}" alt="News Image" style="max-width: 100%; height: 300px; margin-top: 20px">
                                @elseif (str_contains($mediaType, 'video'))
                                    <video controls style="max-width: 100%; height: 300px; margin-top: 20px">
                                        <source src="{{ $firstMedia->getUrl() }}" type="{{ $mediaType }}">
                                        Your browser does not support the video tag.
                                    </video>
                                @endif
                            @else
                                <p>No media available for this event item.</p>
                            @endif
                        </div>
                    </div>




                    <div class="col-md-12">
                        <button type="submit" class="btn btn-primary">Submit</button>
                    </div>
                </div>
            </form>

        </div>
    </div>

@endsection

@section('script')
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

    <script src="{{ asset('admin-assets/js/nicEdit.js') }}"></script>
    <script src="{{ asset('admin-assets/js/load.js') }}"></script>
    <script>
        $(document).ready(function () {
            bkLib.onDomLoaded(function () {
                new nicEditor({ fullPanel: true }).panelInstance('edit_content');
            });
        });
    </script>
@endsection