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

@section('extra-styles')
<link rel="stylesheet" type="text/css" href="{{ asset('assets/css/custom/forms/frames.css') }}">
<link href="{{asset('assets/css/style-svgFont.css') }}" rel="stylesheet">
<script src="{{ asset('/js/app.js') }}" defer></script>
@endsection

@section('breadcrumb')
<div class="row breadcrumbs-top">
    <div class="breadcrumb-wrapper col-xs-12">
        <ol class="breadcrumb">
            <li class="breadcrumb-item">@lang('companyuser::sidebar.HR')</li>
            <li class="breadcrumb-item active"><a href="{{route('company.payroll.index', $subdomain)}}">@lang('hr::payroll.payroll')</a></li>
            <li class="breadcrumb-item active"><a href="#">@lang('Show')</a></li>
        </ol>
    </div>
</div>
@endsection

@section('content')
<section>
    <div class="container-fluid" id="actions">
        <div class="headBtns mx-1 fixed-btns">
            <div class="btn-group pull-right">

            </div>
            <div class="mb-1 pull-left">
            @can('hr.payroll.view')
                @can('hr.payroll.export')
                <a href="{{ route('company.payroll.print',[$subdomain,$payrollEntry->id]) }}" target="_blank" id="print_button" class="text-green" title=" @lang('Print')">
                   <span class="icon-Print action-icon"></span>
                </a>
                @endcan
                <a class="text-green" href="{{route('company.payroll.index', $subdomain)}}" title="{{__('Back')}}">
                       @if(LaravelLocalization::getCurrentLocale() === 'en')
                        <span class="icon-Previous action-icon back-btnIcon"></span>
                    @else
                        <span class="icon-Next action-icon back-btnIcon"></span>
                    @endif
                </a>
            @endcan
            </div>
        </div>
        @include('companyuser::errors.lists')
        @include('companyuser::errors.all')

        <div class="card mb-0">
            <div class="card-block mt-2">
                <dl class="row mb-0">
                    <div class="col-sm-6 col-md-6 col-lg-7">
                        <div class="row">
                            <dt class="col-sm-3">{{__('hr::payroll.Date')}}</dt>
                            <dd class="col-sm-9">
                                <div>{{ Date::format($payrollEntry->date)}}</div>
                            </dd>
                        </div>

                        <div class="row">
                            <dt class="col-sm-3">{{__('hr::payroll.targeted month')}}</dt>
                            <div class="col-sm-9">
                                <div style="padding-bottom: 1rem; width: 60%" class="">{{$payrollEntry->month . "-" . $payrollEntry->year}}</div>
                            </div>
                        </div>


                        <div class="row">
                            <dt class="col-sm-3">{{__('sales::invoices.Payment Account')}}
                            </dt>
                            <dd class="col-sm-9">
                                <div>{{$payrollEntry->paymentAccount->name ?? ''}}</div>
                            </dd>
                        </div>
                    </div>
                </dl>
                {{-- <hr> --}}
            </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>@lang('hr::payroll.employee name')</th>
                                <th style="float: unset;" class="col-xs-2 col-sm-4">@lang('hr::payroll.description')</th>
                                <th>@lang('hr::payroll.salary')</th>
                            </tr>
                        </thead>
                        <tbody>

                            @foreach($payrollEntryDetails as $record)
                            <tr>
                                <td>{{ $record->employee->name }} </td>
                                <td>{{ $record->description }}</td>
                                <td>{{ number_format($record->salary_amount,2,".",",") }}</td>
                            </tr>
                            @endforeach
                            <tr>
                                <td colspan="2"><b>@lang('sales::invoices.total_amount')
                                    </b></td>
                                <td><b> {{ number_format($payrollEntryDetails->sum('salary_amount'),2,".",",") }} {!! __('settings::currencies.SAR') !!} </b></td>
                            </tr>

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection

@section('extra_scripts')
    <script>
        gtag('event', 'web_human_resources_payroll_show');
        console.log('web_human_resources_payroll_show event');
    </script>
@endsection