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

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

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

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

        table {
            position: relative;
        }

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

        td {
            text-align: center;
        }

        @media print {
            table.listdb {
                border-collapse: unset;
            }

            table td {
                border: 1px solid #000 !important;
            }
        }
    </style>
        <div class="row">
        <div class="col-lg-12">
            <h4 class="card-title text-center font-weight-bold">Employee Generated Salary </h4>
            @if (count($errors) > 0)
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
            <div class="card-box">
                <div class="card-block">
                    <!-- Button trigger modal -->
                    <form action="{{route('salary.generated-report-search')}}" method="get">
                        @csrf
                        <div class='row'>
                            <div class='col-md-3'>
                                <div class="form-group">
                                    <label>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>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>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>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'>Search</button>
                            </div>
                        </div>
                    </form>
                </div>
            </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();">Print</button>
                            <div class="table-responsive" id="print">
                                <table class="table table-bordered table-hover" id="salary_table">
                                    <thead>
                                    <tr>
                                                                                <td colspan="{{$total_col_span}}"><h4 class="card-title text-center">Mitali
                                                Traders</h4>
                                            <h5 class="card-title text-center">Salary sheet for the month of
                                                @if(!empty($salary_month)){{date('F\'Y',strtotime($end_date))}}@endif</h5>
                                            <h5 style="border: 1px solid black;margin-right: 75%;">@if(!empty($emp_department)){{$emp_department->name}}@endif</h5>
                                        </td>
                                    </tr>
                                    <tr>
                                        <th rowspan="2">#SL</th>
                                        <th rowspan="2">Name of the Employee</th>
                                        <th rowspan="2">Designation</th>
                                        @if(!empty($emp_type_info) && $emp_type_info==5)
                                            <th rowspan="2">{{'Station'}}</th>
                                        @elseif(!empty($emp_type_info) && $emp_type_info==6)
                                            <th rowspan="2">{{'Vehicle'}}</th>
                                        @else
                                            <th rowspan="2">{{'Station'}}</th>
                                        @endif
                                        <th rowspan="2">Basic</th>
                                        @if(!empty($generated_info) && count($generated_info)>0)
                                            @if(!empty($generated_allowance_info))