@extends('layouts.app')
@section('css')
<link rel="stylesheet" href="assets/plugins/custom/datatables/datatables.bundle.css">
<style>
    .dateText{
        font-weight: bold;
    }
</style>
@endsection
@section('content')
<!--begin::Card-->

<div style="width: 100%;" class="card card-custom">
     <div class="card-header flex-wrap border-0 pt-6 pb-0">
          <div class="" style="color: orange;text-align:center;width:100%;">
               <h1 class="card-label"><p>DATES</p></h1>
          </div>
            @if (session('success'))
                <div class="alert alert-success w-100 text-center"><i class="fa fa-check text-white text-center"></i>&nbsp;{{ session('success') }}</div>
            @endif
            <div class="row">
                <div class="col-md-4">
                    <a  href="{{route('showEmployer','2023-10')}}" class="employerDate dateText">OCTOBER 2023</a>
                </div>
                <div class="col-md-4 ">
                    <a  href="{{route('showEmployer','2023-11')}}" class="employerDate dateText">NOVEMBER 2023</a>
                </div>
                <div class="col-md-4">
                    <a  href="{{route('showEmployer','2023-12')}}" class="employerDate dateText">DECEMBER 2023</a>
                </div>
                <div class="col-md-4">
                    <a  href="{{route('showEmployer','2024-01')}}" class="employerDate dateText">JANUARY 2024</a>
                </div>
                <div class="col-md-4">
                    <a  href="{{route('showEmployer','2024-02')}}" class="employerDate dateText">FEBRUARY 2024</a>
                </div>
                <div class="col-md-4">
                    <a  href="{{route('showEmployer','2024-03')}}" class="employerDate dateText">MARCH 2024</a>
                </div>
                <div class="col-md-4">
                    <a  href="{{route('showEmployer','2024-04')}}" class="employerDate dateText">APRIL 2024</a>
                </div>
                <div class="col-md-4">
                    <a  href="{{route('showEmployer','2024-05')}}" class="employerDate dateText">MAY 2024</a>
                </div>
                <div class="col-md-4">
                    <a  href="{{route('showEmployer','2024-06')}}" class="employerDate dateText">JUNE 2024</a>
                </div>
                <div class="col-md-4">
                    <a  href="{{route('showEmployer','2024-07')}}" class="employerDate dateText">JULY 2024</a>
                </div>
                <div class="col-md-4">
                    <a  href="{{route('showEmployer','2024-08')}}" class="employerDate dateText">AUGUST 2024</a>
                </div>
                <div class="col-md-4">
                    <a  href="{{route('showEmployer','2024-09')}}" class="employerDate dateText">SEPTEMBER 2024</a>
                </div>
                <div class="col-md-4">
                    <a  href="{{route('showEmployer','2024-10')}}" class="employerDate dateText">OCTOBER 2024</a>
                </div>
                <div class="col-md-4">
                    <a  href="{{route('showEmployer','2024-11')}}" class="employerDate dateText">NOVEMBER 2024</a>
                </div>
                <div class="col-md-4">
                    <a  href="{{route('showEmployer','2024-12')}}" class="employerDate dateText">DECEMBER 2024</a>
                </div>
             </div>
               
     </div>
    </div>
<!--end::Card-->
@endsection