@extends('layouts.app')
@section('title', __('sale.discount'))
@section('content')
<!-- Content Header (Page header) -->
<section class="content-header">
  <h1>Channel Partner Discount</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">Bulk Discounts</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\ChannelPartnerDiscountController::class, 'store']), 'method' => 'post']) !!}
    <div class="row">
      <div class="col-sm-3">
        <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>
      <div class="col-sm-3">
        <div class="form-group">
          {!! Form::label('ends_at', __( 'lang_v1.ends_at' ) . ':*') !!}
          {!! Form::text('ends_at', null, ['class' => 'form-control bulk_discount_date', 'required', 'placeholder' => __( 'lang_v1.ends_at' ), 'required' ]); !!}
        </div>
      </div>
      <div class="col-sm-3">
        <div class="form-group">
          {!! Form::label('bussines_type', 'Bussines Type:*') !!}
          {!! Form::select('bussines_type', $bussines_type, null, ['placeholder' => __('messages.please_select'), 'class' => 'form-control select2 bussines_type', 'required']); !!}
        </div>
      </div>
      <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="clearfix"></div>
      <div class="col-sm-3">
        <div class="form-group">
          {!! Form::label('location_id', 'Discount 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-3" 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-3" 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-3" 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 class="col-sm-2" style="margin-top: 25px;">
        <button class="btn btn-primary" id="show_details">Show Details</button>
      </div>
      <div class="col-sm-2">
        <div class="form-group">
          {!! Form::label('discount','Discount:') !!}
          {!! Form::text('discount_amount', null, ['class' => 'form-control input_number discount_amount', 'placeholder' => 'discount%']); !!}
        </div>
      </div>
      <div class="col-sm-2" style="margin-top: 25px;">
        <button class="btn btn-primary" id="savings_cal">Calculate Savings</button>
      </div>
    </div>
    <div class="clearfix"></div>
    <div class="row" style="overflow-x:auto;">
      <div id="show_table"></div>
    </div>
    <button type="submit" class="btn btn-primary float-right">@lang( 'messages.save' )</button>
    <button type="reset" class="btn btn-primary float-right" onClick="window.location.reload()">Reset</button>
    {!! 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 = 'discount 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 ($('.bussines_type').val() == '') {
        tag = false;
        msg = 'bussiness type';
      }
      if ($('.location_id').val() == '') {
        tag = false;
        msg = 'location';
      }
      if (tag == false) {
        toastr.error('Please select ' + msg);
        return false;
      }
      var location_d = $('.location_id').val();
      var bussines_type = $('.bussines_type').val();

      $.ajax({
        method: 'GET',
        url: '/channel-partner-discounts/get_products',
        async: false,
        data: {
          common_id: common_id,
          dis_on_type: dis_on_type,
          location_d: location_d,
          bussines_type: bussines_type,
        },
        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 $row = $(this).closest('tr');
        var mrp = __read_number($(this).closest('tr').find('input.inline_mrp'));
        var cost_price = __read_number($(this).closest('tr').find('input.cost_price'));

        var discount = advanceDiscount(amount);
        // console.log(discount);

        var s_price = mrp / discount;
        // console.log(s_price);
        var profit_amt = s_price - cost_price;
        saving = mrp - s_price;
        profit_percent = 100 + (__get_rate(cost_price, profit_amt));
        __write_number($(this).closest('tr').find('input.sale_price'), s_price);

        __write_number($(this).closest('tr').find('input.inline_dis_amount'), saving);
        __write_number($(this).closest('tr').find('input.inline_discount'), amount);
        $($row).find('input.saving').val(profit_amt.toFixed(2));
        __write_number($(this).closest('tr').find('input.profit_percent'), profit_percent);
      });
    });
    $(document).on('change', 'input.inline_discount', function(e) {
      e.preventDefault();
      var $row = $(this).closest('tr');
      var cost_price = __read_number($(this).closest('tr').find('input.cost_price'));
      var amount = __read_number($(this).closest('tr').find('input.inline_discount'));
      var mrp = __read_number($(this).closest('tr').find('input.inline_mrp'));
      var discount = advanceDiscount(amount);
      var discount = advanceDiscount(amount);
      // console.log(discount);

      var s_price = mrp / discount;
      // console.log(s_price);
      var profit_amt = s_price - cost_price;
      saving = mrp - s_price;
      profit_percent = 100 + (__get_rate(cost_price, profit_amt));
      __write_number($(this).closest('tr').find('input.sale_price'), s_price);
      // __write_number($(this).closest('tr').find('input.saving'), profit_amt);

      __write_number($(this).closest('tr').find('input.inline_dis_amount'), saving);
      $($row).find('input.saving').val(profit_amt.toFixed(2));
      __write_number($(this).closest('tr').find('input.profit_percent'), profit_percent);
    });


    $(document).on('change', 'input.inline_dis_amount', function(e) {
      e.preventDefault();
      var $row = $(this).closest('tr');
      var cost_price = __read_number($(this).closest('tr').find('input.cost_price'));
      var amount = __read_number($(this).closest('tr').find('input.inline_dis_amount'));
      var mrp = __read_number($(this).closest('tr').find('input.inline_mrp'));

      var s_price = mrp - amount;
      dis_rate = 100 + (__get_rate(mrp, amount));
      var discount_margin = amount;
      // profit_percent = (wholesale_margin / wholesale_selling_price) * 100;
      discount_amt = mrp/s_price;
      var dis_rate=advanceToNormalDiscount(discount_amt);
      var profit_amt = s_price - cost_price;
      __write_number($(this).closest('tr').find('input.sale_price'), s_price);

      __write_number($(this).closest('tr').find('input.inline_discount'), dis_rate);
      $($row).find('input.saving').val(profit_amt.toFixed(2));
      profit_percent = 100 + (__get_rate(cost_price, profit_amt));
      __write_number($(this).closest('tr').find('input.profit_percent'), profit_percent);
    });

    $('#bussines_type').change(function() {
      var bussines_type = $(this).val();
      // console.log(bussines_type);
      if (bussines_type) {
        $.ajax({
          url: '{{ route("business-location-dropdown-by-location-type") }}',
          type: 'GET',
          data: {
            bussines_type: bussines_type
          },
          success: function(data) {
            // console.log(data);
            $('#location_id').empty();
            $('#location_id').append('<option value="All">All Location</option>');
            $.each(data, function(key, value) {
              $('#location_id').append('<option value="' + value.id + '">' + value.name + '( ' + value.location_id + ' ) </option>');
            });
          }
        });
      } else {
        $('#location_id').empty();
        $('#location_id').append('<option value="">Please Select</option>');
      }
    });
  });

  function advanceDiscount(discount) {
    if (discount <= 100) {
      discount = 1 + discount * 0.01;
    } else if (discount > 100 && discount <= 200) {
      discount = 2 + (discount - 100) * 0.01;
    } else if (discount > 200 && discount <= 300) {
      discount = 3 + (discount - 200) * 0.01;
    } else if (discount > 300 && discount <= 400) {
      discount = 4 + (discount - 300) * 0.01;
    } else if (discount > 400 && discount <= 500) {
      discount = 5 + (discount - 400) * 0.01;
    } else if (discount > 500 && discount <= 600) {
      discount = 6 + (discount - 500) * 0.01;
    } else if (discount > 600 && discount <= 700) {
      discount = 7 + (discount - 600) * 0.01;
    } else if (discount > 700 && discount <= 800) {
      discount = 8 + (discount - 700) * 0.01;
    } else if (discount > 800 && discount <= 900) {
      discount = 9 + (discount - 800) * 0.01;
    }
    return discount;
  }


  function advanceToNormalDiscount(discount) {
    let discountValue = 0;

    // When Discount 1.01 to 1.99 or 2 to 2.99
    if (discount >= 1 && discount < 3) {
        discountValue = (discount - 1) * 100;
    }

    return discountValue;
}

</script>
@endsection