@extends('layout.app')
@section('css')
    <style type="text/css">
        .card {
            margin: 10px;
            background-color: #fff;
            border-radius: 10px;
            box-shadow: 0 2px 20px rgb(0 0 0 / 20%);
            overflow: hidden;
            width: 250px !important;
            border: none!important;
            height: 22rem !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-xl-12">
                    <div class="hero-cap hero-cap2">
                        <h2>Employee's Corner</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</span>
                </div>
        <div class="row" style="justify-content: center;">
            @php
                $emps = DB::table('employee_corners')->where('status',1)->get();
            @endphp
                    @forelse ($emps as $emp)
                        <div class="card">
                            <div class="card-header" style="display: flex;justify-content: center;align-items: center;">
                                <a href=""> <img src="{{asset('icons/files.png')}}" alt=""></a>
                            </div>
                            <div class="card-body" style="align-items: center; padding-top:2rem;">
                                <a href="{{route('emp-corner-content',$emp->slug)}}"><h2 style="text-align: center;"><b style="color:#036bb3;">{{$emp->name}}</b></h2></a>
                            </div>
                        </div>
                    @empty
                        <h2 style="display: flex;justify-content: center;font-size: 3rem;"><b style="color:red;">Page Under Construction</b> <h2>
                    @endforelse
                </div>
    </div>
</section>



@endsection