@extends('hr_main')
@section('title', '| ' . $data['pageTitle'])
@section('content')
    @include('successMsg')

    <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="{!! $data['listBtnUrl'] !!}" class="btn btn-info pull-right addViewBtn"><i
                            class="glyphicon glyphicon-th-list viewIcon">
                        </i>{!! $data['listBtnLabel'] !!}</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">{!! $data['pageTitle'] !!}</div>
                                </div>

                                <div class="panel-body">
                                    <div class="row">
                                        <div class="col-md-12">
                                    
                                            {!! Form::open(['files' => 'false', 'id' => 'formId', 'role' => 'form', 'class' => 'form-horizontal form-groups']) !!}
                                                
                                                <div class="form-group col-sm-12">
                                                    <label class="col-sm-2 control-label">Effected From Fiscal Year:<span style="color: red !important">*</span></label>
                                                    <div class="col-sm-4">
                                                        {!! Form::select('fiscal_year_id', $data['fiscalYears'], null, ['class' => 'form-control fiscal_year_id', 'id' => 'fiscal_year_id']) !!}
                                                        <p id='fiscal_year_id_msg' style="color: red !important"></p>
                                                    </div>
                                                </div>
                                                
                                                <div class="form-group col-sm-12">
                                                    <label class="col-sm-2 control-label">Particular Item:<span style="color: red !important">*</span></label>
                                                    <div class="col-sm-4">
                                                        {!! Form::select('particular_item_id', [], null, ['class' => 'form-control particular_item_id select2', 'id' => 'particular_item_id']) !!}
                                                        <p id='particular_item_id_msg' style="color: red !important"></p>
                                                    </div>
                                                </div>

                                                <label class="col-sm-12"><b>Exemptions Amount & Percentage</b><hr></label>

                                                <div class="form-group form-group col-sm-12">
                                                    <label class="col-sm-2 control-label">Limit In Amount:</label>
                                                    <div class="col-sm-4">
                                                        {!! Form::text('exemptions_amount', '', ['class' => 'form-control', 'id' => 'exemptions_amount', 'type' => 'text', 'placeholder' => 'Limit In Amount']) !!}
                                                    </div>
                                                </div>

                                                <div class="form-group form-group col-sm-12">
                                                    <label class="col-sm-2 control-label">Limit In Percentage:</label>
                                                    <div class="col-sm-4">
                                                        {!! Form::text('exemptions_percentage', '', ['class' => 'form-control', 'id' => 'exemptions_percentage', 'type' => 'text', 'placeholder' => 'Limit In Percentage']) !!}
                                                    </div>
                                                </div>
                                                
                                                <div class="form-group col-sm-12">
                                                    <label class="col-sm-2 control-label">Percentage Againsts:</label>
                                                    <div class="col-sm-4">
                                                        {!! Form::select('percentage_effcet_income_type', $data['percentageEffectIncomeTypes'], null, ['class' => 'form-control percentage_effcet_income_type', 'id' => 'percentage_effcet_income_type']) !!}
                                                        <br>
                                                        <p id='amount_or_percentage_msg' style="color: red !important"></p>
                                                    </div>
                                                </div>
                                                
                                                <div class="row form-group">
                                                    <div class="col-sm-12 text-center">
                                                        {!! Form::submit('Submit', ['id' => 'add', 'class' => 'btn btn-info']); !!}
                                                        <a href="{!! $data['closeBtnUrl'] !!}" class="btn btn-danger closeBtn">Close</a>
                                                    </div>
                                                </div>
                                            
                                            {!! 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>
@endsection

@section('footerAssets')
    <script>
        $(document).ready(function() {

            $('#particular_item_id').append("<option value=''>Select Particular Item</option>");

            $('#fiscal_year_id').change(function() {
                var currentVal = $(this).val();

                $('#particular_item_id').find('option').remove().end();
                $('#particular_item_id').append("<option value=''>Select Particular Item</option>");
                $("#particular_item_id").select2("val", "");
                
                if(currentVal) {
                    // Get All Exemptions
                    $.ajax({
                        url: '../income-tax-exemption-configure/getAllParticularItems',
                        type: 'GET',
                        dataType: 'json',
                        data: {
                            fiscal_year_id: currentVal
                        }
                    })
                    .done(function(__response) {
                        if(__response.status == true) {
                            __response.data.forEach(function(item) {
                                $('#particular_item_id').append("<option value=\"" + item.id + "\">" + item.name + "</option>");
                            });
                        }
                        else {
                            alert("something went wrong");
                        }
                    })
                    .fail(function() {
                        $("#add").prop('disabled', false);
                        alert("Response error");
                    });
                }

            });

            $('#fiscal_year_id, #particular_item_id, #percentage_effcet_income_type').change(function() {
                var currentId = $(this).attr('id');

                if(currentId == 'fiscal_year_id') {
                    $('#fiscal_year_id_msg').text('');
                }
                if(currentId == 'particular_item_id') {
                    $('#particular_item_id_msg').text('');
                }
                if(currentId == 'percentage_effcet_income_type') {
                    $('#amount_or_percentage_msg').text('');
                }
            });

            $('#exemptions_amount, #exemptions_percentage').on('input',  function () {
                this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');
                $('#amount_or_percentage_msg').text('');
            });

            // Form Submit Function
            $(document).on('submit', '#formId', function(event) {
                event.preventDefault();
                $("#add").prop('disabled', true);

                var formData = $('#formId').serialize();
                $.ajax({
                        url: '../income-tax-exemption-configure/store',
                        type: 'POST',
                        dataType: 'json',
                        data: formData,
                    })
                .done(function(__response) {
                    if(__response.status == true) {
                        toastr.success(__response.message);
                        setTimeout(function() {
                            location.reload();
                        }, 500);
                    }
                    else if(__response.status == false) {
                        if (__response.field == 'fiscal_year') $('#fiscal_year_id_msg').text(__response.message);
                        if (__response.field == 'particular_item') $('#particular_item_id_msg').text(__response.message);
                        if (__response.field == 'amount_or_percentage') $('#amount_or_percentage_msg').text(__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