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

<style>
    /* Scrollbar Track */
.table-responsive::-webkit-scrollbar {
    width: 10px; /* Set the width of the scrollbar */
}

/* Scrollbar Thumb */
.table-responsive::-webkit-scrollbar-thumb {
    background: #888; /* Color of the thumb */
    border-radius: 5px; /* Round the corners of the thumb */
}

/* Scrollbar Track on Hover */
.table-responsive::-webkit-scrollbar-thumb:hover {
    background: #555; /* Change color on hover */
}

/* Scrollbar Track */
.table-responsive::-webkit-scrollbar-track {
    background: #f1f1f1; /* Color of the track */
}

/* Scrollbar Track on Hover */
.table-responsive::-webkit-scrollbar-track:hover {
    background: #ddd; /* Change color on hover */
}
.table-responsive{
    cursor: pointer;
}
</style>
    <!-- Main Content-->
    <div class="main-content side-content pt-0">

        <div class="main-container container-fluid">
            <div class="inner-body">

                <!-- Page Header -->
                <div class="page-header">
                    <div>
                        <h2 class="main-content-title tx-24 mg-b-5">Manage Employee Salary</h2>
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="/">Home</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Employee Salary</li>
                        </ol>
                    </div>
                    <div class="d-flex">

                        <a class="btn ripple btn-success" href="{{route('add.salary')}}"> <i class="fe fe-plus"></i></a>

                    </div>
                </div>


                @if(session('message'))
                <div class="alert alert-success">
                {{ session('message') }}
                 </div>
                @endif

                <div class="row row-sm">
                    <div class="col-lg-12">
                        <div class="card custom-card overflow-hidden">
                            <div class="card-body">
                                <div>
                                    <h6 class="main-content-label mb-1">Set Salary</h6>

                                </div>
                                <div class="table-responsive">
                                    <table class="table table-bordered border-bottom" id="example1">
                                        <thead>
                                            <tr>
                                                <th class="wd-20p">Employee ID</th>
                                                <th class="wd-20p">Name</th>
                                                <th class="wd-25p">Payroll Type</th>
                                                <th class="wd-15p">Base Salary</th>
                                                <th class="wd-20p">Action</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @if(isset($data))
                                            @foreach($data as $d)
                                            <tr>
                                                <td><button class='btn btn-outline-primary'>#{{$d && $d->user? $d->user->employe_id:''}}</button></td>
                                                <td>{{$d && $d->user? $d->user->name:''}}</td>
                                                <td>{{$d ? $d->payroll_type:''}}</td>
                                                <td>{{$d ? $d->base_salary:''}}</td>

                                                <td>
                                                    <div class="d-flex">
                                                        <!-- <a class="btn ripple btn-info" data-bs-target="#scrollingmodal" data-bs-toggle="modal" href="">  <i class="fe fe-edit"></i></a> -->
                                                        <a class="btn ripple btn-warning" href="{{route('viewallsalary', $d?$d->id:'')}}"> <i
                                                                class="fe fe-eye"></i></a>
                                                        <a class="btn ripple btn-info ms-2" href="{{route('edit.salary', $d? $d->id:'')}}"> <i
                                                                class="fe fe-edit "></i></a>
                                                        <a class="btn ripple btn-danger ms-2" href="{{route('delete.salary',$d?$d->id:'')}}"> <i
                                                                class="fe fe-trash"></i></a>
                                                    </div>
                                                </td>
                                            </tr>


                                            @endforeach
                                            @endif
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>






            </div>
        </div>
    </div>
@endsection