@extends('layouts.app')
@section('title', __('Physical Stock Verification'))
@section('content')
<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>Physical Stock Verification</h1>
</section>
<style>
  select,
.select2-container { 
  width: 100% !important;
}
</style>
<!-- Main content -->
<section class="content">
	<div class="box">
        {{--  <div class="box-header">
        	<h3 class="box-title">Physical Stock Verification</h3>
            @can('brand.create')
            	<div class="box-tools">
                    <a href="{{action([\App\Http\Controllers\BulkDiscountController::class, 'create'])}}" class="btn btn-block btn-primary"><i class="fa fa-plus"></i> @lang( 'messages.add' )</a>
                </div>
            @endcan
        </div>  --}}
        <div class="box-body">
            @can('brand.view')
            {!! Form::open(['url' => action([\App\Http\Controllers\BulkDiscountController::class, 'store']), 'method' => 'post']) !!}
              <div class="row">
                <div class="col-sm-3">
                  <div class="form-group">
                    {!! Form::label('location_id', __('sale.location') . ':*') !!}
                      {!! Form::select('location_id', $locations, null, ['placeholder' => __('messages.please_select'), 'class' => 'form-control select2 location_id', 'required']); !!}
                  </div>
                </div>
                <div class="col-sm-3">
                  <div class="form-group">
                    {!! Form::label('location_id', 'Search On :*') !!}
                      {!! Form::select('discount_on', $discount_on, null, ['placeholder' => __('messages.please_select'), 'class' => 'form-control discount_on select2', 'required']); !!}
                  </div>
                </div>
                <div class="col-sm-4">
                  <!-- <div class="form-group">
                    {!! Form::label('starts_at', __( 'lang_v1.starts_at' ) . ':*') !!}
                      {!! Form::text('starts_at', null, ['class' => 'form-control bulk_discount_date', 'required', 'placeholder' => __( 'lang_v1.starts_at' ), 'required' ]); !!}
                  </div> -->
                  <div class="col-sm-12" id="category_input" style="display: none">
                  <div class="form-group">
                    {!! Form::label('category_id', __('product.category') . ':') !!}
                    {!! Form::select('category_id', $categories, null, ['placeholder' => __('messages.please_select'), 'class' => 'form-control category_id select2']); !!}
                  </div>
                </div>
                <div class="col-sm-12" id="brand_input">
                  <div class="form-group">
                    {!! Form::label('brand_id', __('product.brand') . ':') !!}
                      {!! Form::select('brand_id', $brands, null, ['placeholder' => __('messages.please_select'), 'class' => 'form-control brand_id select2']); !!}
                  </div>
                </div>
                <div class="col-sm-12" id="supplier_input" style="display: none">
                  <div class="form-group">
                    {!! Form::label('supplier_id', 'Supplier:') !!}
                      {!! Form::select('supplier_id', $suppliers, null, ['placeholder' => __('messages.please_select'), 'class' => 'form-control supplier_id select2']); !!}
                  </div>
                </div>
                </div>
                
                <div class="col-sm-2" style="margin-top: 25px;">
                  <div class="form-group">
                    <!-- {!! Form::label('ends_at', __( 'Updated On' ) . ':*') !!}
                      {!! Form::text('ends_at', null, ['class' => 'form-control bulk_discount_date', 'required', 'placeholder' => __( 'Updated On' ), 'required' ]); !!} -->
                     <button class="btn btn-primary" id="show_details">Show Details</button>
                </div>
                  </div>
                </div>
                <div class="clearfix"></div>
                <div class="row">
			<div class="col-sm-1 text-center">
			</div>
			<div class="col-sm-8">
				<div class="form-group">
					<div class="input-group">
						<span class="input-group-addon">
							<i class="fa fa-search"></i>
						</span>
						{!! Form::text('search_product', null, ['class' => 'form-control mousetrap', 'id' => 'search_product', 'placeholder' => __('lang_v1.search_product_placeholder'), 'disabled' => $search_disable]); !!}
					</div>
				</div>
			</div>
			<div class="col-sm-1">
			
			</div>
		</div>
                {{-- <div class="col-md-8">
                    <div class="form-group">
                      <div class="input-group">
                        <div class="input-group-btn">
                          <button type="button" class="btn btn-default bg-white btn-flat" data-toggle="modal" data-target="#configure_search_modal" title="Configure product search"><i class="fas fa-search-plus"></i></button>
                        </div>
                        <input class="form-control mousetrap ui-autocomplete-input" id="search_product" placeholder="Enter Product name / SKU / Scan bar code" autofocus="" name="search_product" type="text" style="height:40px" autocomplete="off">

                      </div>
                    </div>
                  </div>
                <div class="col-sm-1">
                  <!-- <button class="btn btn-primary" id="show_details">Search</button> -->
                  <i class="fa fa-plus-circle text-primary fa-lg"></i>
                </div>
                <!-- <div class="col-sm-3">
                {!! Form::label('supplier_id', 'Adjusted On:') !!}
                 <input type="date" class="form-control" id="adjusted_on" name="adjusted_on" >
                
                </div> -->
             
            </div> --}}
            <div class="clearfix"></div>
            <div class="row" style="overflow-x:auto;">
              <div id="show_table"></div>
            </div>
          
            {!! Form::close() !!}
            @endcan
        </div>
  </div>
</section>
@stop
@section('javascript')
    <script>
    $(document).ready(function () { 

      $(document).on('click', '#select-all-row-discount', function(e) {
        var table_id = $(this).data('table-id');
        var count = 0;
        if (this.checked) {
            $('#' + table_id)
                .find('tbody')
                .find('input.row-select')
                .each(function() {
                    if (!this.checked) {
                        $(this)
                            .prop('checked', true)
                            .change();
                      count++;
                    }
                });
          $('#total_selected').html('Total Selected: ' + count);
        } else {
            $('#' + table_id)
                .find('tbody')
                .find('input.row-select')
                .each(function() {
                    if (this.checked) {
                        $(this)
                            .prop('checked', false)
                            .change();

                        count = 0;
                    }
                });
          $('#total_selected').html('Total Selected: ' + count);
        }
      });
      $(document).on('click', '.row-select', function(e) { 
        var numberOfChecked = $('input[name="product_id[]"]:checked').length;
        $('#total_selected').html('Total Selected: ' + numberOfChecked);
      });
      //Datetime picker
      $('.bulk_discount_date').datetimepicker({
        format: moment_date_format + ' ' + moment_time_format,
        ignoreReadonly: true,
      });

      $('.discount_on').on("select2:select", function(e) {
        var discount_on = $(this).val();
        if (discount_on == 1) {
          $("#brand_input").show();
          $("#category_input").hide();
          $("#supplier_input").hide();
          $(".category_id").val('').trigger('change');
          $(".supplier_id").val('').trigger('change');
        } else if (discount_on == 2) {
          $("#category_input").show();
          $("#brand_input").hide();
          $("#supplier_input").hide();
          $(".brand_id").val('').trigger('change');
          $(".supplier_id").val('').trigger('change');
        } else if (discount_on == 3) {
          $("#supplier_input").show();
          $("#category_input").hide();
          $("#brand_input").hide();
          $(".brand_id").val('').trigger('change');
          $(".category_id").val('').trigger('change');
        } else {
          $("#brand_input").show();
          $("#supplier_input").hide();
          $("#category_input").hide();
          $(".category_id").val('').trigger('change');
          $(".supplier_id").val('').trigger('change');
        }
      });

    $(document).on('click', '#show_details', function(e) {
      e.preventDefault();
        var dis_on = $('.discount_on').val();
        var tag = true;
        var msg = '';
        if (dis_on == '') {
          tag = false;
          msg = 'Search on';
        }
        var common_id = ''
        if (dis_on == 1) {
          var dis_on_type = 'brand';
          common_id = $('.brand_id').val();
          msg = 'brand';
        }
        if (dis_on == 2) {
          var dis_on_type = 'category';
          common_id = $('.category_id').val();
          msg = 'category';
        }
        if (dis_on == 3) {
          var dis_on_type = 'supplier';
          common_id = $('.supplier_id').val();
          msg = 'supplier';
        }
        if (common_id == '') {
          tag = false;
        }

        if ($('.location_id').val() == '') {
          tag = false;
          msg = 'location';
        }

        if (tag == false) {
          toastr.error('Please select ' + msg);
          return false;
        }
        var location_d = $('.location_id').val();

        $.ajax({
          method: 'GET',
          url: '/stock-updation/get_products',
          async: false,
          data: {
              common_id: common_id,
              dis_on_type: dis_on_type,
              location_d: location_d,
          },
          dataType: 'json',
          success: function(result) {
              if (result.success) {
                $('#show_table').html(result.html_content)
                  //scroll bottom of items list
                  //$(".pos_product_div").animate({ scrollTop: $('.pos_product_div').prop("scrollHeight")}, 1000);
              } else {
                  toastr.error(result.msg);
              }
          },
      });
    });

    $(document).on('click', '#savings_cal', function(e) {
      e.preventDefault();
        if ($('.discount_amount').val() == '') {
          toastr.error('please enter discount amount');
        }
        var amount = __read_number($('.discount_amount'));
        $('table#bulk_product_table tbody tr').each(function() {
          var mrp = __read_number($(this).closest('tr').find('input.inline_mrp'));
          saving = __calculate_amount('percent', mrp, amount);
          var s_price = mrp - saving;
          __write_number($(this).closest('tr').find('input.sale_price'), s_price);
          __write_number($(this).closest('tr').find('input.saving'), saving);
          __write_number($(this).closest('tr').find('input.inline_dis_amount'), saving);
          __write_number($(this).closest('tr').find('input.inline_discount'), amount);
        });
    });
    $(document).on('change', 'input.inline_discount', function(e) {
      e.preventDefault();
      var amount = __read_number($(this).closest('tr').find('input.inline_discount'));
      var mrp = __read_number($(this).closest('tr').find('input.inline_mrp'));
      saving = __calculate_amount('percent', mrp, amount);
      var s_price = mrp - saving;
      __write_number($(this).closest('tr').find('input.sale_price'), s_price);
      __write_number($(this).closest('tr').find('input.saving'), saving);
      __write_number($(this).closest('tr').find('input.inline_dis_amount'), saving);
    });
    $(document).on('change', 'input.inline_dis_amount', function(e) {
      e.preventDefault();
      var amount = __read_number($(this).closest('tr').find('input.inline_dis_amount'));
      var mrp = __read_number($(this).closest('tr').find('input.inline_mrp'));
      dis_rate = 100 + (__get_rate(mrp, amount));
      var s_price = mrp - amount;
      __write_number($(this).closest('tr').find('input.sale_price'), s_price);
      __write_number($(this).closest('tr').find('input.saving'), amount);
      __write_number($(this).closest('tr').find('input.inline_discount'), dis_rate);
    });
  });
  if ($('#search_product').length) {
        //Add Product
        $('#search_product')
            .autocomplete({
                delay: 1000,
                source: function (request, response) {
                    var price_group = '';
                    var search_fields = [];
                    $('.search_fields:checked').each(function (i) {
                        search_fields[i] = $(this).val();
                        
                    });

                    if ($('#price_group').length > 0) {
                        price_group = $('#price_group').val();
                       
                    }
                    $.getJSON(
                        '/products/list',
                        {
                            price_group: price_group,
                            location_id: $('input#location_id').val(),
                            term: request.term,
                            not_for_selling: 0,
                            search_fields: search_fields,
                        },
                        response
                    );
                },
                minLength: 2,
                response: function (event, ui) {
                    if (ui.content.length == 1) {
                        ui.item = ui.content[0];

                        var is_overselling_allowed = false;
                        if ($('input#is_overselling_allowed').length) {
                            is_overselling_allowed = true;
                        }
                        var for_so = false;
                        if ($('#sale_type').length && $('#sale_type').val() == 'sales_order') {
                            for_so = true;
                        }

                        if (
                            (ui.item.enable_stock == 1 && ui.item.qty_available > 0) ||
                            ui.item.enable_stock == 0 ||
                            is_overselling_allowed ||
                            for_so
                        ) {
                            $(this)
                                .data('ui-autocomplete')
                                ._trigger('select', 'autocompleteselect', ui);
                            $(this).autocomplete('close');
                        }
                    } else if (ui.content.length == 0) {
                        toastr.error(LANG.no_products_found);
                        $('input#search_product').select();
                    }
                },
                focus: function (event, ui) {
                    if (ui.item.qty_available <= 0) {
                        return false;
                    }
                },
                    select: function(event, ui) {
                    $(this).val(null);
                    get_purchase_entry_row(ui.item.product_id, ui.item.variation_id);
                },
            })
            .autocomplete('instance')._renderItem = function (ul, item) {
            var is_overselling_allowed = false;
            if ($('input#is_overselling_allowed').length) {
                is_overselling_allowed = true;
            }

            var for_so = false;
            if ($('#sale_type').length && $('#sale_type').val() == 'sales_order') {
                for_so = true;
            }
            var is_draft = false;
            if (
                $('input#status') &&
                ($('input#status').val() == 'quotation' || $('input#status').val() == 'draft')
            ) {
                var is_draft = true;
            }

            if (
                item.enable_stock == 1 &&
                item.qty_available <= 0 &&
                !is_overselling_allowed &&
                !for_so &&
                !is_draft
            ) {
                var string = '<li class="ui-state-disabled ui-menu-item" aria-disabled="true">' + item.name;
                if (item.type == 'variable') {
                    string += '-' + item.variation;
                }
                var selling_price = item.selling_price;
                if (item.variation_group_price) {
                    selling_price = item.variation_group_price;
                }
                string +=
                    ' (' +
                    item.sub_sku +
                    ')' +
                    '<br> Price: ' +
                    selling_price +
                    ' (Out of stock) </li>';
                return $(string).appendTo(ul);
            } else {
                var string = '<div>' + item.name;
                if (item.type == 'variable') {
                    string += '-' + item.variation;
                }

                var selling_price = item.selling_price;
                if (item.variation_group_price) {
                    selling_price = item.variation_group_price;
                }

                string += ' (' + item.sub_sku + ')' + '<br> Price: ' + selling_price;
                if (item.enable_stock == 1) {
                    var qty_available = __currency_trans_from_en(
                        item.qty_available,
                        false,
                        false,
                        __currency_precision,
                        true
                    );
                    string += ' - ' + qty_available + item.unit;
                }
                string += '</div>';

                return $('<li>').append(string).appendTo(ul);
            }
        };
    }
  </script>
@endsection