@extends('backend.layouts.app')
@section('backend_title', 'Admin Brand List')

@section('backend_content')

    <div class="mt-4 row">
        <div class="col-lg-12 col-12">
            <div class="card">
                <div class="pb-0 card-header">
                    <div class="d-lg-flex">
                        <div>
                            <h5 class="mb-0">Salary Sheet</h5>
                            <p class="mb-0 text-sm">
                            </p>
                        </div>
                        <div class="my-auto mt-4 ms-auto mt-lg-0">
                            <div class="my-auto ms-auto">
                                <a href="{{ route('salary_sheet_Create') }}" class="me-2 mb-0 btn btn-dark">
                                    <i class="fas fa-plus me-1"></i>
                                    Create New Salary Sheet
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            
                <div class="p-0 card-body">
                    <form action="{{ route('salary_sheet') }}" method="GET">
                        <div class="col-lg-3 col-12 d-flex justify-content-start py-3">
                            <div class="col-lg-10 col-8">
                                <div class="ms-2">
                                    <label for="date_from">Select Month</label>
                                    <select id="categoryFilter" class="form-control py-1 w-75" name="month_id">
                                        <option value="All">Select any one</option>
                                        @foreach ($monthList as $item)
                                            <option value="{{ $item->id }}" class="text-xs">{{ $item->month_name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                            <div class="col-lg-2 col-4 d-flex align-items-end">
                                <button type="submit" class="btn btn-primary mb-0 py-1">Filter</button>
                            </div>
                        </div>
                    </form>
                    <div class="table-responsive">
                        <table class="table table-flush" id="products-list">
                            <thead class="thead-light">
                                <tr>
                                    <th class="text-xxs border-top-0 text-uppercase">Sl No.</th>
                                    <th class="text-xxs border-top-0 text-uppercase">Employee Id</th>
                                    <th class="text-xxs border-top-0 text-uppercase">Employee Name</th>
                                    <th class="text-xxs border-top-0 text-uppercase">Salary Month</th>
                                    <th class="text-xxs border-top-0 text-uppercase">Salary</th>
                                    <th class="text-xxs border-top-0 text-uppercase">OT/ Benefit</th>
                                    <th class="text-xxs border-top-0 text-uppercase">Total Deduction</th>
                                    <th class="text-xxs border-top-0 text-uppercase">Net Payable</th>
                                    <th class="text-xxs border-top-0 text-uppercase">Payment</th>
                                    <th class="text-xxs border-top-0 text-uppercase">Status</th>
                                    <th class="text-xxs border-top-0 text-uppercase">Action</th>
                                </tr>
                            </thead>
                            <tbody>
                                @isset($salarySheet)
                                    @forelse ($salarySheet as $index=>$item)
                                        <tr>
                                            <td>
                                                <div class="d-flex align-items-center">
                                                    <p class="mb-0 text-xs font-weight-bold ms-2">{{ $index +1}}</p>
                                                </div>
                                            </td>

                                            <td class="font-weight-bold">
                                                <span class="my-2 text-xs">{{ $item->employees?->employee_id}}</span>
                                            </td>

                                            <td class="font-weight-bold">
                                                <span class="my-2 text-xs">{{ $item->employees?->name}}</span>
                                            </td>

                                            <td class="font-weight-bold">
                                                <span class="my-2 text-xs">{{ $item->month_names?->month_name}}</span>
                                            </td>

                                            <td class="font-weight-bold">
                                                <span class="my-2 text-xs">{{ $item->basic_salary}}</span>
                                            </td>

                                            <td class="font-weight-bold">
                                                <span class="my-2 text-xs">{{ $item->total_ot_benefit}}</span>
                                            </td>

                                            <td class="font-weight-bold">
                                                <span class="my-2 text-xs">{{ $item->total_deduc}}</span>
                                            </td>

                                            <td class="font-weight-bold">
                                                <span class="my-2 text-xs">{{ $item->net_payable}}</span>
                                            </td>

                                            <td class="font-weight-bold">
                                                <span class="my-2 text-xs">{{ $item->net_payment}}</span>
                                            </td>

                                            <td class="text-xs font-weight-bold">
                                                <div class="d-flex align-items-center">
                                                    <button disabled
                                                        class="mb-0 btn btn-icon-only btn-rounded btn-outline-success me-2 btn-sm d-flex align-items-center justify-content-center">
                                                        <i class="fas fa-check" aria-hidden="true"></i>
                                                    </button>
                                                    <span>Paid</span>
                                                </div>
                                            </td>

                                            <td class="text-sm">
                                                <a href="{{ route('individual_salary_Show', $item->id)}}" data-bs-toggle="tooltip"
                                                    data-bs-original-title="Preview product">
                                                    <i class="fa-regular fa-eye fs-5"></i>
                                                </a>
                                                @can('edit division')
                                                    <a href="{{ route('individual_salary_Edit', $item->id)}}" class="mx-3" data-bs-toggle="tooltip"
                                                        data-bs-original-title="Edit product">
                                                        <i class="fa-solid fa-pen-to-square fs-5"></i>
                                                    </a>
                                                @endcan
                                                @can('delete division')
                                                    <a onclick="return confirm('Are you sure Delete?')" href="{{ route('individual_salary_Delete', $item->id)}}"
                                                        data-bs-toggle="tooltip" data-bs-original-title="Delete product">
                                                        <i class="fa-solid fa-trash-can fs-5"></i>
                                                    </a>
                                                @endcan
                                            </td>
                                        </tr>

                                    @empty
                                    @endforelse
                                @endisset
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>


@endsection