@extends('layout.app')

@section('css')
<style>
    .card {
        width: 100% !important;
    }
    .list {
        list-style: disc !important;
        margin-left: 19px !important;
    }
    .archive-btn {
        cursor: pointer;
    }
    .archive-notifications {
        display: none;
    }
</style>
@endsection

@section('content')
<div class="slider-area2 section-bg2" data-background="{{asset('new_img/twitter-img/DGs_Visit_RMRCNE.jpg')}}">
    <div class="slider-height2 d-flex align-items-center">
        <div class="container">
            <div class="row">
                <div class="col-sm-12">
                    <div class="hero-cap hero-cap2">
                        <h2>{{$type}}</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<section class="home-blog-area section-padding40">
    <div class="container">
        <div class="section-tittle mb-100" style="display: flex; justify-content: space-between;">
            <span class="element_1">ICMR-RMRC {{$type}}</span>
            <span class="element_1"><a href="#" class="archive-btn">Archives</a></span>
        </div>
        <div class="row justify-content-between">
            <div class="col-xl-12 col-lg-12 col-md-12">
                <div class="table-responsive notifications current-notifications">
                    <table class="table table-bordered" id="table">
                        <thead>
                            <tr>
                                <th scope="col">Sl. No.</th>
                                <th scope="col" width="70%">Notice Title</th>
                                <th scope="col">Published Date</th>
                                <th scope="col">View Notice</th>
                            </tr>
                        </thead>
                        <tbody class="tbody-span">
                            @php
                                $currentDate = now();
                                $currentNotifications = $notifications->filter(function($notification) use ($currentDate) {
                                    return $currentDate->diffInDays($notification->publish_date) <= 35;
                                });
                            @endphp
                            @forelse($currentNotifications as $key => $data)
                                <tr>
                                    <td>{{$loop->iteration}}</td>
                                    <td>
                                        <p>
                                            {{$data->title}} - {{$data->description}} 
                                            @if($data->url) 
                                                <a href="{{$data->url}}" style="color: blue;">Click here to visit the link</a> 
                                            @endif
                                            @if($currentDate->diffInDays($data->publish_date) <= 10)
                                                <img src="{{asset('new_img/new-gif.webp')}}" alt="" width="30" class="ml-3">
                                            @endif
                                        </p>
                                    </td>
                                    <td>{{date('d-m-Y',strtotime($data->publish_date))}}</td>
                                    <td align="center">
                                        <a href="{{$data->pdf_file}}" target="_blank">
                                            <img src="{{asset('icons/pdf.png')}}" alt="">
                                        </a>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td>-</td>
                                    <td>No Current Notifications</td>
                                    <td>-</td>
                                    <td>-</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
                <div class="table-responsive notifications archive-notifications">
                    <table class="table table-bordered" id="archive-table">
                        <thead>
                            <tr>
                                <th scope="col">Sl. No.</th>
                                <th scope="col" width="70%">Notice Title</th>
                                <th scope="col">Published Date</th>
                                <th scope="col">View Notice</th>
                            </tr>
                        </thead>
                        <tbody class="tbody-span">
                            @php
                                $archivedNotifications = $notifications->filter(function($notification) use ($currentDate) {
                                    return $currentDate->diffInDays($notification->publish_date) > 15;
                                });
                            @endphp
                            @forelse($archivedNotifications as $key => $data)
                                <tr>
                                    <td>{{$loop->iteration}}</td>
                                    <td>
                                        <p>
                                            {{$data->title}} - {{$data->description}} 
                                            @if($data->url) 
                                                <a href="{{$data->url}}" style="color: blue;">Click here to visit the link</a> 
                                            @endif
                                        </p>
                                    </td>
                                    <td>{{date('d-m-Y',strtotime($data->publish_date))}}</td>
                                    <td align="center">
                                        <a href="{{$data->pdf_file}}" target="_blank">
                                            <img src="{{asset('icons/pdf.png')}}" alt="">
                                        </a>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td>-</td>
                                    <td>No Archived Notifications</td>
                                    <td>-</td>
                                    <td>-</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection

@section('js')
<script type="text/javascript">
    $(document).ready(function(){
        $('#table').DataTable({
            "language": {
                "emptyTable": "No Current Notifications"
            }
        });
        $('#archive-table').DataTable({
            "language": {
                "emptyTable": "No Archived Notifications"
            }
        });

        $('.archive-btn').click(function(e){
            e.preventDefault();
            $('.current-notifications').toggle();
            $('.archive-notifications').toggle();
            $(this).text(function(i, text){
                return text === "Archives" ? "Current Notifications" : "Archives";
            });
        });
    });
</script>
@endsection