{!! Form::open(['url' => 'foo/bar', 'id' => 'taxPaymentForm']) !!}

@if (isset($operation) && $operation == 'add')
    <div style="padding-bottom: 20px !important;">
        <div class="row" style="margin-top: 20px;">
            <div class="col-md-12">
                <div class="col-md-6">
                    <div class="form-group">
                        {!! Form::label('chalan_no', 'Chalan No: ', ['class' => 'col-sm-3 control-label']) !!}
                        <div class="col-sm-7">
                            <input type="text" class="form-control input-sm" name="chalan_no" required="true">
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group">
                        {!! Form::label('payment_date', 'Payment Date: ', ['class' => 'col-sm-3 control-label']) !!}
                        <div class="col-sm-7">
                            <input type="text" class="form-control input-sm" name="payment_date" id="payment_date"
                                required="true">
                        </div>
                    </div>
                </div>
            </div>
        </div>

        @if (isset($banks))
            <div class="row" style="margin-top: 20px;">
                <div class="col-md-12">
                    <div class="col-md-6">
                        <div class="form-group">
                            {!! Form::label('bank_id', 'Bank: ', ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-7">
                                {!! Form::select('bank_id', ['' => 'Select'] + $banks, '', [
                                    'id' => 'bank_id',
                                    'class' => 'form-control input-sm selectPicker',
                                ]) !!}
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            {!! Form::label('bank_account_id', 'Bank Account: ', ['class' => 'col-sm-3 control-label']) !!}
                            <div class="col-sm-7">
                                {!! Form::select('bank_account_id', ['' => 'Select'], '', [
                                    'id' => 'bank_account_id',
                                    'class' => 'form-control input-sm selectPicker',
                                ]) !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @endif

    </div>
@endif

@if (isset($operation) && ($operation == 'view' || $operation == 'edit'))
    {!! Form::hidden('incomeTaxPaymentId', encrypt($payment->id)) !!}
    <div class="row" style="padding-bottom: 10px;">
        <div class="col-md-12">
            <div class="col-md-6">
                <div class="form-group">
                    {!! Form::label('chalan_no', 'Chalan No: ', ['class' => 'col-sm-3 control-label']) !!}
                    <div class="col-sm-7">
                        <input type="text" class="form-control input-sm" value="{{ $payment->chalan_no }}"
                            @if ($operation == 'view') readonly @else name="chalan_no" @endif>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    {!! Form::label('payment_date', 'Payment Date: ', ['class' => 'col-sm-3 control-label']) !!}
                    <div class="col-sm-7">
                        <input type="text" value="{{ date('d-m-Y', strtotime($payment->payment_date)) }}"
                            class="form-control input-sm" readonly>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row" style="padding-bottom: 10px;">
        <div class="col-md-12">
            <div class="col-md-6">
                <div class="form-group">
                    {!! Form::label('', 'Month From: ', ['class' => 'col-sm-3 control-label']) !!}
                    <div class="col-sm-7">
                        <input type="text" class="form-control input-sm"
                            value="{{ date('m-Y', strtotime($payment->month_from)) }}" readonly>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    {!! Form::label('', 'Month To: ', ['class' => 'col-sm-3 control-label']) !!}
                    <div class="col-sm-7">
                        <input type="text" class="form-control input-sm"
                            value="{{ date('m-Y', strtotime($payment->month_to)) }}" readonly>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row" style="padding-bottom: 10px;">
        <div class="col-md-12">
            <div class="col-md-6">
                <div class="form-group">
                    {!! Form::label('project', 'Project: ', ['class' => 'col-sm-3 control-label']) !!}
                    <div class="col-sm-7">
                        <input type="text" class="form-control input-sm" value="{{ $projects[$payment->projectId] }}"
                            readonly>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    {!! Form::label('project_type', 'Project Type: ', ['class' => 'col-sm-3 control-label']) !!}
                    <div class="col-sm-7">
                        <input type="text" class="form-control input-sm"
                            value="{{ $projectTypes[$payment->projectTypeId] }}" readonly>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row" style="padding-bottom: 10px;">
        <div class="col-md-12">
            <div class="col-md-6">
                <div class="form-group">
                    {!! Form::label('bank', 'Bank: ', ['class' => 'col-sm-3 control-label']) !!}
                    <div class="col-sm-7">
                        <input type="text" class="form-control input-sm" value="{{ $banks[$payment->bank_id] }}"
                            readonly>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-group">
                    {!! Form::label('bank_account', 'Bank Account: ', ['class' => 'col-sm-3 control-label']) !!}
                    <div class="col-sm-7">
                        <input type="text" class="form-control input-sm"
                            value="{{ $bankAccounts[$payment->bank_account_id] }}" readonly>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endif

<div>
    <table class="table table-bordered table-condensed table-striped">
        <thead>
            <tr>
                <th>Sl No</th>
                <th>Name</th>
                <th>TIN</th>
                <th>Designation</th>
                <th>Mobile</th>
                <th>E-mail</th>
                <th>Basic Pay</th>
                <th>Bonus, Arrear, Advance, Leave, Overtime</th>
                <th>House Rent Allowance</th>
                <th>Conveyance Allowance</th>
                <th>Medical Allowance</th>
                <th>Other Allowance</th>
                <th>Value of Non-Cash Benefits: Accomodation</th>
                <th>Value of Non-Cash Benefits: Conveyance</th>
                <th>Value of Non-Cash Benefits: Other</th>
                <th>Employer's Contribution to RPF/GF/PF</th>
                <th>Others (Non-perquisite)</th>
                <th>Total</th>
                <th>Amount of Tax deducted</th>
                <th>Amount of Tax Paid</th>
            </tr>
        </thead>

        <tbody>
            @php
                $slNo = 1;
            @endphp

            @foreach ($employees as $employee)
                @php

                    if ($operation == 'view' && (int) @$paymentDetails[$employee->id]->income_tax_amount_paid == 0) {
                        continue;
                    }
                @endphp
                <tr>
                    <td style="width: 60px;">{{ $slNo++ }}</td>
                    <td>{{ $employee->emp_name_english }}</td>
                    <td class="center">{{ $employee->tin_number }}</td>
                    <td class="center">{{ $employee->position_name }}</td>
                    <td class="center">{{ $employee->mobile_number }}</td>
                    <td class="center">{{ $employee->email }}</td>
                    <td class="amount">{{ number_format(@$employee->basic_salary) }}</td>
                    <td class="amount">{{ number_format(@$employee->arrear + @$employee->bonus) }}</td>
                    <td class="amount">{{ number_format(@$employee->houseAllowance) }}</td>
                    <td class="amount">{{ number_format(@$employee->conveyanceAllowance) }}</td>
                    <td class="amount">{{ number_format(@$employee->medicalAllowance) }}</td>
                    <td class="amount">{{ number_format(@$employee->otherAllowance) }}</td>
                    <td class="amount">{{ number_format(0) }}</td>
                    <td class="amount">{{ number_format(0) }}</td>
                    <td class="amount">{{ number_format(0) }}</td>
                    <td class="amount">{{ number_format(@$employee->pf_org) }}</td>
                    <td class="amount">{{ number_format(0) }}</td>
                    <td class="amount">{{ number_format(@$employee->total) }}</td>
                    <td class="amount">{{ number_format(@$employee->income_tax) }}</td>
                    @php
                        $taxAmountPaid = isset($operation) && ($operation == 'view' || $operation == 'edit') ? (int) @$paymentDetails[$employee->id]->income_tax_amount_paid : (int) @$employee->income_tax;
                    @endphp
                    @if (isset($operation) && $operation == 'view')
                        <td class="amount">{{ number_format($taxAmountPaid) }}
                        </td>
                    @else
                        <td style="text-align: right;"><input type="text"
                                name="empTaxAmounts[{{ $employee->id }}]" value='{{ $taxAmountPaid }}'
                                style="text-align: right; padding-right: 5px;">
                        </td>
                    @endif
                </tr>
            @endforeach

        </tbody>
        @if (isset($operation) && $operation == 'view')
            <tfoot>
                <tr>
                    <td colspan="18" style="text-align: center">Total</td>
                    <td class="amount">{{ number_format($employees->sum('income_tax')) }}</td>
                    <td class="amount">{{ number_format($paymentDetails->sum('income_tax_amount_paid')) }}</td>
                </tr>
            </tfoot>
        @endif
    </table>
</div>

@if (isset($operation) && $operation == 'view')
    <div class="text-right" style="margin-top: 10px; margin-right: 0px;">
        <input class="btn btn-danger" type="button" value="Close" onclick="location.href = './../'">
    </div>
@else
    <div class="text-right" style="margin-top: 10px; margin-right: 0px;">
        <input class="btn btn-info" type="submit" name="submit" id="taxPaymentFormButton">
    </div>
@endif



{!! Form::close() !!}

<style>
    td.amount {
        text-align: right;
        padding-right: 5px;
    }

    td.center {
        text-align: center;
    }

    tfoot tr td {
        font-weight: bold;
    }

    table tbody tr td {
        color: black;
    }
</style>

<script>
    $(document).ready(function() {
        $("#payment_date").datepicker({
            changeMonth: true,
            changeYear: true,
            dateFormat: 'dd-mm-yy',
        });

        $("#taxPaymentFormButton").click(function(e) {
            e.preventDefault();
            $("#taxPaymentFormButton").prop("disabled", true);

            $.ajax({
                type: "POST",
                url: "{{ $operation == 'add' ? url('acc/incomeTaxPayments/store') : url('acc/incomeTaxPayments/update') }}",
                data: $('form :input').filter(function(i) {
                    return ($(this).val().length != 0);
                }).serialize(),
                dataType: "json",
                success: function(_response) {
                    if (_response.responseTitle == 'success') {
                        toastr.success(_response.responseText, _response.responseTitle,
                            opts);
                        //   setTimeout(function() {
                        //       window.location.href = '{{ url('') }}';
                        //   }, 3000);
                    } else {
                        $("#taxPaymentFormButton").prop("disabled", false);
                        toastr.error(_response.responseText, _response.responseTitle, opts);
                        $("input[type=submit]").prop("disabled", false);
                    }
                },
                error: function(response) {
                    $("#taxPaymentFormButton").prop("disabled", false);
                }
            });
        });

        $(".selectPicker").select2();

        $('#bank_id').change(function(e) {
            $("#bank_account_id option:gt(0)").remove();

            var bankId = $('#bank_id option:selected').val();

            if (bankId != '') {
                $.ajax({
                    type: "POST",
                    url: "{{ url('acc/incomeTaxPayments/getBankAccounts') }}",
                    data: {
                        bankId: bankId
                    },
                    dataType: "json",
                    success: function(bankAccounts) {
                        $.each(bankAccounts, function(indexInArray, valueOfElement) {
                            $("#bank_account_id").append("<option value='" +
                                indexInArray + "'>" + valueOfElement +
                                "</option>");
                        });

                        $("#bank_account_id").trigger('change');
                    },
                    error: function(response) {
                        console.log(response);
                    }
                });
            }
        });

        $("table input").on('input', function() {
            this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');
        });
    });
</script>