@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="panel panel-default panel-border">
                        <div class="panel-heading">
                            <div class="panel-title">{!! $pageTitle !!} View</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')) !!}
                                        <input type="hidden" id="ref_id" name="ref_id" value="<br />
<b>Warning</b>:  Undefined variable $datas in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/pos/productConfig/productDiscount/view.blade.php</b> on line <b>17</b><br />
<br />
<b>Warning</b>:  Attempt to read property "id" on null in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/pos/productConfig/productDiscount/view.blade.php</b> on line <b>17</b><br />
" />
                                        <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, $datas->sales_type, array('class'=>'form-control', 'id' => 'sales_type', 'placeholder' => 'Select Type', 'disabled' => true)) !!}
                                                <p id='sales_typee' style="max-height:3px;"></p>
                                            </div>
                                            {!! Form::label('Discount Type', 'Discount Type:*', ['class' => 'col-sm-2 control-label']) !!}
                                            <div class="col-sm-4">
                                                {!! Form::select('discount_type', $discountFor, $datas->discount_type, array('class'=>'form-control', 'id' => 'discount_type', 'placeholder' => 'Select Type', 'disabled' => true)) !!}
                                                <p id='discount_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 = $datas->valid_from, ['class' => 'form-control', 'id' => 'valid_from', 'type' => 'text', 'placeholder' => 'Enter Effect From', 'disabled' => 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 = $datas->valid_to, ['class' => 'form-control', 'id' => 'valid_to', 'type' => 'text', 'placeholder' => 'Enter Effect To', 'disabled' => true]) !!}
                                                <p id='valid_toe' style="max-height:3px;"></p>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            {!! Form::label('discount_name', 'Discount Name:*', ['class' => 'col-sm-2 control-label']) !!}
                                            <div class="col-sm-4">
                                                {!! Form::text('discount_name', $value = $datas->discount_name, ['class' => 'form-control', 'id' => 'discount_name', 'type' => 'text', 'placeholder' => 'Enter Discount Name', 'disabled' => true]) !!}
                                                <p id='discount_namee' style="max-height:3px;"></p>
                                            </div>
                                            {!! Form::label('discount_percent', 'Discount Percent:*', ['class' => 'col-sm-2 control-label']) !!}
                                            <div class="col-sm-4">
                                                {!! Form::text('discount_percent', $value = $datas->discount_percent, ['class' => 'form-control', 'id' => 'discount_percent', 'type' => 'number', 'placeholder' => 'Enter Discount Percent', 'disabled' => true]) !!}
                                                <p id='discount_percente' style="max-height:3px;"></p>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            {!! Form::label('branch_id', 'Branch*', ['class' => 'col-sm-2 control-label']) !!}
                                            <div class="col-sm-10">
                                                <select name="branch_id[]" id="branch_id" class="form-control custom-select2" multiple disabled>
                                                    <option value="">Select Branch</option>
                                                    <option groupid = "a" value="0">All</option>
                                                    @if($branches)
                                                    @foreach($branches as $branch)
                                                        <option groupid = "b" value="{{$branch->id}}">{{ $branch->branchCode }} - {{ $branch->name }}</option>
                                                    @endforeach
                                                    @endif
                                                </select>
                                                <p id='branch_ide' style="max-height:3px;"></p>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            {!! Form::label('branch_id', 'Config Item*', ['class' => 'col-sm-2 control-label config-item']) !!}
                                            <div class="col-sm-10">
                                                <select class="form-control input-sm category_product_id custom-select2" id="category_product_id" name="category_product_id[]" multiple disabled></select>

                                                <p id='category_product_iteme' style="max-height:3px;"></p>
                                            </div>
                                        </div>
                                        <br>
                                        <br>
                                        <br>
                                        <div class="form-group">
                                            <div class="col-sm-offset-5 col-sm-7">
                                                <a href="{{url('pos/product-discount-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);
        $.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()
    {
        $("#branch_id").val(<br />
<b>Warning</b>:  Undefined variable $datas in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/pos/productConfig/productDiscount/view.blade.php</b> on line <b>137</b><br />
<br />
<b>Warning</b>:  Attempt to read property "branch_id" on null in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/pos/productConfig/productDiscount/view.blade.php</b> on line <b>137</b><br />
).trigger("change");
        var discountTypeId = $('#discount_type').val();
        getDiscountType(discountTypeId);

        $("#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();}
            }
        }); 

    });

    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: '{{url("/pos/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>");
                        });
                        $("#category_product_id").val(<br />
<b>Warning</b>:  Undefined variable $datas in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/pos/productConfig/productDiscount/view.blade.php</b> on line <b>188</b><br />
<br />
<b>Warning</b>:  Attempt to read property "category_product_id" on null in <b>/home/shikkhaplus/public_html/demo_bk/resources/views/pos/productConfig/productDiscount/view.blade.php</b> on line <b>188</b><br />
).trigger("change");
                    }
                });
                
            }
    }
    </script>