@extends('layouts.main')

@push('styles')
    <link href="{{ asset('elite/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.css') }}" rel="stylesheet" type="text/css" />
@endpush

@section('content')
    <div class="row bg-title">
        <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
            <h4 class="page-title">Edit multiple payrolls</h4>
        </div>
        <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
            <ol class="breadcrumb">
                <li><a href="{{ route('home') }}"><i class="fa fa-home"></i> Home</a></li>
                <li><a href="{{ route('finance') }}"><i class="fa fa-money"></i> Finance Home</a></li>
                <li><a href="{{ route('payroll.index') }}"><i class="fa fa-eye"></i> Payroll</a></li>
                <li class="active"><i class="fa fa-pencil"></i> Edit multiple payrolls</li>
            </ol>
        </div>
    </div>

    <!--Flash messages at the top -->
    @include('flash::message')
    @include ('errors.list')

    <div class="row">
        <div class="col-sm-12">
            <div class="white-box">
                {{ Form::model($payrolls, ['method' => 'ANY', 'route' => ['payroll.bulk_update']]) }}

                <div class="table-responsive">
                    <table class="table table-striped color-bordered-table success-bordered-table">
                        <thead>
                        <tr>
                            <th class="text-center">{{ __('payroll.staff_member') }}</th>
                            <th class="text-center">{{ __('payroll.position') }}</th>
                            <th class="text-center">{{ __('payroll.department') }}</th>
                            <th class="text-center">{{ __('payroll.payroll_categories') }}</th>
                            <th class="text-center">{{ __('payroll.social_security_number') }}</th>
                            <th class="text-center">{{ __('payroll.tin_number') }}</th>
                            <th class="text-center">{{ __('payroll.salary_scale') }}</th>
                            <th class="text-center">{{ __('payroll.contract_type') }}</th>
                            <th class="text-center">{{ __('payroll.contract_start') }}</th>
                            <th class="text-center">{{ __('payroll.contract_end') }}</th>
                            <th class="text-center">{{ __('payroll.bank') }}</th>
                            <th class="text-center">{{ __('payroll.bank_account_number') }}</th>
                            <th class="text-center">{{ __('payroll.basic_pay') }}</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($payrolls as $payroll)
                            {{ Form::hidden('id[]', $payroll->id) }}
                            <tr>
                                <td>{{ get_full_name($payroll->patient_id, 'id', 'first_name', 'last_name', 'patients') }}</td>
                                <td>
                                    {{ Form::select('position[]', $positions, $payroll->position, ['class' => 'form-control compulsory', 'required']) }}
                                </td>
                                <td>
                                    {{ Form::select('department[]', $departments, $payroll->department, ['class' => 'form-control compulsory', 'required']) }}
                                </td>
                                <td>
                                    {{ Form::select('payroll_category[]', $payroll_categories, $payroll->payroll_category, ['class' => 'form-control compulsory', 'required']) }}
                                </td>
                                <td>
                                    <input type='text' name='nssf_number[]' class='form-control' value='{{ $payroll->nssf_number }}'>
                                </td>
                                <td>
                                    <input type='text' name='tin_number[]' class='form-control' value='{{ $payroll->tin_number }}'>
                                </td>
                                <td>
                                    {{ Form::select('salary_scale[]', $salary_scales, $payroll->salary_scale, ['class' => 'form-control compulsory', 'required']) }}
                                </td>
                                <td>
                                    {{ Form::select('contract[]', $contracts, $payroll->contract, ['class' => 'form-control compulsory', 'required']) }}
                                </td>
                                @php
                                    $contract_periods = json_decode($payroll->contract_period, true);
                                    $contract_periods = end($contract_periods);
                                @endphp
                                <td><input type='text' name='contract_start_date[]' class='form-control start_date' value='{{ date_format(date_create($contract_periods[0]), 'd/m/Y') }}' readonly></td>
                                <td><input type='text' name='contract_end_date[]' class='form-control end_date' value='{{ date_format(date_create($contract_periods[1]), 'd/m/Y') }}' readonly></td>
                                <td>
                                    {{ Form::select('payroll_bank_id[]', $banks, $payroll->payroll_bank_id, ['class' => 'form-control compulsory', 'required']) }}
                                </td>
                                <td>
                                    <input type='number' name='bank_account_number[]' class='form-control compulsory' value='{{ $payroll->bank_account_number }}' required>
                                </td>
                                <td>
                                    <input type='number' name='basic_pay[]' class='form-control compulsory' value='{{ $payroll->basic_pay }}' id='basic_pay_{{ $payroll->id }}' required onchange='check_basic_pay({{ $payroll->id }})'>

                                    <br><br>
                                    <label for='social_security_amount'>{{ __('payroll.social_security_amount') }}</label>
                                    <input type='number' name='social_security_amount[]' class='form-control compulsory' value='{{ $payroll->social_security_amount }}' required id='social_security_amount_{{ $payroll->id }}'>

                                    <br><br>
                                    <label for='tax_amount'>{{ __('payroll.tax_amount') }}</label>
                                    <input type='number' name='tax_amount[]' class='form-control compulsory' value='{{ $payroll->tax_amount }}' required id='tax_amount_{{ $payroll->id }}'>
                                </td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>

                <br>

                {{ Form::button('Submit',['type'=>'submit','class'=>'btn btn-success waves-effect waves-light m-r-10', 'onclick'=>'return confirm("All unselected records will not be edited. Continue?")']) }}
                {{ Form::button('Cancel',['type'=>'reset','class'=>'btn btn-default waves-effect waves-light']) }}

                {{ Form::close() }}
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script src="{{ asset('elite/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.js') }}"></script>
    <script src="{{ asset('elite/bower_components/select2/select2.min.js') }}"></script>

    <script>
        function check_basic_pay(id) {
            let data = 'amount=' + $('#basic_pay_' + id).val();

            $.ajax({
                type: "get",
                url: "/payroll/calculate_paye",
                data: data,
                cache: false,
                success: function (result) {
                    $('#tax_amount_' + id).val(result);
                }
            });

            $.ajax({
                type: "get",
                url: "/payroll/calculate_nssf",
                data: data,
                cache: false,
                success: function (result) {
                    $('#social_security_amount_' + id).val(result);
                }
            });
        }

        $('.start_date').datepicker({
            autoclose: true,
            todayHighlight: true,
            format: 'dd/mm/yyyy'
        });

        $('.end_date').datepicker({
            autoclose: true,
            todayHighlight: true,
            format: 'dd/mm/yyyy'
        });
    </script>
@endpush