@extends('layouts.dashboard')
@section('content')

<!-- Content Header (Page header) -->
<div class="content-header">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-6">
                <h1 class="m-0">Pay Slip</h1>
            </div><!-- /.col -->
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="#">Home</a></li>
                    <li class="breadcrumb-item active">Pay Slip</li>
                </ol>
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container-fluid -->
</div>
<!-- /.content-header -->

<section class="container-fluid pb-3">
    <div class="row">
      <div class="col-12">
          <div class="card w-100">
                <div class="card-header p-2">
                    <h4 class="mb-0">Last 3 Months Payslips</h4>
                </div>
                <div class="card-body p-2">
                    <div class="table-responsive">
                        <table class="table table-bordered table-sm m-0 text-center align-middle">
                            <thead>
                                <tr>
                                    <th>Sr No</th>
                                    <th>Name</th>
                                    <th>Email</th>
                                    <th>Month</th>
                                    <th>Payslip</th>
                                </tr>
                            </thead>
                            <tbody>
                                <!-- Employee 1 -->
                                <tr>
                                    <td class="align-middle">1</td>
                                    <td class="align-middle">Nimesh Lad</td>
                                    <td class="align-middle">nimslad1@gmail.com</td>
                                    <td class="align-middle">July 2024</td>
                                    <td class="align-middle pay-action">
                                        <button class="btn btn-sm"><i class="fa fa-eye text-warning"></i></button>
                                        <button class="btn btn-sm"><i class="fa fa-download text-warning"></i></button>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="align-middle">2</td>
                                    <td class="align-middle">Nimesh Lad</td>
                                    <td class="align-middle">nimslad1@gmail.com</td>
                                    <td class="align-middle">August 2024</td>
                                    <td class="align-middle pay-action">
                                        <button class="btn btn-sm"><i class="fa fa-eye text-warning"></i></button>
                                        <button class="btn btn-sm"><i class="fa fa-download text-warning"></i></button>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="align-middle">3</td>
                                    <td class="align-middle">Nimesh Lad</td>
                                    <td class="align-middle">nimslad1@gmail.com</td>
                                    <td class="align-middle">September 2024</td>
                                    <td class="align-middle pay-action">
                                        <button class="btn btn-sm"><i class="fa fa-eye text-warning"></i></button>
                                        <button class="btn btn-sm"><i class="fa fa-download text-warning"></i></button>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
      </div>
    </div>
</section>

@endsection
@push('scripts')

@endpush