@extends('layouts.app')

@section('content')
    <script type="text/javascript">
        $(document).ready(function(){
            $(".date-picker").datepicker({
                format: '{{config('app.date_format_js')}}'
            });
        });
    </script>
    <form id="form" method="get" action="{{ route('payroll')}}" class="form-horizontal">
        @csrf
        <section class="panel">
            <div class="row">
                <div class="col-sm-12">
                    <header class="panel-heading">
                        <h2 class="panel-title">{{__('Payroll')}}</h2>
                    </header>

                    <div class="panel-body">
                        <div class="form-group">
                            <label class="col-md-1 control-label">{{__('Period')}}</label>
                            <div class="col-md-6">
                                <div class="input-daterange input-group">
                                                        <span class="input-group-addon">
                                                            <i class="fa fa-calendar"></i>
                                                        </span>
                                    <input type="text" class="form-control date-picker" name="start">
                                    <span class="input-group-addon">{{__("to")}}</span>
                                    <input type="text" class="form-control date-picker" name="end">
                                </div>
                            </div>
                            <div class="col-sm-5">*{{__("If no date range is specified, the current month will be used")}}</div>
                        </div>
                        @if($isSuperAdmin)
                        <div class="form-group">
                            <label class="col-sm-1 control-label">{{__('Employees')}} </label>
                            <div class="col-sm-6">
                                <select multiple data-plugin-selectTwo class="form-control populate" name="employees[]" id="employees">
                                    <optgroup label="{{__('Choose employee')}}">
                                        @foreach($users as $user)
                                            <option value="{{$user->id}}">{{$user->ime.' '.$user->prezime}}</option>
                                        @endforeach
                                    </optgroup>
                                </select>
                            </div>
                            <div class="col-sm-5">*{{__("If no employees are selected, all active employees will be included in the report")}}</div>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
            <footer class="panel-footer">
                <div class="row">
                    <div class="col-sm-12 btn-confirmation">
                        <button class="btn btn-primary" type="submit">{{__('Calculate')}}</button>
                    </div>
                </div>
            </footer>
        </section>
    </form>

    <section class="panel">
    <div class="row">
        <div class="col-sm-12">
            <div class="panel-body">
                <div class="table-mobile">
                    <table class="table table-bordered table-striped mb-none" id="datatable-default">
                        <thead>
                        <tr>
                            <th>{{ __('Worker') }}</th>
                            <th>{{ __('Wage') }}</th>
                            <th>{{ __('Daily wages') }}</th>
                            <th>{{ __('Work days') }}</th>
                            <th>{{ __('Weekend days') }}</th>
                            <th>{{ __('Wage deductions') }}</th>
                            <th>{{ __('Wage bonuses') }}</th>
                            <th>{{ __('Total wage') }}</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($wageData as $worker => $data)
                        <tr class="gradeX">
                            <td style="text-align:center">
                                {{ $worker }}
                            </td>
                            <td style="text-align:center">
                                {{ number_format($data['wage'], 2, ',', '.') }}
                            </td>
                            @if(isset($data['dates_and_wages']))
                            <td style="text-align:left; display:none">
                                @foreach($data['dates_and_wages'] as $dw)
                                    <strong>{{ date('d.m.Y.', strtotime($dw['date'])) }}</strong><br>
                                    {{ __('Daily wage') }}:
                                    <strong>{{ number_format($dw['daily_wage'], 2, ',', '.') }}</strong>
                                    <br>
                                    {{ __('Column leader') }}:
                                    {{ $dw['leader'] }}
                                    <br>
                                    {{ __('Cluster') }}:
                                    {{ $dw['cluster'] }}
                                    <br>
                                    {{ __('PAN') }}:
                                    {{ $dw['pan'] }}
                                    <br>
                                    @if($dw['place'])
                                    {{ __('Place') }}:
                                    {{ $dw['place'] }}
                                    @endif
                                    <br>
                                    <hr>
                                @endforeach
                                <button class="btn btn-default btn-sm hide-info">{{__('Hide info')}}</button>
                            </td>
                            <td style="text-align:center" class="show-info-td">
                                <button class="btn btn-default btn-sm show-info">{{__('Show info')}}</button>
                            </td>
                            @else
                            <td></td>
                            @endif
                            <td style="text-align:center">
                                {{ $data['work_days'] }}
                            </td>
                            <td style="text-align:center">
                                {{ $data['weekend_days'] }}
                            </td>
                            <td style="text-align:center; @if($data['wage_deduction'] > 0) color:red @endif">
                               - {{ number_format($data['wage_deduction'], 2, ',', '.') }} @if($data['wage_deduction_reason']) ({{ $data['wage_deduction_reason'] }}) @endif
                            </td>
                            <td style="text-align:center; @if($data['wage_bonus'] > 0) color:green @endif">
                               + {{ number_format($data['wage_bonus'], 2, ',', '.') }}
                            </td>
                            <td style="text-align:center">
                                {{ number_format($data['total_wage'], 2, ',', '.') }}
                            </td>
                        </tr>
                        @endforeach

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</section>
<script type="text/javascript">
    $(document).ready(function(){
        $('.show-info').on('click', function(){
            $(this).closest('tr').find('td:nth-child(3)').show();
            $(this).closest('tr').find('.show-info').hide();
            $(this).closest('tr').find('.hide-info').show();
            $(this).closest('tr').find('.show-info-td').hide();
        });
        $('.hide-info').on('click', function(){
            $(this).closest('tr').find('td:nth-child(3)').hide();
            $(this).closest('tr').find('.show-info').show();
            $(this).closest('tr').find('.hide-info').hide();
            $(this).closest('tr').find('.show-info-td').show();
        });
    });
</script>
@endsection