@extends('layouts.app')
@section('title', __('lang_v1.add_offer'))
@section('content')
<!-- Content Header (Page header) -->
<section class="content-header">
  <h1>@lang( 'lang_v1.add_offer' )</h1>
</section>
<!-- Main content -->
<style>
  #divStore {
    display: none;
  }

  select,
  .select2-container {
    width: 100% !important;
  }

  .select2-selection__clear {
    z-index: 9999
  }

  #to-show {
    display: none;
  }

  #to-hover:hover>#to-show {
    display: block;
  }
</style>
<section class="content">
  <div class="box">
    <div class="box-header">
      <h3 class="box-title">@lang('lang_v1.offer_on_qty')</h3>
      @can('offer.create')
      <div class="box-tools">
        <a class="btn btn-block btn-primary" href="{{action([\App\Http\Controllers\OfferController::class, 'create'])}}">
          <i class="fa fa-plus"></i> @lang( 'messages.add' )
        </a>
      </div>
      @endcan
    </div>
    <div class="box-body">
      @can('offer.create')
      {!! Form::open(['url' => action([\App\Http\Controllers\OfferController::class, 'store']), 'method' => 'post', 'id' => 'offer_form' ]) !!}
      <div class="row">
        <div class="col-md-6">
          <div class="form-group">
            {!! Form::label('offer_type', __( 'lang_v1.select_offer_type' ) . ':*') !!}
            {!! Form::select('offer_type', [''=> 'Select Offer Type', '1'=> 'Individual Item', '2'=> 'Bill Amount', '3' => 'Based On Qty' ], isset($offer_type) ? $offer_type : '', ['onchange' => 'javascript:onChange(this.value)', 'class' => 'form-control select2', 'id' => 'unit_id']); !!}
          </div>
        </div>
        <div class="col-md-6">
          <div class="form-group">
            {!! Form::label('calculation_type', 'Calculation Method:*') !!}
            {!! Form::select('calculation_type', ['1'=> 'General', '2'=> 'Advance'], old('calculation_type'), ['class' => 'form-control select2', 'id' => 'calculation_type']); !!}
            <p class="help-block text-small">For General Example : 100x11/100 = 11.00, For Advance Example : 100/1.11 = 90.09</p>
          </div>
        </div>
        <div class="col-md-6">
          <div class="form-group">
            {!! Form::label('offer_for', 'Offer For:*') !!}
            {!! Form::select('offer_for', ['' => 'Select offer for','1'=> 'All Stores', '2'=> 'Specific Store'], old('offer_for'), ['onchange' => "javascript:($(this).val() == 2) ? $('#divStore').show() : $('#divStore').hide();", 'class' => 'form-control select2', 'id' => 'offer_for']); !!}
          </div>
        </div>
        <div class="col-md-6" id="divStore">
          <div class="form-group">
            {!! Form::label('location_id', 'Store Name:*') !!}
            {!! Form::select('location_id', $locations, null, ['placeholder' => __('messages.please_select'), 'class' => 'form-control select2']); !!}
          </div>
        </div>
        <div class="col-md-6">
          <div class="form-group">
            {!! Form::label('name', 'Offer Name:*') !!}
            {!! Form::text('name', null, ['class' => 'form-control', 'required', 'placeholder' => 'Name' ]); !!}
          </div>
        </div>
        <div class="clearfix"></div>
        <div class="col-md-4">
          <div class="form-group">
            {!! Form::label('category_id', __('product.category') . ':') !!}
            {!! Form::select('category_id', $categories, 0, ['id' => "category_id", 'class' => 'form-control select2']); !!}
          </div>
        </div>
        <div class="col-md-4">
          <div class="form-group">
            {!! Form::label('sub_category_id', __('product.sub_category') . ':') !!}
            {!! Form::select('sub_category_id', ['0' => 'All'], 0, ['id' => "sub_category_id", 'class' => 'form-control select2']); !!}
          </div>
        </div>
        <div class="col-md-4">
          <div class="form-group">
            {!! Form::label('brand_id', __('product.brand') . ':') !!}
            {!! Form::select('brand_id', $brands, 0, ['id' => "brand_id", 'class' => 'form-control select2']); !!}
          </div>
        </div>
        <div class="col-md-12">
          <div class="form-group">
            {!! Form::label('variation_ids', __('report.products') . ':') !!}
            <span class="text-small text-danger">Leave it blank for all products. In case of particular products, select individual products</span>
            {!! Form::select('variation_ids', [], 0, ['multiple' => 'multiple','id' => "variation_ids", 'class' => 'form-control']); !!}
          </div>
        </div>
        <div class="border_outline">
          <div class="col-sm-4">
            <div class="form-group">
              {!! Form::label('retail_offer', 'Retail Offer') !!}<br>
              {!! Form::checkbox('retail_offer', 1, true, ['class' => 'input-icheck', 'id' => 'retail_offer']); !!} <strong>@lang('lang_v1.is_active')</strong>
              </label>
            </div>
          </div>
          <div class="col-sm-4">
            <div class="form-group">
              {!! Form::label('whole_sale_offer', 'Whole Sale Offer') !!}<br>
              {!! Form::checkbox('whole_sale_offer', 1, true, ['class' => 'input-icheck', 'id' => 'whole_sale_offer']); !!} <strong>@lang('lang_v1.is_active')</strong>
              </label>
            </div>
          </div>
          <div class="col-sm-4">
            <div class="form-group">
              {!! Form::label('canteen', 'Canteen Offer') !!}<br>
              {!! Form::checkbox('canteen_offer', 1, true, ['class' => 'input-icheck', 'id' => 'canteen_offer']); !!} <strong>@lang('lang_v1.is_active')</strong>
              </label>
            </div>
          </div>
        </div>

        <div class="clearfix"></div>
        <div id="pro_detail"></div>
        <div class="col-md-2">
          <div class="form-group">
            {!! Form::label('discount_type', 'Disc Type' . ':*') !!}
            {!! Form::select('discount_type', ['percent'=> 'percent'], '', ['onchange' => 'javascript:onChange(this.value)', 'class' => 'form-control select2', 'id' => 'disc_type']); !!}
          </div>
        </div>
        <div class="col-md-1">
          <div class="form-group">
            {!! Form::label('discount', 'Disc:*') !!}
            {!! Form::text('discount[]', null, ['id' =>'discount','class' => 'form-control input_number', 'placeholder' => 'Discount', 'oninput' => 'calculateSellingPrice()', ]); !!}
          </div>
        </div>
        <div id="pro_selling_price">
        </div>
        <div class="col-md-2">
          <div class="form-group">
            {!! Form::label('min_qty', 'Min Qty:*') !!}
            {!! Form::text('min_qty[]', null, ['id' =>'min_qty', 'placeholder' => 'Min Qty','class' => 'form-control input_number']); !!}
          </div>
        </div>

        <div class="col-md-2">
          <div class="form-group">
            {!! Form::label('max_qty', 'Max Qty:*') !!}
            {!! Form::text('max_qty[]', null, ['id' =>'max_qty','placeholder' => 'Max Qty','class' => 'form-control input_number ']); !!}
          </div>
        </div>

        <div class="col-md-12">
          <div class="form-group">
            <button type="button" class="btn btn-primary btn-sm" id="addCF">Add This</button>
          </div>
        </div>
        <div class="col-md-12">
          <input type="hidden" class="form-control" name="cat_ids[]" value="">
          <input type="hidden" class="form-control" name="sub_cat_ids[]" value="">
          <input type="hidden" class="form-control" name="item_ids[]" value="">
          <input type="hidden" class="form-control" name="brand_ids[]" value="">
        </div>
        <div class="col-md-12">
          <table class="table table-striped" id="qty_table" style="display: none">
            <thead>
              <tr>
                <th scope="col-md-3">Min Qty</th>
                <th scope="col-md-3">Max Qty</th>
                <th scope="col-md-3">Disc Type</th>
                <th scope="col-md-3">Discount</th>
                <th scope="col-md-3">Category</th>
                <th scope="col-md-3">Sub Category</th>
                <th scope="col-md-3">Brand</th>
                <th scope="col-md-3">Item</th>
                <th scope="col-md-3">Retail</th>
                <th scope="col-md-3">Whole Sale</th>
                <th scope="col-md-3">Canteen</th>
                <th scope="col-md-3">Delete</th>
              </tr>
            </thead>
            <tbody>

            </tbody>
          </table>
        </div>
        <div class="clearfix"></div>
        <div class="col-md-4">
          <div class="form-group">
            {!! Form::label('offer_start_date', 'Offers Start Date:*') !!}
            {!! Form::text('offer_start_date', null, ['class' => 'form-control', 'required', 'placeholder' => __( 'lang_v1.starts_at' ),'required' => 'required' ]); !!}
          </div>
        </div>
        <div class="col-md-4">
          <div class="form-group">
            {!! Form::label('offer_end_date', 'Offers End Date:*') !!}
            {!! Form::text('offer_end_date', null, ['class' => 'form-control', 'required', 'placeholder' => __( 'lang_v1.ends_at' ), 'required' => 'required' ]); !!}
          </div>
        </div>
        <div class="col-sm-4">
          <div class="form-group">
            {!! Form::label('status', 'Status') !!}<br>
            {!! Form::checkbox('status', 1, true, ['class' => 'input-icheck']); !!} <strong>@lang('lang_v1.is_active')</strong>
            </label>
          </div>
        </div>
      </div>
      <button type="submit" class="btn btn-primary">@lang( 'messages.save' )</button>
      {!! Form::close() !!}
      @endcan
    </div>
  </div>
</section>
<!-- /.content -->
@stop
@section('javascript')
<script>
  $(document).ready(function() {

    $("#addCF").click(function() {
      var canteen_offer_status = 0;
      canteen_offer_status_name = 'false';
      if ($("#canteen_offer").is(":checked")) {
        canteen_offer_status = 1;
        canteen_offer_status_name = 'true';
      }
      var whole_sale_offer_status = 0;
      whole_sale_offer_status_name = 'false';
      if ($("#whole_sale_offer").is(":checked")) {
        whole_sale_offer_status = 1;
        whole_sale_offer_status_name = 'true';
      }
      var retail_offer_status = 0;
      retail_offer_status_name = 'false';
      if ($("#retail_offer").is(":checked")) {
        retail_offer_status = 1;
        retail_offer_status_name = 'true';
      }
      var minqty = $("#min_qty").val();
      var maxqty = $("#max_qty").val();
      var cat_data = $('#category_id').select2('data');
      var disc_type = $('#disc_type').select2('data');
      var cat_name = cat_data[0].text;
      var disc_type_val = disc_type[0].text;
      var sub_cat_data = $('#sub_category_id').select2('data');
      var sub_cat_name = sub_cat_data[0].text;
      var brand_data = $('#brand_id').select2('data');
      var brand_name = brand_data[0].text;
      var item_data = $('#variation_ids').select2('data');
      if (item_data.length == 0) {
        item_id = 0;
        item_name = 'All';
      } else {
        item_id = $("#variation_ids").val();
        var item_text = $("#variation_ids").text();
        var item_name = item_data[0].text;
      }

      var discount = $("#discount").val();
      cat_id = $("#category_id").val();
      sub_cat_id = $("#sub_category_id").val();
      brand_id = $("#brand_id").val();

      if (minqty == '' || maxqty == '' || discount == '') {
        alert('Pleas enter offer details');
        return false;
      }
      $("#qty_table").show();
      var add = '<tr><td><input type="text" class="form-control input_number" name="min_qty[]" value=" ' + minqty + '" placeholder="Min Qty" required></td>';
      add += '<td><input type="text" class="form-control input_number" name="max_qty[]" value="' + maxqty + '" placeholder="Max Qty" required></td>';

      add += '<td><input type="text" class="form-control input_number" name="disc_type[]" value="' + disc_type_val + '" placeholder="Discount Type" required></td>';

      add += '<td><input type="text" class="form-control input_number" name="discount[]" value="' + discount + '" placeholder="Discount" required></td>';
      add += '<td><input type="text" class="form-control" value="' + cat_name + '" placeholder="Cat name" readonly></td>';
      add += '<td><input type="text" class="form-control" value="' + sub_cat_name + '" placeholder="Sub cat name" readonly></td>';
      add += '<td><input type="text" class="form-control" value="' + brand_name + '" placeholder="Brand name" readonly></td>';
      add += '<td><input type="text" class="form-control" value="' + item_name + '" placeholder="Item Name" readonly=""  data-toggle="popover" data-placement="top" data-content="' + item_text + '" ></td>';

      add += '<td><input type="text" class="form-control" value="' + retail_offer_status_name + '" placeholder="Retail status" readonly></td>';
      add += '<td><input type="text" class="form-control" value="' + whole_sale_offer_status_name + '" placeholder="WholeSale status" readonly></td>';
      add += '<td><input type="text" class="form-control" value="' + canteen_offer_status_name + '" placeholder="Canteen status" readonly></td>';

      add += '<td><a href="javascript:void(0);" class="remCF"><i class="fa fa-times" style="font-size:20px;color:red"></i></a></td></tr>';
      add += '<tr><td><input type="hidden" class="form-control" name="cat_ids[]" value="' + cat_id + '"></td>';
      add += '<td><input type="hidden" class="form-control" name="sub_cat_ids[]" value="' + sub_cat_id + '"></td>';
      add += '<td><input type="hidden" class="form-control" name="brand_ids[]" value="' + brand_id + '"></td>';

      add += '<td><input type="hidden" class="form-control" name="retail_offer_status[]" value="' + retail_offer_status + '"></td>';

      add += '<td><input type="hidden" class="form-control" name="whole_sale_offer_status[]" value="' + whole_sale_offer_status + '"></td>';

      add += '<td><input type="hidden" class="form-control" name="canteen_offer_status[]" value="' + canteen_offer_status + '"></td>';

      add += '<td><input type="hidden" class="form-control" name="item_ids[]" value="' + item_id + '"></td></tr>';
      $("#qty_table").append(add);
      $("#min_qty").val('');
      $("#max_qty").val('');
      $("#discount").val('');
      // $('#variation_ids').empty();
      //$("#category_id").val('');
      //$("#sub_category_id").val('');
      //$("#variation_ids").val('');
    });

    $("#qty_table").on('click', '.remCF', function() {
      var inx = $('.remCF').index(this);
      $('tr').eq(inx + 1).remove();
    });
    var cat_id = sub_cat_id = brand_id = 0;
    $('#category_id').change(function() {
      cat_id = $("#category_id").val();
      if (cat_id == '') {
        $("#sub_category_id").html('<option value="">Select</option>');
      }
      if (cat_id != '' && cat_id == 0) {
        $("#sub_category_id").html('<option value="0">All</option>');
        sub_cat_id = $("#sub_category_id").val();
      }
    });
    $('#sub_category_id').change(function() {
      sub_cat_id = $("#sub_category_id").val();
    });
    $('#brand_id').change(function() {
      brand_id = $("#brand_id").val();
    });

    $('#variation_ids').select2({
      ajax: {
        url: '/purchases/get_products_cat_sub_cat?check_enable_stock=false&only_variations=true',
        dataType: 'json',
        delay: 250,
        multiple: true,
        data: function(params) {
          return {
            term: params.term,
            cat_id: cat_id,
            sub_cat_id: sub_cat_id,
            brand_id: brand_id,
          };
        },
        processResults: function(data) {
          console.log(data)
          var results = [];
          for (var item in data) {
            results.push({
              id: data[item].variation_id,
              text: data[item].text,
            });
          }
          return {
            results: results,
          };
        },
      },
      minimumInputLength: 0,
      closeOnSelect: true,
      placeholder: 'Select item',
      allowClear: true,
    }).on('select2:select', function(e) {
      var selectedOption = e.params.data;
      var variationId = selectedOption.id;
      $.ajax({
        url: '/product-with-price/',
        type: "GET",
        data: {
          variation_id: variationId
        },
        dataType: 'json',
        success: function(result) {
          console.log(result);

          var product_detail_with_price =
            '<div class="col-md-1">' +
            '<div class="form-group">' +
            '<label for="product_id">Cost :*</label>' +
            '<input id="dpp_inc_tax" class="form-control" readonly="" name="dpp_inc_tax" type="text" value="' + parseFloat(result.cost_price).toFixed(2) + '">' +
            '</div>' +
            '</div>' +

            '<div class="col-md-1">' +
            '<div class="form-group">' +
            '<label for="product_mrp">MRP:*</label>' +
            '<input id="product_mrp" class="form-control" readonly="" name="product_mrp" type="text" value="' + parseFloat(result.product_mrp).toFixed(2) + '">' +
            '</div>' +
            '</div>' +

            '<div class="col-md-1">' +
            '<div class="form-group">' +
            '<label for="profit_margin">Profit%:</label>' +
            '<input id="profit_percent" class="form-control text-danger fw-bold" readonly="" name="profit_percent" type="text" value="' + parseFloat(result.profit_percent).toFixed(2) + '">' +
            '</div>' +
            '</div>'
          var pro_selling_price =
            '<div class="col-md-2">' +
            '<div class="form-group">' +
            '<label for="selling_price">Selling Price:*</label>' +
            '<input id="sell_price_inc_tax" oninput="calculateDiscount()" class="form-control" type="text" value="' + parseFloat(result.selling_price).toFixed(2) + '">' +
            '</div>' +
            '</div>'
          // Update the content of the pro_detail div
          $('#pro_selling_price').html(pro_selling_price);
          $('#pro_detail').html(product_detail_with_price);

        }
      });
    });
    $("#variation_ids").val('').trigger('change')
  });
  $('#offer_end_date').datetimepicker({
    format: moment_date_format + ' ' + moment_time_format,
    minDate: new Date(),
    ignoreReadonly: true,
  });
  $('#offer_start_date').datetimepicker({
    format: moment_date_format + ' ' + moment_time_format,
    ignoreReadonly: true,
    minDate: new Date()
  });

  function onChange(e) {
    if (e == 1) {
      window.location.href = "{{ action('\App\Http\Controllers\OfferController@create', ['type' => 1]) }}";
    }
    if (e == 2) {
      window.location.href = "{{ action('\App\Http\Controllers\OfferController@create', ['type' => 2]) }}";
    }
    if (e == 3) {
      window.location.href = "{{ action('\App\Http\Controllers\OfferController@create', ['type' => 3]) }}";
    }
  }

  // calculate selling price function
  function calculateSellingPrice() {
    var discount_val = $("#discount").val();
    var disc_type = $("#disc_type").val();
    var mrp = $("#product_mrp").val();
    var disc_amount = 0;
    var sp_after_disc = mrp - discount_val;
    if (disc_type == 'percent') {
      disc_amount = advanceDiscount(discount_val);
      var sp_after_disc = mrp / disc_amount;
    }
    $("#sell_price_inc_tax").val(parseFloat(sp_after_disc).toFixed(2));
  }
  // calculate discount function
  function calculateDiscount() {
    var mrp = parseFloat($("#product_mrp").val());
    var disc_type = $("#disc_type").val();
    var selling_price = parseFloat($("#sell_price_inc_tax").val());

    if (isNaN(selling_price) == true) {
      alert('Onlye numeric value allowed.');
    } else if (selling_price > mrp) {
      alert('Selling should not be more than MRP.');
    }
    if (selling_price <= mrp && selling_price > 0) {
      var discount = mrp - selling_price;
      if (disc_type !== 'fixed') {
        discount = ((mrp / selling_price) * 100) - 100;
      }
    }
    $("#discount").val(discount.toFixed(2));
  }
  // Initial calculation
  // calculateSellingPrice();

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