@use('App\Services\Date')
@extends('sales::layouts.exporting.print.master')
@section('title', __('hr::payroll.show_payroll'))

@section('extra-styles')
    <link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom/view/info-details.css') }}">
@endsection
@section('koolreport')
    <section id="header-for-print" class="container-fluid">
        <div class="row">
            <div @if(app()->getLocale() == 'en') style="float: left; padding-right: 5%;" @endif class="col-xs-4 font-large-1">
                <h1 style="color: #b77aaa">@lang('hr::payroll.payroll',[],'en')</h1>
                <h1>@lang('hr::payroll.payroll',[],'ar')</h1>
            </div>
        </div>
        <hr>
    </section>
    <section>
        <div class="card mb-0">
            <div class="card-block person-info">
                <table class="table table-borderless">
                    <tbody>
                    <tr>
                        <td>
                            <label style="font-size: 16px;color: #000;font-weight: 100;">{{__('hr::payroll.Date')}}: </label>
                            <label style="padding-left: 15px;padding-right: 15px;font-size: 16px;color: #000;font-weight: 100;">{{Date::format($payrollEntry->date)}}</label>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label style="font-size: 16px;color: #000;font-weight: 100;">{{__('hr::payroll.targeted month')}}: </label>
                            <label style="padding-left: 15px;padding-right: 15px;font-size: 16px;color: #000;font-weight: 100;">{{$payrollEntry->month . "-" . $payrollEntry->year}}</label>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <label style="font-size: 16px;color: #000;font-weight: 100;">{{__('sales::invoices.Payment Account')}}: </label>
                            <label style="padding-left: 15px;padding-right: 15px;font-size: 16px;color: #000;font-weight: 100;">{{$payrollEntry->paymentAccount->name ?? ''}}</label>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="card mb-0">
            <div class="card-body  in">
                <div class="table-responsive">
                    <table
                        class="table mb-0 table table-striped table-bordered zero-configuration">
                        <thead>
                        <tr>
                            <th style="font-size: 15px;color: #000;font-weight: 100;">@lang('hr::payroll.employee name')</th>
                            <th style="font-size: 15px;color: #000;font-weight: 100;">@lang('hr::payroll.description')</th>
                            <th style="font-size: 15px;color: #000;font-weight: 100;">@lang('hr::payroll.salary')</th>
                        </tr>
                        </thead>
                        <tbody>

                        @foreach($payrollEntryDetails as $record)
                            <tr>
                                <td style="font-size: 15px;color: #000;font-weight: 100;">{{ $record->employee->name }} </td>
                                <td style="font-size: 15px;color: #000;font-weight: 100;">{{ $record->description }}</td>
                                <td style="font-size: 15px;color: #000;font-weight: 100;">{{ number_format($record->salary_amount,2,".",",") }}</td>
                            </tr>
                        @endforeach
                        <tr>
                            <td colspan="2" style="font-size: 15px;color: #000;font-weight: 100;"><b>@lang('sales::invoices.total_amount')
                                </b></td>
                                <td style="font-size: 15px;color: #000;font-weight: 100;"><b> {{ number_format($payrollEntryDetails->sum('salary_amount'),2,".",",") }} {!! __('settings::currencies.SAR') !!} </b></td>
                        </tr>

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

    </section>
@endsection