@extends('layout.app')

@section('css')
   
    <style>
        .card {
            width: 100% !important;

        }
        .list {
            list-style: disc !important;
            margin-left: 19px !important;
        }
    </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->name}}</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<section class="home-blog-area section-padding40">
            <div class="container">
                <div class="section-tittle mb-100">
                    <span class="element_1">{{$type->name}}</span>
                </div>
                <div class="row justify-content-between">
                    <div class="col-xl-12 col-lg-12 col-md-12">
                        <div class="table-responsive">
                            <table class="table table-bordered" id="table">
                                <thead>
                                    <tr>
                                      <th scope="col">Sl. No.</th>
                                      <th scope="col" width="70%">Title</th>
                                      <th scope="col">Published Date</th>
                                      <th scope="col">Download</th>
                                    </tr>
                                  </thead>
                                  <tbody class="tbody-span">
                                    @forelse($contents as$key => $data)
                                        <tr>
                                          <th>{{$key+1}}</th>
                                          <th scope="row">
                                            <p>{{$data->title}} {{$data->description}} @if($data->url) <a href="{{$data->url}}" style="color: blue;">CLick here to visit the link</a> @endif{{-- <img src="{{asset('new_img/new-gif.webp')}}" alt="" width="30" class="ml-3"> --}} </p>
                                          </th>
                                          <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

                                    @endforelse
                                    
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    {{-- <section class="home-blog-area section-padding40">
        <div class="container">
            <div class="section-tittle mb-100">
                <span class="element_1">ICMR Notifications</span>
            </div>
            <div class="row">
                <div class="card">
                    <div class="card-body">
                        <ul>
                            @forelse ($notifications as $data )
                                <li class="list">
                                    <a href="{{route('notification-details',Crypt::encrypt($data->id))}}">
                                        <span class="tag tag-teal">{{$data->title}}</span>
                                        <p>{{$data->description}} <img src="{{asset('new_img/new-gif.webp')}}" alt="" width="30" class="ml-3"></p>
                                    </a>
                                </li>
                            @empty
                                <li>
                                    <p style="display: flex; justify-content:center; color:red; font-weight:600;">No New Notifications</p>
                                </li>
                            @endforelse
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section> --}}
@endsection

@section('js')
    <script type="text/javascript">
        $(document).ready( function(){
            new DataTable('#table');
        });
    </script>
@endsection