@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
  }
</style>
<section class="content">
  <div class="box">
    <div class="box-header">
      <h3 class="box-title">@lang('lang_v1.offer_on_item')</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="col-md-6">
          {{-- <div class="form-group">
                  {!! Form::label('variation_ids', __('report.products') . ':') !!}
                    {!! Form::select('variation_ids', [], null, ['id' => "variation_ids", 'class' => 'form-control']); !!}
                    <div class="row bg-gray ml-0 mr-0 mt-2" id="offer_item_tab" style="margin-top:10px;display: none; margin-left: 0; margin-right:0">
                      <div class="col-md-3">
                        <p class="text-bold" style="margin-top:10px;">Offer Item</p>
                      </div>
                      <div class="col-md-9">
                        <p class="text-bold" id="offer_item" style="margin-top:10px;"></p>
                      </div>
                    </div>
                </div> ---}}
          <input type="hidden" name="variation_ids" id="variation_ids">
          <div class="form-group">
            {!! Form::label('variation_ids', __('report.products') . ':') !!}

            {!! Form::text('search_product', null, ['class' => 'form-control', 'id' => 'search_product', 'placeholder' => __('Select Offer For')]); !!}
          </div>
        </div>
        <div class="col-md-6">
          <div class="row" style="margin-top:10px; margin-left: 0; margin-right:0;display:none;" id="offer_item_div">
            <div class="col-md-12 bg-gray">
              <div class="form-group" style="margin-top:10px;">
                <span class="text-bold" id="f_item">Item Name: <span id="offer_item_name"></span></span>
              </div>
            </div>

          </div>
        </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' )]); !!}
          </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 class="clearfix"></div>
        <div class="col-md-12" id="offer_type_tab" style="display: none">
          {!! Form::label('offer_type_check', 'Offer Type') !!} &nbsp;&nbsp;<br>
          <div class="form-inline">

            {!! Form::checkbox('free_qty', 1, false, ['id' => 'free_qty','class' => 'input-icheck']); !!}
            {!! Form::label('free_qty', 'Free Qty') !!} &nbsp;&nbsp;
            {!! Form::checkbox('discount', 1, false, ['id' => 'discount','class' => 'input-icheck']); !!}
            {!! Form::label('discount', 'Discount') !!}
            <br><br>
          </div>
        </div>
        <div class="free_qty_tab" style="display: none">
          <div class="col-md-12">
            <div class="form-group bg-gray">
              <h4 class="text-center text-bold" style="height: 40px; padding-top:10px">FREE ITEM</h4>
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group">
              {!! Form::label('purchase_qty', 'Purchase Qty') !!}
              {!! Form::text('purchase_qty', 0, ['class' => 'form-control input_number' ]); !!}
            </div>
          </div>
          <div class="col-md-6">
            <div class="form-group">
              {!! Form::label('item_free_qty', 'Free Qty') !!}
              {!! Form::text('item_free_qty', 0, ['class' => 'form-control input_number']); !!}
            </div>
          </div>
          <div class="clearfix"></div>
          <div class="col-md-6" id="free_item_show" style="display: none">
            <div class="form-group">
              {!! Form::label('free_item_id', __('report.products') . ':') !!}
              {!! Form::select('free_item_id', [], null, ['id' => "free_item_id", 'class' => 'form-control']); !!}
            </div>
          </div>
          <div class="clearfix"></div>
          <div class="col-md-6">
            <div class="row" style="margin-top:10px; margin-left: 0; margin-right:0">
              <div class="col-md-8 bg-gray">
                <div class="form-group" style="margin-top:10px;">
                  <span class="text-bold" id="f_item">Free Item: <span id="offer_item_free"></span></span>
                </div>
              </div>
              <div class="col-md-4">
                <div class="form-group">
                  <button type="button" class="btn btn-danger btn-sm" id="change_free_item" style="float:right" onclick="javascript:$('#free_item_show').show()">
                    Change Free Item
                  </button>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="discount_tab" style="display: none">
          <div class="col-md-12">
            <div class="form-group bg-gray">
              <h4 class="text-center text-bold" style="height: 40px; padding-top:10px">Discount</h4>
            </div>
          </div>
          <div class="col-md-12">
            {!! Form::label('discount_type_check', 'Discount Type') !!} &nbsp;&nbsp;<br>
            <div class="form-inline">
              {!! Form::radio('discount_type', 1, true, ['class' => 'discount_type input-icheck']); !!}
              {!! Form::label('discount_type', 'Amount') !!} &nbsp;&nbsp;
              {!! Form::radio('discount_type', 2, false, ['class' => 'discount_type input-icheck']); !!}
              {!! Form::label('discount_type', 'Percentage') !!}
              <br><br>
            </div>
          </div>
          <div class="col-md-12">
            <table class="table table-bordered table-hover" style="width: 70%">
              <tr>
                <td style="width: 20%;"><b><span id="dis_amount">Discount Amount</span></b></td>
                <td>
                  {!! Form::text('discount_amount', '', ['id' => 'discount_amount','placeholder' => 'Enter discount amount/Percentage','class' => 'form-control input_number']) !!}
                </td>
              </tr>
              <tr>
                <td style="width: 20%;"><b>Base Offer Price</b></td>
                <td>
                  {!! Form::radio('base_price', 1, true, ['id' => 'rdoBase0','class' => 'input-icheck']); !!}
                  <label for="base_price">MRP(<span id="mrp_price"></span>)</label>&nbsp;&nbsp;
                  {!! Form::radio('base_price', 2, false, ['id' => 'rdoBase1','class' => 'input-icheck']); !!}
                  <label for="base_price">Sale Price(<span id="sale_price"></span>)</label>&nbsp;&nbsp;
                  {!! Form::radio('base_price', 3, false, ['id' => 'rdoBase2','class' => 'input-icheck']); !!}
                  <label for="base_price">Purchase Price(<span id="purchase_price"></span>)</label>&nbsp;&nbsp;
                </td>
              </tr>
              <tr>
                <td style="width: 20%;"><b>New Price After Discount</b></td>
                <td>
                  {!! Form::text('new_sale_price', 0, ['id' => 'new_sale_price','class' => 'form-control input_number']) !!}
                </td>
              </tr>
            </table>
          </div>
          <div class="clearfix"></div>
        </div>
      </div>
      <div class="clearfix"></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() {
    //   $('#variation_ids').select2({
    //     ajax: {
    //      url: '/purchases/get_products?check_enable_stock=false&only_variations=true',
    //         dataType: 'json',
    //         delay: 250,
    //         processResults: function(data) {
    //           return {
    //             results: $.map(data, function (item) {
    //                 return {
    //                     text: item.text,
    //                     id: item.variation_id,
    //                     product_mrp: item.product_mrp,
    //                     sale_price: item.sell_price_inc_tax,
    //                     purchase_price: item.dpp_inc_tax,
    //                 }
    //             })
    //           };
    //         },
    //     },
    //     minimumInputLength: 1,
    //     closeOnSelect: true,
    //     placeholder: 'Select item',
    //     allowClear: true,
    //   }).on('select2:select', function(event) {
    //     var data = event.params.data;
    //     $("#offer_item_tab").show();
    //     $("#offer_type_tab").show();
    //     $('#mrp_price').text(data.product_mrp);
    //     $('#sale_price').text(data.sale_price);
    //     $('#purchase_price').text(data.purchase_price);
    //     $('#offer_item').text(data.text);
    //     $('#offer_item_free').text(data.text);
    //     $('#free_item_id').val(data.id);
    // }).on('select2:unselecting', function(event) {
    //     $('#offer_item').text('');
    //     $('#offer_item_free').text('');
    //     $('#mrp_price').text('');
    //     $('#sale_price').text('');
    //     $('#free_item_id').val('');
    //     $('#purchase_price').text('');
    // });

    //Add products
    if ($('#search_product').length > 0) {
      //Add Product
      $('#search_product')
        .autocomplete({
          source: function(request, response) {
            $.getJSON(
              '/products/list', {
                location_id: $('#location_id').val(),
                term: request.term
              },
              response
            );
          },
          minLength: 2,
          response: function(event, ui) {
            if (ui.content.length == 1) {
              ui.item = ui.content[0];
              if (ui.item.qty_available > 0 && ui.item.enable_stock == 1) {
                $(this)
                  .data('ui-autocomplete')
                  ._trigger('select', 'autocompleteselect', ui);
                $(this).autocomplete('close');
              }
            } else if (ui.content.length == 0) {
              swal(LANG.no_products_found);
            }
          },
          focus: function(event, ui) {
            if (ui.item.qty_available <= 0) {
              return false;
            }
          },
          select: function(event, ui) {
            if (ui.item.qty_available > 0) {
              $(this).val(null);
              $("#variation_ids").val(ui.item.variation_id);
              get_product_details(ui.item.variation_id);
            } else {
              alert(LANG.out_of_stock);
            }
          },
        })
        .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">' + 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);
          }
        };
    }


    $('#free_item_id').select2({
      ajax: {
        url: '/purchases/get_products?check_enable_stock=false&only_variations=true',
        dataType: 'json',
        delay: 250,
        processResults: function(data) {
          var results = [];
          for (var item in data) {
            results.push({
              id: data[item].variation_id,
              text: data[item].text,
              product_mrp: data[item].product_mrp,
              sale_price: data[item].sell_price_inc_tax,
              purchase_price: data[item].dpp_inc_tax,
            });
          }
          return {
            results: results,
          };
        },
      },
      minimumInputLength: 1,
      closeOnSelect: true,
      placeholder: 'Select item',
      allowClear: true,
    }).on('select2:select', function(event) {
      var data = event.params.data;
      $('#mrp_price').text(data.product_mrp);
      $('#sale_price').text(data.sale_price);
      $('#purchase_price').text(data.purchase_price);
      $('#offer_item_free').text(data.text);
    }).on('select2:unselecting', function(event) {
      $('#offer_item_free').text('');
      $('#mrp_price').text('');
      $('#sale_price').text('');
      $('#purchase_price').text('');
    });

    $("#variation_ids").val('').trigger('change');
    $("#free_item_id").val('').trigger('change');

    //open discount tab
    $('#free_qty').on('ifChanged', function(event) {
      (event.target.checked) ? $('.free_qty_tab').show(): $('.free_qty_tab').hide();
    });

    $("#discount").on('ifChanged', function(event) {
      (event.target.checked) ? $('.discount_tab').show(): $('.discount_tab').hide();
    });

    var mrp_price = 0;
    var sale_price = 0;
    var purchase_price = 0;
    var dis_amount = 0;

    $(".discount_type").on('ifChanged', function(event) {
      var type = event.target.value;
      if (type == 1) {
        (event.target.checked) ? $('#dis_amount').html('Discount Percent'): $('#dis_amount').html('Discount Amount');
        $("#discount_percent").val("");
        $("#new_sale_price").val("");
      }
      if (type == 2) {
        $("#discount_percent").val("");
        $("#new_sale_price").val("");
      }
      dis_amount = $("#discount_amount").val();

      if ($("#rdoBase0").prop("checked")) {
        mrp_price = $('#mrp_price').text();
        doCalDiscount(mrp_price, dis_amount, type);
      }
      if ($("#rdoBase1").prop("checked")) {
        sale_price = $('#sale_price').text();
        doCalDiscount(sale_price, dis_amount, type);
      }
      if ($("#rdoBase2").prop("checked")) {
        purchase_price = $('#purchase_price').text();
        doCalDiscount(purchase_price, dis_amount, type);
      }
    });

    $("#rdoBase0").on('ifChanged', function(event) {
      mrp_price = $('#mrp_price').text();
      dis_amount = $("#discount_amount").val();
      dis_type = $("input[type=radio][name=discount_type]:checked").val();
      doCalDiscount(mrp_price, dis_amount, dis_type);
    });

    $("#rdoBase1").on('ifChanged', function(event) {
      sale_price = $('#sale_price').text();
      dis_amount = $("#discount_amount").val();
      dis_type = $("input[type=radio][name=discount_type]:checked").val();
      doCalDiscount(sale_price, dis_amount, dis_type);
    });

    $("#rdoBase2").on('ifChanged', function(event) {
      purchase_price = $('#purchase_price').text();
      dis_amount = $("#discount_amount").val();
      dis_type = $("input[type=radio][name=discount_type]:checked").val();
      doCalDiscount(purchase_price, dis_amount, dis_type);
    });

    $("#discount_amount").change(function() {
      dis_amount = $("#discount_amount").val();
      dis_type = $("input[type=radio][name=discount_type]:checked").val();
      if ($("#rdoBase0").prop("checked")) {
        mrp_price = $('#mrp_price').text();
        doCalDiscount(mrp_price, dis_amount, dis_type);
      }
      if ($("#rdoBase1").prop("checked")) {
        sale_price = $('#sale_price').text();
        doCalDiscount(sale_price, dis_amount, dis_type);
      }
      if ($("#rdoBase2").prop("checked")) {
        purchase_price = $('#purchase_price').text();
        doCalDiscount(purchase_price, dis_amount, dis_type);
      }
    });

    function doCalDiscount(price, dis_val, per) {
      if (per == 1) {
        var decnwPrice = price - dis_val;
      } else {
        var decnwPrice = (price - (price * dis_val / 100));
      }
      $("#new_sale_price").val(decnwPrice);
    }
  });

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

  function get_product_details(variation_id) {
    $.ajax({
      method: 'GET',
      url: '/product/get_variation_details',
      data: {
        variation_id: variation_id
      },
      dataType: 'json', // Use 'html' if you expect HTML, 'json' for JSON data
      success: function(result) {
        console.log(result);
        //   var data = JSON.parse(result);
        var data = result; // Access the first item in the array
        $("#offer_item_tab").show();
        $("#offer_type_tab").show();
        $("#offer_item_div").show();
        $('#mrp_price').text(data[0].product_mrp);
        $('#sale_price').text(data[0].sale_price);
        $('#purchase_price').text(data[0].purchase_price);
        $('#offer_item_name').text(data[0].text);
        $('#offer_item_free').text(data[0].text);
      },
      error: function(xhr, status, error) {
        console.error('An error occurred:', status, error);
        // Handle the error as needed
      }
    });
  }
</script>
@endsection