@php
$layout = (isSeller() > 0) ? 'layouts.seller' : 'layouts.admin';
@endphp
@extends($layout)

@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">
                        @php
                        $routeDashboard = (isSeller() > 0) ? 'seller.dashboard' : 'admin.dashboard';
                        $routeListing = (isSeller() > 0) ? 'seller.salary.listing' : 'salary.listing';
                        $label =($edit)?__('salary.edit'): __('salary.view');
                        $updateRoute = (isSeller() > 0) ? 'seller.salary.update' : 'salary.update'
                        @endphp
                        <li class="breadcrumb-item"><a href="{!! route($routeDashboard) !!}">{!! __('common.home') !!}</a></li>
                        <li class="breadcrumb-item"><a href="{!! route($routeListing) !!}">{!! __('salary.title') !!} </a></li>
                        <li class="breadcrumb-item active" aria-current="page">{!! $label !!}</li>
                    </ol>
                </nav>
            </li>
        </ul>
    </div>
    <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>
                    @if($data->status == 1)
                     <span class="float-right" style="padding-bottom: 10px;">
                                    <a href="{{ route('salary.download-csv', $data->id) }}" class="btn btn-success text-right float-right">{!! __('report.download') !!}</a>
                                </span>
                        @endif
                </div>
                <div>
                    {!! Form::open(array('route' => [$updateRoute,$data->id], '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>
                            @php
                            $totalPayroll = 0;
                            $disabled = ($edit) ? false : true;
                            @endphp
                            @foreach($salaryDetail as $key => $emp)
                                                                <tr class="employee_salary">
                                    <td class="font-medium" style="text-align: left; padding-left: 165px!important;">
                                        <a href="javascript:void(0);" class="badge badge-primary p-1 add-account" data-employee-id ="{!! $employeeId !!}">
                                            <i class="fa fa-plus"></i>
                                        </a>
                                    @if((isSeller() > 0))
                                            <a style="padding-left: 8px;"  target="_blank" href={!! route('employee.edit', $employeeId) !!}>
                                                {{ $emp->first_name ." ".$emp->last_name}}
                                            </a>
                                        @else
                                            <span style="padding-left: 8px;" >{{ $emp->first_name ." ".$emp->last_name}}</span>
                                        @endif

                                        <input type="hidden" value="{!! $employeeId !!}" name="employeeId[{!! $employeeId !!}]">
                                        <input type="hidden" value="{!! $detailId !!}" name="detailId[{!! $employeeId !!}]">
                                    </td>
                                    <td>
                                        @if($emp->wage_type == 2)
                                            {!! wageType($emp->wage_type) !!}
                                        @elseif($emp->wage_type == 1)
                                            {!! ($edit) ? $displayApprovedHr : timeFormatted($emp->total_seconds) !!}
                                        @else
                                        @endif
                                        <input type="hidden" name="wage_type[{{ $employeeId }}]" value="{{$emp->wage_type}}">
                                        <input type="hidden" name="t_hour[{{ $employeeId }}]" value="{{($edit) ? $totalApprovedHours : $emp->total_seconds}}">
                                    </td>
                                    <td>
                                        @if($emp->wage_type == 1)
                                                                                        {!! numberFormat($perHrPrice, 1) !!}

                                        @endif
                                        <input type="hidden" name="per_hour[{!! $employeeId !!}]" value="{!! $perHrPrice !!}">
                                    </td>
                                    <td>
                                        @php
                                        $payroll = $totalPay = 0;
                                        @endphp
                                        @if($emp->wage_type == 2)
                                            <span class="__payroll_text">
                                                                                                {!! numberFormat($totalP,1) !!}
                                            </span>
                                            @php
                                            $payroll = ($edit)? $employees[$employeeId]['fix_salary'] : $emp->total_payroll ;
                                            @endphp
                                        @elseif($emp->wage_type == 1)
                                                                                        <span class="__payroll_text">
                                                {!! numberFormat($payroll,1)  !!}
                                            </span>

                                        @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>
                                                @if($edit)
                                                    <th class="font-medium font13"></th>
                                                @endif
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr>
                                                <td class="td_account_id" >
                                                    {!! Form::select('account_id['.$employeeId.']', $account,$emp->account_id, ['class' => 'form-control account_id select2 select_account', 'disabled' => $disabled]) !!}
                                                </td>
                                                <td class="payroll_amount"> {!! numberFormat($payroll,1) !!} </td>
                                                @if($edit)
                                                    <td></td>
                                                @endif
                                            </tr>
                                            @if($description != null)
                                                @foreach($description as $dec)
                                                    <tr>
                                                        <td class="td_account_id" >
                                                            {!! Form::select('other_account_id[' . $employeeId .'][]',
                                                             $account, $dec['account_id'],
                                                              ['class' => 'form-control account_id select2', 'disabled' => $disabled])
                                                              !!}
                                                        </td>
                                                        <td class="td_other_charges">
                                                            {!! Form::text('other_charges[' . $employeeId .'][]',$dec['amount'], ['disabled' => true, 'class' => 'form-control other_charges', 'placeholder' => 'Enter amount', 'disabled' => $disabled]) !!}
                                                        </td>
                                                        @if($edit)
                                                            <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>
                                                        @endif
                                                    </tr>
                                                @endforeach
                                            @endif

                                            </tbody>
                                            @if($edit)
                                            <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>
                                            @endif
                                        </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>
                    @if($data->status != 1 && isSeller() < 1)
                        <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" id="sent_back" class="btn btn-danger" value="{!! __('salary.sent_back') !!}" data-value="3">
                                    </li>
                                    @if($data->status == 2)
                                        <li class="list-inline-item">
                                            <input type="submit" id="approve" class="btn btn-primary width80" value="{!! __('salary.approve') !!}" data-value="1">
                                        </li>
                                    @endif
                                    <input type="hidden" name="status" class="status">
                                </ul>
                            </div>
                        </div>
                    @endif
                    @if($edit && isSeller()>0)
                        <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" value="{!! __('salary.approve') !!}">
                                        <input type="hidden" name="edit" value="{!! $edit !!}">
                                    </li>
                                </ul>
                            </div>
                        </div>
                    @endif

                    {!! Form::close() !!}
                </div>

            </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>
        $('#sent_back').on('click', function() {
            var value = $(this).data('value');
            $('.status').val(value);
        });

        $('#approve').on('click', function() {
            var value = $(this).data('value');
            $('.status').val(value);
        });

        $(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;
            console.log(obj.parents('.employee_salary').find(".__payroll_text").html());
            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