@extends('front.layouts.main')
@section('title')My-leaves @endsection

@section('content')
<main class="dashboard-page">
    <div class="container">
        @if(Session::get('fail_message', false))
        @component('front.components.message')
        {{ Session::get('fail_message') }}
        @endcomponent
        @endif
        @if(Session::get('success'))
        @component('front.components.message')
        {{ Session::get('success') }}
        @endcomponent
        @endif
        <div class="row">
            <div class="col-md-12">
                <div class="d-flex flex-wrap justify-content-between align-items-center mb-3">
                    <div class="">
                        <h2 class="h2 sec-title mb-3">Payslips</h2>
                    </div>
                    <!-- <div class="d-flex">
                        <div class="select btm-arrow without-label mr-3">
                            <select class="form-control">
                                <option hidden="hidden">Select</option>
                                <option selected="">All</option>
                                <option>Option</option>
                                <option>Option</option>
                            </select>
                        </div>
                        <a href="javascript:void(0)" class="btn btn-transparent" data-toggle="modal" data-target="#apply-leave-detail">Export</a>
                    </div> -->
                </div>

                <div class="table-data table-align-start">
                    <div class="table-responsive">
                        @if(count($employee_payslip_details) > 0)
                        <table class="table payroll-table" id="mtcTable">
                            <thead>
                                <tr>
                                    <th>Payslip Month</th>
                                    <th>Payslip Delivery Date</th>
                                    <th>Gross Salary</th>
                                    <th>Net Salary</th>
                                    <th>Download</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($employee_payslip_details as $item)
                                <tr>
                                    <td>{{ date('F Y', strtotime($item->processing_year."-". $item->processing_month . "-01")) }}</td>
                                    <td>{{ $item->payslip_delivery_date }}</td>
                                    <td>{{ $item->gross_salary != null ? number_format($item->gross_salary, 2, '.', ',') : '' }}</td>
                                    <td>{{ $item->net_salary != null ? number_format($item->net_salary, 2, '.', ',') : '' }}</td>
                                    <td class="act-btn"><a href="{{ url('payslip/' . $company_id . '/download-payslip/' . $item->payslip_id) }}" target="_blank" title="Download" class="btn btn-dwnld"><i class="material-icons">get_app</i></a></td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                        @else
                        <div class="alert alert-warning" role="alert">
                            No Record Found
                        </div>
                        @endif
                    </div>
                </div>

            </div>

        </div>
    </div>
</main>
@endsection
@push('pageJs')

<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
</script>
@endpush
@push('pageModals')
@endpush