@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>{{$emp_corner->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">ICMR - Employee's Corner - {{$emp_corner->name}}</span>
                    <!-- <h2 style="text-align: left;">Reaserch Area</h2> -->
                </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%">Notice Title</th>
                                      <th scope="col">Published Date</th>
                                      <th scope="col">View Notice</th>
                                    </tr>
                                  </thead>
                                  <tbody class="tbody-span">
                                    @forelse($datas 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>
@endsection

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