@extends('admin.layout.master')
@section('content')
    <style>
        label {
            margin-bottom: 1px;
        }

        .form-group {
            margin-bottom: 9px;
        }

        .table-responsive {
            height: calc(100vh - 360px);
        }

        th {
            background: #007bff;
            color: white !important;
            position: sticky;
            top: 0;
        }

        table {
            position: relative;
        }

        .table-bordered td, .table-bordered th {
            border: 1px solid #aaabab;
        }

        td {
            text-align: center;
        }
    </style>
    <?use App\Models\Payroll\Common\Settings\CommonSettingsTypes; ?>
    <div class="row">
        <div class="col-lg-12">
            <h4 class="card-title text-center font-weight-bold">{{__('obs.employee_generated_salary')}}</h4>
            <div class="card-box">
                <div class="card-block">
                    <!-- Button trigger modal -->
                    <form action="{{route('payroll.payroll.salary.search')}}" method="get">
                        @csrf
                        <div class='row'>
                            <div class='col-md-3'>
                                <div class="form-group">
                                    <label>{{__('obs.employee_code')}}</label>
                                    <input type="text" class="form-control input-sm" name="emp_code" id="emp_code">
                                </div>
                            </div>
                            <div class='col-md-3'>
                                <div class="form-group">
                                    <label>{{__('obs.department')}}</label>
                                    <select name="emp_department" id="emp_department" class="form-control input-sm">
                                        <option value="0">--Select--</option>
                                        @if(!empty($department_lists))
                                            @foreach($department_lists as $depart_val)
                                                <option value="{{$depart_val->id}}">{{$depart_val->name}}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div class='col-md-3'>
                                <div class="form-group">
                                    <label>{{__('obs.employee_type')}}</label>
                                    <select name="emp_types" id="emp_types" class="form-control input-sm">
                                        <option value="0">--Select--</option>
                                        @if(!empty($employee_types))
                                            @foreach($employee_types as $emp_type_val)
                                                <option value="{{$emp_type_val->id}}">{{$emp_type_val->name}}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div class='col-md-2'>
                                <div class="form-group">
                                    <label>{{__('obs.salary_month')}}</label>
                                    <input type="text" class="datepicker_month form-control input-sm"
                                           name="salary_month" id="salary_month">
                                </div>
                            </div>
                            <div class='col-md-1 mt-4'>
                                <button class='btn btn-sm w-100 btn-danger'>{{__('obs.search')}}</button>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="card-box">
                    <div class="card-block">
                        <div class="row">
                            <div class="col-lg-12">
                                <button class="btn btn-md btn-info text-right" onclick="PrintTable();">{{__('obs.print')}}</button>
                                <div class="table-responsive" id="print">
                                    <h4 class="card-title text-center"> {{__('obs.monthly_generated_salary')}}</h4>
                                    <h4 class="card-title text-center">@if(!empty($generated_department->name)){{$generated_department->name}}@endif</h4>
                                    <h5 class="card-title text-center"> {{__('obs.for_the_month')}}
                                        Of @if(!empty($salary_month)){{date('F-Y',strtotime('01-'.$salary_month))}}@endif</h5>
                                    <input type="hidden" name="start_date" id="start_date"
                                           value="@if(!empty($start_date)){{$start_date}}@endif">
                                    <input type="hidden" name="end_date" id="end_date"
                                           value="@if(!empty($end_date)){{$end_date}}@endif">
                                    <table class="table table-bordered table-hover" id="salary_table">
                                        <thead>
                                        <tr>
                                            <th>{{__('obs.sl')}}</th>
                                            <th>{{__('obs.payslip')}}</th>
                                            <th>{{__('obs.code')}}</th>
                                            <th>{{__('obs.name')}}</th>
                                            <th>{{__('obs.gross')}}</th>
                                            <th>{{__('obs.basic')}}</th>
                                            @if(!empty($generated_info) && count($generated_info)>0)
                                                @if(!empty($generated_allowance_info))