@extends('layouts/pos_layout')
@section('title', '| '. $pageTitle)
@section('content')
<div class="row add-data-form">
    <div class="col-md-12">
            <div class="col-md-2"></div>
                <div class="col-md-8 fullbody">
                    <div class="viewTitle" style="border-bottom: 1px solid white;">
                        <a href="{{url('pos/product-vat-config/')}}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-th-list viewIcon">
                        </i>{!! $pageTitle !!} List</a>
                    </div>
                <div class="panel panel-default panel-border">
                        <div class="panel-heading">
                            <div class="panel-title">{!! $pageTitle !!} Add</div>
                        </div>
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="col-md-12" id="formDiv">
                                    {!! Form::open(array('url' => '', 'role' => 'form', 'class'=>'form-horizontal form-groups')) !!}
                                        <div class="form-group">
                                            {!! Form::label('Sales Type', 'Sales Type:*', ['class' => 'col-sm-2 control-label']) !!}
                                            <div class="col-sm-4">
                                                {!! Form::select('sales_type', $salesTypeFor, null, array('class'=>'form-control', 'id' => 'sales_type', 'placeholder' => 'Select Type')) !!}
                                                <p id='sales_typee' style="max-height:3px;"></p>
                                            </div>
                                            {!! Form::label('Vat Type', 'Vat Type:*', ['class' => 'col-sm-2 control-label']) !!}
                                            <div class="col-sm-4">
                                                {!! Form::select('vat_type', $vatFor, null, array('class'=>'form-control', 'id' => 'vat_type', 'placeholder' => 'Select Type')) !!}
                                                <p id='vat_typee' style="max-height:3px;"></p>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            {!! Form::label('effect_from', 'Effect From:*', ['class' => 'col-sm-2 control-label']) !!}
                                            <div class="col-sm-4">
                                                {!! Form::text('valid_from', $value = null, ['class' => 'form-control', 'id' => 'valid_from', 'type' => 'text', 'placeholder' => 'Enter Effect From', 'readonly' => true]) !!}
                                                <p id='valid_frome' style="max-height:3px;"></p>
                                            </div>

                                            {!! Form::label('effect_to', 'Effect To:*', ['class' => 'col-sm-2 control-label']) !!}
                                            <div class="col-sm-4">
                                                {!! Form::text('valid_to', $value = null, ['class' => 'form-control', 'id' => 'valid_to', 'type' => 'text', 'placeholder' => 'Enter Effect To', 'readonly' => true]) !!}
                                                <p id='valid_toe' style="max-height:3px;"></p>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            {!! Form::label('vat_name', 'Vat Name:*', ['class' => 'col-sm-2 control-label']) !!}
                                            <div class="col-sm-4">
                                                {!! Form::text('vat_name', $value = null, ['class' => 'form-control', 'id' => 'vat_name', 'type' => 'text', 'placeholder' => 'Enter Vat Name']) !!}
                                                <p id='vat_namee' style="max-height:3px;"></p>
                                            </div>
                                            {!! Form::label('vat_percent', 'Vat Percent:*', ['class' => 'col-sm-2 control-label']) !!}
                                            <div class="col-sm-4">
                                                {!! Form::text('vat_percent', $value = null, ['class' => 'form-control', 'id' => 'vat_percent', 'type' => 'number', 'placeholder' => 'Enter Vat Percent']) !!}
                                                <p id='vat_percente' style="max-height:3px;"></p>
                                            </div>
                                        </div>
                                        <br>
                                        <br>
                                        <br>
                                        <div class="form-group">
                                            <div class="col-sm-offset-5 col-sm-7">
                                                {!! Form::submit('Submit', ['id' => 'add', 'class' => 'btn btn-info']); !!}
                                                <a href="{{url('pos/product-vat-config/')}}" class="btn btn-danger closeBtn">Close</a>
                                                <span id="success" style="color:green; font-size:20px;" class="pull-right"></span>
                                            </div>
                                        </div>
                                        <br>
                                        <br>
                                        <br>

                                    {!! Form::close() !!}
                                </div>
                                <div class="col-md-4 emptySpace vert-offset-top-0"></div>
                        </div>
                    </div>
                </div>
             </div>
             <div class="footerTitle" style="border-top:1px solid white"></div>
        </div>
            <div class="col-md-2"></div>
    </div>
</div>
@endsection

<script src="{{asset('js/jquery-1.11.1.min.js')}}"></script>
<script type="text/javascript">

    $(function() {
        //Select2 Event handler for selecting an item
        $('select').on("select2:selecting", function(evt, f, g) {
            disableSel2Group(evt, this, true);
        });

        // Select2 Event handler for unselecting an item
        $('select').on("select2:unselecting", function(evt) {
            disableSel2Group(evt, this, false);
        });
    });

    function disableSel2Group(evt, target, disabled) {
        // Found a note in the Select2 formums on how to get the item to be selected
        var selId = evt.params.args.data.id;
        var group = $("option[value='" + selId + "']").attr("groupid");
        var aaList = $("option", target);
        console.log(aaList);
        $.each(aaList, function(idx, item) {
            var data = $(item).data("data");
            var itemGroupId = $("option[value='" + data.id + "']").attr("groupid");
            console.log(data.id);
            if (itemGroupId != group && data.id != selId) {
                data.disabled = disabled;
            }
        });
  }

    $(document).ready(function()
    {

        $("#valid_from").datepicker(
        {
            changeMonth: true,
            changeYear: true,
            dateFormat: 'dd-mm-yy',
            onSelect: function()
            {
                var valid_from = $("#valid_from").val();
                if(valid_from){ $('#valid_frome').hide();}else{$('#valid_frome').show();}
            }
        });
        $("#valid_to").datepicker(
        {
            changeMonth: true,
            changeYear: true,
            dateFormat: 'dd-mm-yy',
            onSelect: function()
            {
                var valid_to = $("#valid_to").val();
                if(valid_to){ $('#valid_toe').hide();}else{$('#valid_toe').show();}
            }
        });

        $("#vat_type").change(function()
        {
            var discountTypeId = $(this).val();

            var getData = getDiscountType(discountTypeId);

        });

        $("#vat_percent").keyup(function()
        {
            var val = $(this).val();

            var isNumeric = $.isNumeric(val);

            if(isNumeric == true){
                if(val < 0)
                {
                    alert('Vat Percent can not be negative');
                    $(this).val('');
                }
            }else{
                $(this).val(' ');
            }
        });

        var i = 0;
        $('#add_item').click(function()
        {
            i++;

            var category_product_id = $('#category_product_id-'+i+' option:selected').val();

            var discountTypeId = $('#discount_type').val();

            var getData = getDiscountType(discountTypeId,i);
            var activeAppend = true;
            if(category_product_id != '')
            {
                $('#addItemTable tr .forhide').each(function()
                {
                    var cell_text = $(this).closest('tr').find('.category_product_id').val();

                    if(cell_text == category_product_id) activeAppend = false;
                });

                if(activeAppend == true)
                    $('#addItemTable').append('<tr id="row'+i+'" class="forhide"><td><select class="form-control input-sm category_product_id custom-select2" id="category_product_id-'+i+'" name="category_product_id[]"></select></td><td><a href="javascript:;" name="remove" id="'+i+'" class="btn_remove" style="width:80px;"><i class="glyphicon glyphicon-trash" style="color:red; font-size:16px"></i></a></td></tr>');
                else
                    alert('Already Exist');
            }
        });

        $(document).on('click', '.btn_remove', function()
        {
            var button_id = $(this).attr("id");
            $('#row'+button_id+'').remove();

        });

        $('form').submit(function( event )
        {
            event.preventDefault();
            $.ajax({
                type: 'post',
                url: './product-vat-config-store',
                data: $('form').serialize(),
                dataType: 'json',
                success: function(_response)
                {
                    if(_response.errors)
                    {
                        if(_response.errors['sales_type'])
                        {
                            $('#sales_typee').empty();
                            $('#sales_typee').show();
                            $('#sales_typee').append('<span class="errormsg" style="color:red;">'+_response.errors.sales_type+'</span>');
                        }
                        if(_response.errors['vat_type'])
                        {
                            $('#vat_typee').empty();
                            $('#vat_typee').show();
                            $('#vat_typee').append('<span class="errormsg" style="color:red;">'+_response.errors.vat_type+'</span>');
                        }
                        if (_response.errors['valid_from'])
                        {
                            $('#valid_frome').empty();
                            $('#valid_frome').show();
                            $('#valid_frome').append('<span class="errormsg" style="color:red;">'+_response.errors.valid_from+'</span>');
                        }
                        if (_response.errors['valid_to'])
                        {
                            $('#valid_toe').empty();
                            $('#valid_toe').show();
                            $('#valid_toe').append('<span class="errormsg" style="color:red;">'+_response.errors.valid_to+'</span>');
                        }
                        if (_response.errors['vat_name'])
                        {
                            $('#vat_namee').empty();
                            $('#vat_namee').show();
                            $('#vat_namee').append('<span class="errormsg" style="color:red;">'+_response.errors.vat_name+'</span>');
                        }
                        if (_response.errors['vat_percent'])
                        {
                            $('#vat_percente').empty();
                            $('#vat_percente').show();
                            $('#vat_percente').append('<span class="errormsg" style="color:red;">'+_response.errors.vat_percent+'</span>');
                        }
                    }
                    else
                    {
                        if(_response.responseTitle == 'success')
                        {
                            $("#formDiv").load(location.href + " #formDiv>*", "");
                            toastr.success(_response.responseText);

                            setTimeout(function(){
                                window.location.href = "{{ route('pos-product-vat-config-list') }} ";
                            }, 1000);

                        }
                        else
                        {
                            toastr.error(_response.responseText);
                        }
                    }
                },
                error: function( _response )
                {
                    // Handle error
                    toastr.error(_response.errors);

                }
            });
        });

        $("input").keyup(function()
        {
            var vat_name = $("#vat_name").val();
            var vat_percent = $("#vat_percent").val();
            if(vat_name){$('#vat_namee').hide();}else{$('#vat_namee').show();}
            if(vat_percent){$('#vat_percente').hide();}else{$('#vat_percente').show();}
        });

        $('select').on('change', function()
        {
            var category_product_id   = $(".category_product_id").val();
            var sales_type            = $("#sales_type").val();
            var vat_type            = $("#vat_type").val();
            var branch_id            = $("#branch_id").val();

            if(category_product_id)
            {
                $('#category_product_iteme').hide();
                $('#category_product_iteme').hide();
            }
            else
            {
                $('#category_product_iteme').show();
                $('#category_product_iteme').show();
            }

            if(vat_type){ $('#vat_typee').hide();}else{$('#vat_typee').show(); }
            if(sales_type){ $('#sales_typee').hide();}else{$('#sales_typee').show(); }
            if(branch_id){ $('#branch_ide').hide();}else{$('#branch_ide').show(); }

        });

    });

    function getDiscountType(discountTypeId){

         $('#category_product_id').empty();
         $('#category_product_id').append("<option value=''>Select</option>");


        $('.config-item').text(discountTypeId+'*');

            if(discountTypeId)
            {
                $.ajax({
                    type: 'post',
                    url: './product-discount-config-discount-type',
                    data: {
                        '_token': "{{csrf_token()}}",
                        'discountTypeId': discountTypeId,
                    },
                    success: function(_response)
                    {
                        $('#category_product_id').append("<option groupid = 'a' value='0'>All</option>");
                        $.each(_response.data, function( index, value )
                        {
                            $('#category_product_id').append("<option groupid = 'b' value='"+value.id+"'>"+value.name+"</option>");
                        });
                    }
                });
            }
    }
    </script>