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

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

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

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

        table {
            position: relative;
        }

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

    <div class="row">
        <div class="col-lg-12">
            <h4 class="card-title text-center font-weight-bold">Employee List For Bonus</h4>
            <div class="card-box">
                <div class="card-block">
                    @if (count($errors) > 0)
                        <div class="alert alert-danger">
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                    <!-- Button trigger modal -->
                    <form action="{{route('bonus.emp_search')}}" method="get">
                        <div class='row'>
                            <div class='col-md-3'>
                                <div class="form-group">
                                    <label>Emp 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>Name</label>
                                    <input type="text" class="form-control input-sm" name="emp_name" id="emp_name">
                                </div>
                            </div>
                            <div class='col-md-2'>
                                <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-2'>
                                <div class="form-group">
                                    <label>Designation</label>
                                    <select name="emp_designation" id="emp_designation" class="form-control input-sm">
                                        <option value="0">--Select--</option>
                                        @if(!empty($designation_lists))
                                            @foreach($designation_lists as $design_val)
                                                <option value="{{$design_val->id}}">{{$design_val->name}}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div class='col-md-2'>
                                <div class="form-group">
                                    <label>Join Date From </label>
                                    <input type="text" class="datepicker form-control input-sm"
                                           name="join_date_from" id="join_date_from" value="@if(!empty($_GET['join_date_from'])){{$_GET['join_date_from']}}@endif">
                                </div>
                            </div>
                            <div class='col-md-2'>
                                <div class="form-group">
                                    <label>Join Date To</label>
                                    <input type="text" class="datepicker form-control input-sm"
                                           name="join_date_to" id="join_date_to" value="@if(!empty($_GET['join_date_to'])){{$_GET['join_date_to']}}@endif">
                                </div>
                            </div>
                            <div class='col-md-2'>
                                <div class="form-group">
                                    <label>Joining month ></label>
                                    <input type="text" class="form-control input-sm" name="subtract_month_from_bonus_month" id="subtract_month_from_bonus_month">
                                </div>
                            </div>
                            <div class='col-md-2'>
                                <div class="form-group">
                                    <label>Status</label>
                                    <select class="form-control input-sm" name="emp_status" id="emp_status">
                                        <option value="0">Choose One</option>
                                        <option value="1">Active</option>
                                        <option value="2">Inactive</option>
                                    </select>
                                </div>
                            </div>
                            <div class='col-md-2 mt-4'>
                                <button class='btn btn-sm w-100 btn-danger'>Search</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <hr>
            <h3 class="text-center">Bonus Calculation</h3>
            <h3 class="text-center">@if(!empty($_GET['emp_department']))
                    {{\App\Models\Payroll\Settings\PayDepartments::find($_GET['emp_department'])->name}}@endif</h3>
            <div class='row'>
                <div class="col-md-3">
                    <div class="row">
                        <label class="labels col-md-4">Bonus Of</label>
                        <div class="col-md-8">
                            <select id="bonus_type" class="form-control input-sm" name="bonus_type">
                                <option value="0">Select</option>
                                @if(!empty($bonus_types))
                                    @foreach($bonus_types as $type_val)
                                        <option value="{{$type_val->id}}">{{$type_val->title}}</option>
                                    @endforeach
                                @endif
                            </select>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="row">
                        <label class="labels col-md-4">Calculate</label>
                        <div class="col-md-8">
                            <input type="number" step="1.0" class="form-control input-sm" name="calculate_number"
                                   id="calculate_number">
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="row">
                        <label class="labels col-md-4">Times of</label>
                        <div class="col-md-8">
                            <select name="salary_type" id="salary_type" class="form-control input-sm">
                                <option value="0">Select</option>
                                <option value="1">Basic</option>
                                <option value="2">Gross</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class='col-md-2'>
                    <a class='btn btn-sm w-100 btn-primary' onclick="bonus_apply()">Apply</a>
                </div>
            </div>
            <hr>
            <div class="table-responsive" id="print">
                <table class="table table-bordered table-hover">
                    <thead>
                    <tr>
                        <th>Sl#</th>
                        <th>Code</th>
                        <th>Name</th>
                        <th>Join Date</th>
                        <th>Working Month</th>
                        <th>Basic Salary</th>
                        <th>Gross Salary</th>
                        @if(!empty($_GET['bonus_type_filter']) && $_GET['bonus_type_filter']==1)
                            <th>Salary</th>
                        @else
                            <th>Bonus</th>
                        @endif
                        <th>Bank</th>
                        <th>Cash</th>
                    </tr>
                    </thead>
                    <tbody class="bonus_tbody">