@include('auth.header')

<div class="main-content">

    <div class="content">
        <div class="tab-menu">
            <a href="{{ url('news-event') }}" style="display: contents;">
                <div class="tab ">
                    <i class="fas fa-file-invoice"></i> News & Events
                </div>
            </a>

            <a href="{{ url('news-event-list') }}" style="display: contents;">
                <div class="tab active-submenu">
                    <i class="fas fa-search"></i> News & Events List
                </div>
            </a>

        </div>

        <div class="container">
            <h2>NEWS & EVENTS LIST</h2>

            @foreach ($news as $main)
                <div style="border: 2px solid #444; margin-bottom: 25px; padding: 15px;">
                    <h3 style="color: darkblue;">Main Title: {{ $main->title }}</h3>
                    <p>{!! $main->details !!}</p>
                    <a style="width:100%;" class="button green"
                        href="{{ route('news-events.edit', ['id' => $main->id]) }}">Edit</a>
                    <br> <br>
                    <form method="POST" action="{{ route('News.destroy', $main->id) }}"
                        onsubmit="return confirm('Are you sure you want to delete this item?');">
                        @csrf
                        @method('DELETE')
                        <button class="button red" type="submit">Delete</button>
                    </form>

                    @if (isset($subs[$main->id]) && count($subs[$main->id]) > 0)
                        <h4 style="margin-top: 10px;">Sub News:</h4>
                        <ul>
                            @foreach ($subs[$main->id] as $sub)
                                <li>
                                    <strong>{{ $sub->title }}</strong>: {!! $sub->details !!}
                                    <br> <br>
                                    <a style="width:100%;" class="button green"
                                        href="{{ route('news-events2.edit', ['id' => $sub->id]) }}">Edit</a>
                                    <br> <br>
                                    <form method="POST" action="{{ route('subNews.destroy', $sub->id) }}"
                                        onsubmit="return confirm('Are you sure you want to delete this item?');">
                                        @csrf
                                        @method('DELETE')
                                        <button class="button red" type="submit">Delete</button>
                                    </form>
                                </li>
                            @endforeach
                        </ul>
                    @else
                        <p style="color: grey;">No sub-news available.</p>
                    @endif
                </div>
            @endforeach

        </div>

    </div>
</div>

@include('auth.footer')