@extends('layouts.seller')

@section('content')
    <div class="page-header text-uppercase week-detail">
        <ul class="list-unstyled space-list m-0">
            <li>
                <p>{{ __('salary.title') }}</p>
            </li>
            <li>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{!! route('seller.dashboard', getStoreSlug()) !!}">{!! __('common.home') !!}</a></li>
                        <li class="breadcrumb-item active" aria-current="page">{!! __('salary.title') !!}</li>
                    </ol>
                </nav>
            </li>
        </ul>
    </div>
    @php
    $totalPayroll = 0;
    $edit = (isset($_GET['edit'])) ? true :false;
    @endphp
    <div class="admin-area-col week-detail">
        <div class="rows">
            <div class="error-msg font-14 mt-2"></div>
            <div class="round-white-bg box-shadow">
                <div class="d-block text-center">
                    <p class="m-0 font-medium"><img src="{!! tokkioLogo() !!}"style="width: 120px;"></p>
                    <p class="m-0 font-medium salary_title">{{ __('salary.salary_title') }}</p>
                    <p class="m-0 font-medium">{{ __('salary.month') . $salaryMonth }}</p>
                </div>
                @if(count($employees) > 0)
                <div class="text-right">
                    @if($edit)
                        <a href="{{ route('seller.salary.index') }}" class="btn btn-primary width80"><i class="fa fa-arrow-circle-left pr-1"> </i>{{ __('common.back')}}</a>

                    @else
                        <a href="{{ route('seller.salary.index') ."?edit=true" }}" class="btn btn-primary width80"> <i class="fa fa-edit pr-1"> </i>{{ __('common.edit')}}</a>
                    @endif

                </div>
                <div>
                    {!! Form::open(array('route' => 'seller.salary.store', 'method' => 'POST' ,'id' => 'ajaxSave','files' => true)) !!}
                        <input type="hidden" name="month" value="{!! $month !!}">
                        <input type="hidden" name="year" value="{!! $year !!}">
                    <div class="table-responsive">
                        <table class="striped-table w-100 custom-datatable" style="text-align: center">
                            <thead>
                            <tr class="thead-black">
                                <th class="font-medium w-25">{{__('salary.emp_name')}}</th>
                                <th class="font-medium w-15">{{__('salary.hrs')}}</th>
                                <th class="font-medium w-15">{{__('salary.payment')}}</th>
                                <th class="font-medium w-15">{{__('salary.payroll')}}</th>
                            </tr>
                            </thead>
                            <tbody>


                            @foreach($employees as $key => $emp)
                                @php
                                $empTiming =  $totalHrs = $breakTime = $totalApprovedHours = $hourSalary = $secSalary = 0;
                                $employeeId = $emp->id;
                                $displayApprovedHr = "0h";
                                if(isset($hours[$employeeId])){
                                    $totalApprovedHours = $hours[$employeeId]['approved_seconds'];
                                    $displayApprovedHr  = timeFormatted($totalApprovedHours);

                                }
                                $hourSalary = $emp->hour_salary;
                                if($emp->wage_type == 2){
                                    $totalPayroll += $emp->fix_salary;
                                }
                                elseif($emp->wage_type == 1){
                                    $secSalary = ($emp->hour_salary)/3600; /* convert per second salary */
                                    $totalPayroll += $totalApprovedHours * $secSalary;
                                }

                                @endphp
                                <tr class="employee_salary">
                                    <td class="font-medium" @if($edit) style="text-align: left; padding-left: 165px!important;" @endif>
                                        @if($edit)
                                        <a href="javascript:void(0);" class="badge badge-primary p-1 add-account" data-employee-id ="{!! $employeeId !!}">
                                            <i class="fa fa-plus"></i>
                                        </a>
                                        @endif
                                        <a target="_blank" style="padding-left: 8px;" href={!! route('employee.edit', $employeeId) !!}>{{ $emp->first_name ." ".$emp->last_name}}</a> <i class="fa fa-exclamation-circle red" title="{!! __('salary.account_not_linked') !!}"></i>
                                        <input type="hidden" value="{!! $employeeId !!}" name="employeeId[{!! $employeeId !!}]">
                                    </td>
                                    <td>
                                        @php
                                            $assignWage = true;
                                        @endphp
                                        @if($emp->wage_type == 2)
                                            {!! wageType($emp->wage_type) !!}
                                        @elseif($emp->wage_type == 1)
                                            {!! $displayApprovedHr !!}

                                        @else
                                            @php
                                                $assignWage = false;
                                            @endphp
                                            <a target="_blank" href="{!! route('employee.edit', $employeeId) !!}"> <b class="red">{!! __('salary.assign_payroll') !!}</b></a>
                                        @endif
                                        <input type="hidden" name="wage_type[{{ $employeeId }}]" value="{{$emp->wage_type}}">
                                        <input type="hidden" name="t_hour[{{ $employeeId }}]" value="{{$totalApprovedHours}}">
                                    </td>
                                    <td>
                                        @if($emp->wage_type == 1)
                                            {!! numberFormat($emp->hour_salary, 1) !!}
                                        @endif
                                        <input type="hidden" name="per_hour[{!! $employeeId !!}]" value="{!! $hourSalary !!}">
                                        <input type="hidden" name="per_second[{!! $employeeId !!}]" value="{!! $secSalary !!}">
                                    </td>
                                    <td>
                                        @php
                                            $payroll =0;
                                        @endphp
                                        @if($emp->wage_type == 2)
                                            <span class="__payroll_text"> {!! numberFormat($emp->fix_salary,1) !!}</span>
                                            @php
                                            $payroll = $emp->fix_salary;
                                            @endphp
                                        @elseif($emp->wage_type == 1)
                                           <span class="__payroll_text">
                                               {!! numberFormat($totalApprovedHours * ($secSalary),1)  !!}

                                           </span>
                                            @php
                                            $payroll = $totalApprovedHours * ($secSalary);
                                            @endphp
                                        @else

                                        @endif
                                        <input type="hidden" name="payroll[{!! $employeeId !!}]" value="{!! $payroll !!}" class="payroll">
                                        <input type="hidden" name="payroll_cal" value="{!! $payroll !!}" class="payroll_cal">
                                    </td>
                                </tr>
                                <tr class='__account_detail' style="display: none">
                                    <td colspan='4'>
                                        <table class="w-60 font13" style="margin-left: 255px;">
                                            <thead>
                                            <tr>
                                                <th class="font-medium font13 text-center" style="width: 40%"><b>{{ __('salary.account')}}</b></th>
                                                <th class="font-medium font13"><b>{{ __('salary.payroll')}}</b></th>
                                                <th class="font-medium font13"></th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr>
                                                <td class="td_account_id" >
                                                    {!! Form::select('account_id['.$employeeId.']', $account, null, ['class' => 'form-control account_id select2 select_account']) !!}
                                                </td>
                                                <td class="payroll_amount"> {!! numberFormat($payroll,1) !!} </td>
                                                <td>
                                                </td>
                                            </tr>
                                            </tbody>
                                            <tfoot>
                                            <tr>
                                                <td style="text-align: left">
                                                    <a class="btn btn-success-dark font11 image-circle-30 px-0 __account_add_btn" data-employee-id ="{!! $employeeId !!}" href="javascript:void(0);" style="margin-left: 5px">
                                                        <svg class="svg-inline--fa fa-plus fa-w-14" aria-hidden="true" focusable="false" data-prefix="fa" data-icon="plus" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="currentColor" d="M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z"></path></svg>
                                                    </a>
                                                </td>
                                            </tr>
                                            </tfoot>
                                        </table>
                                    </td>
                                </tr>
                            @endforeach
                            <tr class="sales-total">
                                <td>{{__('week-report.total')}}</td>
                                <td></td>
                                <td></td>
                                <td> <span class="__grand_payroll">{!! numberFormat($totalPayroll ,1) !!}</span>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="row">
                        <div class="form-group mt-3 text-right col-12">
                            <ul class="list-inline">
                                <li class="list-inline-item">
                                    <input type="submit" class="btn btn-primary width80" value="{!! __('salary.approve') !!}">
                                </li>
                            </ul>
                        </div>
                    </div>
                    {!! Form::close() !!}

                </div>
                    @else
                    <div class="text-center font-bold">{!! __('common.no_employee_found') !!}</div>
                    @endif


            </div>
        </div>

    </div>
    <div class="add-template d-none">
        <table>
            <tr>
                <td class="td_account_id" >
                    {!! Form::select('other_account_id', $account, null, ['class' => 'form-control account_id']) !!}
                </td>
                <td class="td_other_charges">
                        {!! Form::text('other_charges', null, ['class' => 'form-control other_charges', 'placeholder' => 'Enter amount']) !!}
                </td>
                <td>
                    <a class="btn btn-danger font11 image-circle-30 px-0 __account_remove_btn2">
                        <svg class="svg-inline--fa fa-minus fa-w-14" aria-hidden="true" focusable="false"
                             data-prefix="fa" data-icon="minus" role="img"
                             xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg="">
                            <path fill="currentColor"
                                  d="M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z">
                            </path>
                        </svg>
                    </a>
                </td>
            </tr>
        </table>
    </div>
@endsection
@section('script')
    <script>
        $(document).on("keyup", '.update_payroll', function(e) {
            var obj = $(this);
            var payroll = parseFloat(obj.parents('.employee_salary').find('.payroll').val());
            var lunch = parseFloat(obj.parents('.employee_salary').find('.lunch').val());
            var bonus = parseFloat(obj.parents('.employee_salary').find('.bonus').val());
            if (isNaN(lunch)) {
                lunch = 0;
            }
            if (isNaN(bonus)) {
                bonus = 0;
            }
            var totalPayroll=payroll+lunch+bonus;
            obj.parents('.employee_salary').find(".__payroll_text").text('{{ currency() }}' + totalPayroll.toFixed(2).replace(".", ","));
            obj.parents('.employee_salary').find(".payroll_cal").val(
                    totalPayroll
            );
            updateGrandPayroll();
        });
        function updateGrandPayroll(){
            var grandPayroll = 0;
            $.each($('.payroll_cal'),function(){
                grandPayroll += parseFloat($(this).val());
            });
            $('.__grand_payroll').text('{{ currency() }}' + grandPayroll.toFixed(2).replace(".", ","));
        }
    </script>
@endsection