@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 sina-card">

            <div class="card-header d-flex justify-content-between align-items-center ">
                <h5>{{ __('obs.late') }} {{ __('obs.amount') }}</h5>
                @if (count($employees) > 0)
                    <div class="col-2 d-flex justify-content-end">
                        @include('payroll.includes.report_print_excel_button')
                    </div>
                @endif
            </div>

            <div class="card-body">
                <form action="{{ route('payroll.hrm.reports.late_amount') }}" method="get">
                    <input type="hidden" name="search" value="true">

                    <div class='row'>
                        <div class='col-lg-3 col-md-3  col-sm-6 '>
                            <div class="form-group">

                                <label class="">{{ __('obs.name') }} /{{ __('obs.code') }}</label>
                                <select class="form-control name_code_live_search" name="employee_id" id="employee_id">
                                    {{-- @foreach ($employes as $e)
                                        <option value="{{$e->id}}">{{$e->emp_name}}-{{$e->emp_code}}</option>
                                        @endforeach --}}
                                </select>
                            </div>
                        </div>

                        <div class='col-lg-2 col-md-2 col-sm-6 '>
                            <div class="form-group">
                                <label>{{ __('obs.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 }}"
                                                @if (request()->get('department_id') == $department->id) {{ 'selected' }} @endif>
                                                {{ $department->name }}</option>
                                        @endforeach
                                    @endif
                                </select>
                            </div>
                        </div>

                        <div class='col-lg-2 col-md-2 col-sm-6 '>
                            <div class="form-group">
                                <label>{{ __('obs.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') : date('01-m-Y') }}">
                            </div>
                        </div>
                        <div class='col-lg-2 col-md-2 col-sm-6 '>
                            <div class="form-group">
                                <label>{{ __('obs.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') : date('d-m-Y') }}">
                            </div>
                        </div>

                        <div class='col-lg-1 col-md-1  col-sm-4  mt-4'>
                            <button class='btn btn-sm btn-danger' name="filter">{{ __('obs.filter') }}</button>
                        </div>

                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

@if (count($employees) > 0)
    @php $i=1; @endphp
    <div id="printThis" class="common_excel_export" style="">
        <style>
            @media print{
                   
                    @page{
                        size: A4 portrait;
                        /* size: legal landscape; */
                        padding: auto;
                        margin:0;
                       
                    }
                    body {
                        zoom:70%; /*or whatever percentage you need, play around with this number*/
                        font-family: serif;
                        font-size:17px;
                        font-weight: bold;
                    
                    }
                }
        </style>
        @foreach (collect($employees)->chunk(30) as $chunk_data)
            <div class="row">
                <div class="col-lg-12">
                    <div class="card">
                        <div class="card-body" style="padding: 0 ">

                            {!! $print['head'] !!}
                            @php
                                $title = __('obs.late') . ' ' . __('obs.amount');
                            @endphp
                            @include('payroll.report_header', [
                                'title' => $title,
                                'text_align' => 'text-center',
                            ])

                            <div class="col-lg-12 col-md-12 col-sm-12 " style="">
                                <table class="table table-bordered table-hover text-center" style="width: 100%">
                                    <thead class="">
                                        <tr>
                                            <th style="width: 5%"> <b>{{ __('obs.sl') }}</b></th>
                                            <th style="width: 10%"><b>{{ __('obs.code') }}</b></th>
                                            <th style="width: 20%"> <b>{{ __('obs.name') }}</b></th>
                                            <th style="width: 20%"> <b>{{ __('obs.designation') }}</b></th>
                                            <th style="width: 15%"> <b>{{ __('obs.basic') }}</b></th>
                                            <th style="width: 10%"> <b>{{ __('obs.late') }} {{ __('obs.days') }}</b></th>
                                            <th style="width: 10%"> <b>{{ __('obs.late') }} {{ __('obs.hours') }}</b></th>
                                            <th style="width: 10%"> <b>{{ __('obs.amount') }}</b></th>
                                        </tr>
                                    </thead>
                                    <tbody>

                                        @foreach ($chunk_data as $data)
                                            <tr style="height:38px">
                                                <td><b>{{ $i++ }}</b></td>
                                                <td><b>{{ $data['employee']->emp_code }}</b></td>
                                                <td class="text-left">
                                                    <b> {{ $data['employee']->emp_name }}</b>
                                                </td>
                                                <td class="text-left">
                                                    <b> {{ $data['employee']->fetch_designation->name }}</b>
                                                </td>
                                                <td>{{$data['basic_salary']}}</td>
                                                <td>{{$data['late_days']}}</td>
                                                <td>{{$data['late_hours']}}</td>
                                                <td>{{$data['late_amount']}}</td>
                                            </tr>
                                        @endforeach

                                    </tbody>
                                </table>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div style="page-break-before: always;"></div>
        @endforeach
    </div>
@else
    @if (request()->get('search') != null)
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-body">
                        <h4 class="text-center">{{ __('obs.no_data_found') }}</h4>
                    </div>
                </div>
            </div>
        </div>
    @endif
@endif
@endsection


@section('script')
@include('payroll.hrm_script')
@endsection