@extends('admin.layout.master')
@section('content')
@section('custom_style')
    <style>

    </style>
    {{-- <style> {!! $print['style_css'] !!} </style> --}}
@endsection
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header" style="padding: 0 10px">
                    <div class="card-header card-header-s d-flex flex-wrap align-items-center">
                        <h4 class="col-8 pl-0">Quarterly Present Bonus</h4>
                        <div class="col-2 d-flex justify-content-end">
                        </div>
                        <div class="col-2 d-flex justify-content-end">
                            @include('payroll.includes.report_print_excel_button')
                        </div>
                    </div>
                    
                </div>
                <div class="card-body">
                    <form action="{{ route('payroll.payroll.salary.quarterly_present_bonus') }}" method="get">
                        <div class="row">
                            <div class='col-md-3'>
                                <div class="form-group">
                                    <label>Name/Code</label>
                                    <select class="form-control  name_code_live_search" name="employee_id" id="employee_id">
                                    </select>
                                </div>
                            </div>

                            <div class='col-md-3'>
                                <div class="form-group">
                                    <label>Department</label>
                                    <select name="department_id" id="department_id" class="form-control select_2">
                                        <option value="">--Select--</option>
                                        @if (!empty($departments))
                                            @foreach ($departments as $department)
                                                <option value="{{ $department->id }}">{{ $department->name }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div>
                            <div class='col-md-2'>
                                <div class="form-group">
                                    <label>Date From </label>
                                    <input type="text" class="datepicker form-control" name="date_from"  id="date_from" value="{{ request()->get('date_from') ? request()->get('date_from') : null }}">
                                </div>
                            </div>
                            <div class='col-md-2'>
                                <div class="form-group">
                                    <label>Date To</label>
                                    <input type="text" class="datepicker form-control" name="date_to" id="date_to"value="{{ request()->get('date_to') ? request()->get('date_to') : null }}">
                                </div>
                            </div>
                            <div class="col-md-1">
                                <div class="row mt-4">
                                    <button class='btn btn-primary btn-sm' name="filter" value="1">Filter</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    @if (count($bonuses) > 0)
        <div id="printThis" class="common_excel_export" style="">
                <style>
                    @media print{
                        .no-print{
                            display: none;
                        }
                           
                            @page{
                                size: A4 portrait;
                                /* size: legal landscape; */
                                padding: auto;
                                margin:3mm;
                               
                            }
                            body {
                                zoom:70%; /*or whatever percentage you need, play around with this number*/
                                font-family: serif;
                                font-size:17px;
                                font-weight: bold;
                            
                            }
                        }
                </style>

             {!! $print['head'] !!}
             @include('payroll.report_header',['text_align'=>"text-center"])

            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body" style="padding: 0 ">
                            <div class="col-lg-12 col-md-12 col-sm-12 " style="">
                                
 
                                <table class="table table-stripped table-bordered text-center" style="width:100%">
                                    <thead>
                                        <tr>
                                            <input type="hidden" name="em_code" id="em_code" value="">
                                        </tr>
                                        <tr>
                                            <th>SL</th>
                                            <th>Code</th>
                                            <th>Name</th>
                                            <th>Department</th>
                                            <th>Designation</th>
                                            <th>Amount</th>
                                        </tr>
                                    </thead>
                                    <tbody id="tbody_data">
                                        @php
                                            $sl = 1;
                                        @endphp
                                        @foreach ($bonuses as $bonus)
                                        <tr>
                                            <td>{{$sl++}}</td>
                                            <td>{{$bonus['code']}}</td>
                                            <td>{{$bonus['name']}}</td>
                                            <td>{{$bonus['department']}}</td>
                                            <td>{{$bonus['designation']}}</td>
                                            <td>{{$bonus['amount']}}</td>
                                        </tr>
                                            
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            {{-- <div style="page-break-after: always;"></div> --}}

        </div>
    @else
        @if (request()->get('filter') != null)
            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body">
                            <h4 class="text-center"> No Data Found</h4>
                        </div>
                    </div>
                </div>
            </div>
        @endif
    @endif
  


@endsection

@section('script')
<script src="{{ asset('payroll_assets/payroll_common.js') }}"></script>

    <script type="text/javascript">
     
        $(document).ready(function() {
            $('.select_2').select2();
        });

    </script>
@endsection