@extends('Admin.layout')
<style>
    .line {
        text-decoration: underline;
        text-underline-offset: 2px;
    }
</style>
@section('title', 'Dashboard')
@section('content')
    <h5>Pay Roll</h5>
    <div class="row">
        <div class="col-lg-3 col-sm-6 mb-3">
            <div class="card">
                <div class="card-body pb-1 p-4 d-flex justify-content-between">
                    <div>
                        <h6><b>Payout</b></h6>
                    </div>
                    <div class="card-icon">
                        <span class="badge bg-label-warning rounded p-2">
                            <i class="icon-base ti tabler-receipt"></i>
                        </span>
                    </div>
                </div>
                <div class="row justify-content-end mb-2 mt-0">
                    <div class="col-lg-4 text-end me-2">
                        <a href="{{ route('payment') }}" class="d-block mt-1 line"><b>View</b></a>

                    </div>
                </div>
            </div>
        </div>
       <div class="col-lg-3 col-sm-6 mb-3">
            <div class="card">
                <div class="card-body pb-1 p-4 d-flex justify-content-between">
                    <div>
                        <h6><b>Advanced Salary</b></h6>
                    </div>
                    <div class="card-icon">
                        <span class="badge bg-label-success rounded p-2">
                            <i class="icon-base ti tabler-coin"></i>
                        </span>
                    </div>
                </div>
                <div class="row justify-content-end mb-2 mt-0">
                    <div class="col-lg-4 text-end me-2">
                        <a href="{{ route('advance_salary') }}" class="d-block mt-1 line"><b>View</b></a>

                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection