@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_amount')</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('min_purchase', 'Min Purchase:*') !!}
            {!! Form::text('min_purchase[]', null, ['id' => 'min_purchase', 'placeholder' => 'Min Purchase','class' => 'form-control input_number']); !!}
          </div>
        </div>
        <div class="col-md-4">
          <div class="form-group">
            {!! Form::label('max_purchase', 'Max Purchase:*') !!}
            {!! Form::text('max_purchase[]', null, ['id' => 'max_purchase', 'placeholder' => 'Max Purchase','class' => 'form-control input_number']); !!}
          </div>
        </div>
        {{-- <div class="col-md-4">
                <div class="form-group">
                  {!! Form::label('discount', 'Discount:*') !!}
                  {!! Form::text('discount[]', null, ['id' => 'discount', 'class' => 'form-control input_number', 'placeholder' => 'Discount']); !!}
                </div>
              </div> --}}
        {{----Free and Discount Section ----}}

        <div class="col-md-4" id="offer_type_tab" style="display: inline">
          {!! 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="clearfix"></div>
        {{-------------Start Free Qty Tab-----}}
        <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, ['id' => "item_free_qty",'class' => 'form-control input_number']); !!}
            </div>
          </div>
          <div class="clearfix"></div>
          <div class="col-md-6" id="free_item_show" style="display:inline;">
            <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-12 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>
          </div>
        </div>
        {{-------------End Free Qty Tab-----}}
        {{------------------Start Discount Tab-----}}
        <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">
            <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[]', null, ['id' => 'discountAmt', 'class' => 'form-control input_number', 'placeholder' => 'Discount']); !!}
                </td>
              </tr>

            </table>
          </div>
          <div class="clearfix"></div>

        </div>
        {{--------End of Free And Discount Section -------}}




        <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">
          <table class="table table-striped" id="qty_table" style="display: none">
            <thead>
              <tr>
                <th scope="col-md-2">Min Purchase</th>
                <th scope="col-md-2">Max Purchase</th>
                <th scope="col-md-2">Discount</th>
                <th scope="col-md-2">Free Qty</th>
                <th scope="col-md-2">Free Item Id</th>
                <th scope="col-md-2">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() {
    $('#min_purchase, #max_purchase').on('keyup', function() {
      var min_purchase = $("#min_purchase").val();
      var max_purchase = $("#max_purchase").val();
      $('#mrp_price').text(min_purchase);
      $('#sale_price').text(max_purchase);
    });
    //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();
    });

    $('#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].product_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;
      $('#offer_item_free').text(data.text);

    }).on('select2:unselecting', function(event) {
      $('#offer_item_free').text('');
    });

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

    });

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



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

    });

    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);
    }



    $("#addCF").click(function() {

      var minqty = $("#min_purchase").val();
      var maxqty = $("#max_purchase").val();
      var discount = $("#discountAmt").val();
      var item_free_qty = $("#item_free_qty").val();
      var item_free = $("#free_item_id").val();
      var item_text = $("#free_item_id").text();
      var item_free = item_free == null ? '' : item_free;
      if (minqty == '' || maxqty == '') {
        alert('Pleas enter purchase details');
        return false;
      }
      $("#qty_table").show();
      var add = '<tr><td><input type="text" class="form-control input_number" name="min_purchase[]" value=" ' + minqty + '" placeholder="Min Purchase" required></td>';
      add += '<td><input type="text" class="form-control input_number" name="max_purchase[]" value="' + maxqty + '" placeholder="Max Purchase" required></td>';
      add += '<td><input type="text" class="form-control input_number" name="discount_amt[]" value="' + discount + '" placeholder="Discount" readonly></td>';
      add += '<td><input type="text" class="form-control input_number" name="item_free_quantity[]" value="' + item_free_qty + '" placeholder="Free Qty" readonly></td>';
      add += '<td><input type="text" class="form-control input_number" name="item_free_id[]" value="' + item_free + '" placeholder="Free Item ID" readonly  data-toggle="popover" data-placement="top" data-content="' + item_text + '"></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>';
      $("#qty_table").append(add);
      $("#min_purchase").val('');
      $("#max_purchase").val('');
      $("#discountAmt").val('');
      $("#item_free_qty").val('');
      $("#free_item_id").val('');
      $("#free_item_id").text('');
      $('#offer_item_free').text('');
    });

    $("#qty_table").on('click', '.remCF', function() {
      var inx = $('.remCF').index(this);
      $('tr').eq(inx + 1).remove();
    });
    $('#variation_ids').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,
            });
          }
          return {
            results: results,
          };
        },
      },
      minimumInputLength: 1,
      closeOnSelect: true,
      placeholder: 'Select item',
      allowClear: true,
    });
    $("#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]) }}";
    }
  }
</script>
@endsection