@extends('hr_main')
@section('title', '| Employee')
@section('content')
<div class="row add-data-form">
    <div class="col-md-12">
        <div class="col-md-1"></div>
        <div class="col-md-10 fullbody">
            <div class="viewTitle" style="border-bottom: 1px solid white;">
                <a href="{{url('hr/employee')}}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-th-list viewIcon">
                    </i>Employee List</a>
            </div>
            <div class="panel panel-default panel-border">
                <div class="panel-body">
                    <div class="row">

                        <div class="col-md-12">

                            <div class="panel-heading">
                                <div class="panel-title">Employee Information</div>
                            </div>

                            <div class="panel-body">

                                @include('hr.employee.basicInfo.tabNavBasic')

                                <div class="row">

                                    <div class="col-md-12">

                                        {!! Form::open(array('files' => 'true',  'role' => 'form', 'class' => 'form-horizontal form-groups', 'id' => 'formId', 'autocomplete'=>'off')) !!}

                                            <input type="hidden" name="employee_id" value="{{ $data['introduction']->id }}">

                                            <div class="panel-body panelBodyView">
                                                <table class="table table-striped table-bordered table-condensed" id="account-data">
                                                    <tbody class="appendTr">
                                                        @php
                                                            $k = 0;
                                                            $data['accounts']->count() == 0 ? $data['accounts']->push($data['model']) : null;
                                                        @endphp
                                                        @foreach ($data['accounts'] as $account)
                                                            @php
                                                                // if the login user is from headoffice then he/she can edit
                                                                $isDisabled = $account->status == 'Approved' && Auth::user()->branchId != 1 ? 'disabled' : false;
                                                            @endphp
                                                            <tr>
                                                                <td>
                                                                    <div class="row">
                                                                        @if ($isDisabled)
                                                                            <input type="hidden" name="approved_account_id[]" value="{{ $account->id }}">
                                                                        @endif
                                                                        <input type="hidden" name="account_id[]" value="{{ $account->id }}">

                                                                        <div class="col-sm-4">
                                                                            <span style="float:left;color:#000;">{!! $data['attributes']['bank_id'] !!}</span>
                                                                            {!! Form::select(
                                                                                'bank_id[]',
                                                                                ['' => 'Select any'] + $data['banks'],
                                                                                isset($account) ? $account->bank_id : null,
                                                                                [$isDisabled, 'class' => 'form-control bank_id', 'onchange' => 'getBankBranch(' . ++$k . ', this)']
                                                                            ) !!}<br>
                                                                        </div>
                                                                        <div class="col-sm-4">
                                                                            <span style="float:left;color:#000;">{!! $data['attributes']['branch'] !!}</span>
                                                                            {!! Form::select(
                                                                                'branch[]',
                                                                                ['' => 'Select any'] + (isset($account->bank_id) ? $data['branchUnderBank'][$account->bank_id] : []),
                                                                                isset($account->bank_id) ? $account->branch : null,
                                                                                [$isDisabled, 'class' => 'form-control', 'id' => 'branch_for_' . $k, 'type' => 'text']
                                                                            ) !!}<br>
                                                                        </div>
                                                                        <div class="col-sm-4">
                                                                            <span style="float:left;color:#000;">{!! $data['attributes']['account_type'] !!}</span>
                                                                            {!! Form::select(
                                                                                'account_type[]',
                                                                                ['' => 'Select any'] + $data['account_types'],
                                                                                isset($account) ? $account->account_type : null,
                                                                                [$isDisabled, 'class' => 'form-control account_type']
                                                                            ) !!}<br>
                                                                        </div>
                                                                    </div>
                                                                    <div class="row">
                                                                        <div class="col-sm-4">
                                                                            <span style="float:left;color:#000;">{!! $data['attributes']['account_no'] !!}</span>
                                                                            {!! Form::text('account_no[]', isset($account) ? $account->account_no : null, [
                                                                                $isDisabled,
                                                                                'class' => 'form-control account_no',
                                                                                'type' => 'text',
                                                                                'placeholder' => $data['placeholder']['account_no']
                                                                            ]) !!}
                                                                        </div>

                                                                        <div class="col-sm-4" @if (in_array($account->account_type, [4,5])) hidden  @endif>
                                                                            <span style="float:left;color:#000;">Routing Number</span>
                                                                            {!! Form::text(
                                                                                'routing_numbers[]',
                                                                                isset($account) && !empty($account->routing_number) ? $account->routing_number : '',
                                                                                [$isDisabled, 'class' => 'form-control routing_number', 'placeholder' => 'Routing Number']
                                                                            ) !!}<br>
                                                                        </div>
                                                                        <div class="col-sm-4">
                                                                            <span style="float:left;color:#000;">{!! $data['attributes']['effect_date'] !!}</span>
                                                                            {!! Form::text(
                                                                                'effect_date[]',
                                                                                isset($account) && !empty($account->effect_date) ? date('d-m-Y', strtotime($account->effect_date)) : '',
                                                                                [$isDisabled, 'class' => 'form-control datepicker', 'placeholder' => $data['placeholder']['effect_date']]
                                                                            ) !!}<br>
                                                                        </div>
                                                                    </div>
                                                                </td>
                                                                <td width="20px" class="removeButton">
                                                                    <a href="javascript:;" id="" class="btn btn-xs btn-danger removeTr"
                                                                        {{ $isDisabled }}><i class="fa fa-times"></i></a>
                                                                </td>
                                                            </tr>
                                                        @endforeach
                                                    </tbody>
                                                    <tfoot>
                                                        <tr>
                                                            <td colspan="2">
                                                                <div class="row">
                                                                    <div class="col-sm-12">
                                                                        <a style="float: right;" href="javascript:;" id="addMoreAccount"
                                                                            class="btn btn-xs btn-info"><i class="fa fa-plus-circle"></i></a>
                                                                    </div>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    </tfoot>
                                                </table>
                                            </div>

                                            <br>
                                            <div class="row">
                                                <div class="form-group col-md-12 text-center">
                                                    <div class="col-sm-12">
                                                        <input id="add" class="btn btn-info" type="button" value="Submit" />
                                                        <a href="{{url('hr/employee')}}" class="btn btn-danger closeBtn">Close</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <br>

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

                                    </div>

                                </div>

                            </div>

                        </div>

                    </div>
                </div>
            </div>
            <div class="footerTitle" style="border-top:1px solid white"></div>
        </div>
        <div class="col-md-1"></div>
    </div>
</div>

<br />
<b>Warning</b>:  Undefined variable $data in <b>/home/shikkhaplus/public_html/guk_bk/resources/views/hr/employee/basicInfo/editBasicAccountInformation.blade.php</b> on line <b>167</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/shikkhaplus/public_html/guk_bk/resources/views/hr/employee/basicInfo/editBasicAccountInformation.blade.php</b> on line <b>167</b><br />
<br />
<b>Warning</b>:  foreach() argument must be of type array|object, null given in <b>/home/shikkhaplus/public_html/guk_bk/resources/views/hr/employee/basicInfo/editBasicAccountInformation.blade.php</b> on line <b>167</b><br />
<br />
<b>Warning</b>:  Undefined variable $data in <b>/home/shikkhaplus/public_html/guk_bk/resources/views/hr/employee/basicInfo/editBasicAccountInformation.blade.php</b> on line <b>172</b><br />
<br />
<b>Warning</b>:  Trying to access array offset on value of type null in <b>/home/shikkhaplus/public_html/guk_bk/resources/views/hr/employee/basicInfo/editBasicAccountInformation.blade.php</b> on line <b>172</b><br />
<br />
<b>Warning</b>:  foreach() argument must be of type array|object, null given in <b>/home/shikkhaplus/public_html/guk_bk/resources/views/hr/employee/basicInfo/editBasicAccountInformation.blade.php</b> on line <b>172</b><br />
<style>
    .table-striped>tbody>tr {
        border-bottom: 2px solid #999;
    }
</style>
@endsection

@section('footerAssets')
<script>
    $(document).ready(function() {
        var appendCount = {{ $data['accounts']->count() }};
        var bankNameList = "{!! $bankNameSelectOptions !!}";
        var accountTypeList = "{!! $accountTypeSelectOption !!}";

        // $('.appendTr').append(appendHtml);

        $('#addMoreAccount').click(function() {
            appendCount += 1;
            let appendHtml =
                '<tr> <td> <div class="row"> <div class="col-sm-4"> <span style="float: left; color: #000;">Bank</span> <select class="form-control bank_id" onchange="getBankBranch(' +
                appendCount + ', this)" name="bank_id[]"> <option value="">Select any</option> ' +
                bankNameList +
                ' </select> <br/> </div><div class="col-sm-4"> <span style="float: left; color: #000;">Branch</span> <select class="form-control" id="branch_for_' +
                appendCount +
                '" type="text" name="branch[]"> <option value="">Select any</option> </select> <br/> </div><div class="col-sm-4"> <span style="float: left; color: #000;">Account type</span> <select class="form-control account_type" name="account_type[]"> <option value="">Select any</option> ' +
                accountTypeList +
                ' </select> <br/> </div></div><div class="row"> <div class="col-sm-4"> <span style="float: left; color: #000;">Account no.</span> <input class="form-control account_no" placeholder="Account no." name="account_no[]"/> </div><div class="col-sm-4"> <span style="float:left;color:#000;">Routing Number</span> <input class="form-control routing_number" placeholder="Routing Number" name="routing_numbers[]" type="text"><br> </div><div class="col-sm-4"> <span style="float:left;color:#000;">Effect Date</span> <input class="form-control datepicker" placeholder="Effect Date" name="effect_date[]" type="text"><br> </div></div></td><td width="20px" class="removeButton"> <a href="javascript:;" class="btn btn-xs btn-danger removeTr"><i class="fa fa-times"></i></a> </td></tr>';
            $('.appendTr').append(appendHtml);
            removeButtonCheck();
        });

        $(document).on('change', '.account_type', function () {
            if ($(this).val() == 4 || $(this).val() == 5) {
                $(this).closest('tr').find('.routing_number').val('');
                $(this).closest('tr').find('.routing_number').parent('div').hide();
            }
            else{
                $(this).closest('tr').find('.routing_number').parent('div').show();
            }
        });

        $(document).on('click', '.removeTr', function() {
            if (confirm("Are you sure you want to delete this row?")) {
                $(this).parent().parent().remove();
            } else {
                return false;
            }
            removeButtonCheck();
        });
        removeButtonCheck();
        // addNew();
    });

    function removeButtonCheck() {
        var rowCount = $('#account-data >tbody >tr').length;
        if (rowCount <= 1) {
            $(".removeButton").hide();
        } else {
            $(".removeButton").show();
        }
        $('.datepicker').datepicker({
            format: 'dd-mm-yyyy',
            autoclose: true
        });
    }

    function getDependentDropdown(sourceAttr, targetAttr, link, selected = null) {
        var sourceId = 0;
        if (sourceAttr.jquery)
            sourceId = sourceAttr.val();
        else
            sourceId = sourceAttr;
        $.ajax({
            url: link,
            dataType: 'json',
            type: 'POST',
            data: {
                "sourceId": sourceId,
                "_token": $('meta[name="_token"]').attr('content')
            },
            success: function(data, textStatus, jQxhr) {
                var options = '<option value="">Select any</option>';
                $.each(data, function(key, val) {
                    var selectedData = '';
                    if (selected != null && val.id == selected) {
                        selectedData = 'selected="selected"';
                    }

                    options += '<option ' + selectedData + ' value="' + val.id + '">' + val.name +
                        '</option>';
                });
                targetAttr.html(options);
            },
            error: function(jqXhr, textStatus, errorThrown) {
                console.log(errorThrown);
            }
        });
    }
    /* $(document).on('change', '#bank_id', function() {
        getDependentDropdown(
            $('#bank_id'),
            $('select[name="branch"]'),
            '{{ url('hr/employeeAccount/getBankBranches') }}'
        );
    }); */
    function getBankBranch(idNo, target) {
        getDependentDropdown(
            $(target),
            $('#branch_for_' + idNo),
            '{{ url('hr/employeeAccount/getBankBranches') }}'
        );
    }

    // Form Submit Function
    $(document).on('click', '#add', function(event)
    {
        eventId = $(this).attr('id');

        event.preventDefault();
        $("#add").prop('disabled', true);

        var formData = $('#formId').serialize();

        $.ajax({
            url: '../../employee/basicAccountInformationUpdate',
            type: 'POST',
            dataType: 'json',
            data: formData,
        })
        .done(function(__response)
        {
            if (__response.status == true)
            {
                if(eventId == 'add') redirectUrl = '../../employee';

                toastr.success(__response.message);
                setTimeout(function()
                {
                    location.href = redirectUrl;

                }, 1000);

                $("#add").prop('disabled', false);
            }
            else if (__response.status == false)
            {
                toastr.error(__response.message);
                $("#add").prop('disabled', false);
            }
            else
            {
                $("#add").prop('disabled', false);
                alert("something went wrong");
            }
        })
        .fail(function()
        {
            $("#add").prop('disabled', false);
            alert("Response error");
        });

    });

</script>
@endsection