@extends('layouts.app')
@section('title', __('lang_v1.edit_offer'))
@section('content')
<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>@lang( 'lang_v1.edit_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, 'update'], [$offerData->id]), 'method' => 'put', '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'], $offerData->cal_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'], $offerData->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" @if($offerData->offer_for == 2) style="display:block" @endif>
                <div class="form-group">
                  {!! Form::label('location_id', 'Store Name:*') !!}
                  {!! Form::select('location_id', $locations, $offerData->business_for, ['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', $offerData->name, ['class' => 'form-control', 'required', 'placeholder' => 'Name' ]); !!}
                </div>
              </div>
              <div class="col-md-6">
                @php($offerItem = \App\OfferItem::where(['offer_id' => $offerData->id])->first())
                @php($itemName = \App\Product::select('id','name')->where(['id' => $offerItem->item_id])->first())
                <div class="form-group">
                  {!! Form::label('variation_ids', __('report.products') . ':') !!}
                    {!! Form::select('variation_ids', [], $itemName->id, ['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; 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;">{{ $itemName->name ?? '' }}</p>
                      </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', $start_date, ['class' => 'form-control', 'required', 'placeholder' => __( 'lang_v1.starts_at' ), 'readonly', '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', $end_date, ['class' => 'form-control', 'required', 'placeholder' => __( 'lang_v1.ends_at' ), 'readonly', 'required' => 'required' ]); !!}
                </div>
              </div>
              <div class="col-sm-4">
                <div class="form-group">
                   {!! Form::label('status', 'Status') !!}<br>
                    {!! Form::checkbox('status', 1, $offerData->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">
                {!! Form::label('offer_type_check', 'Offer Type') !!} &nbsp;&nbsp;<br>
                <div class="form-inline">
                   
                   {!! Form::checkbox('free_qty', 1, $offerItem->is_free_qty == 1 ? true : '', ['id' => 'free_qty','class' => 'input-icheck']); !!}
                   {!! Form::label('free_qty', 'Free Qty') !!} &nbsp;&nbsp;
                   {!! Form::checkbox('discount', 1, $offerItem->is_discount == 1 ? true : '', ['id' => 'discount','class' => 'input-icheck']); !!}
                   {!! Form::label('discount', 'Discount') !!}
                 <br><br>
               </div>
              </div>
              <div class="free_qty_tab" @if($offerItem->is_free_qty == 1) style="display:block" @else style="display:none" @endif>
                @php($offerItemFree = \App\OfferItemFree::where(['offer_id' => $offerData->id])->first())
                <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', isset($offerItemFree->purchase_qty) ? $offerItemFree->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', isset($offerItemFree->free_qty) ? $offerItemFree->free_qty : 0, ['class' => 'form-control input_number']); !!}
                  </div>
                </div>
                <div class="clearfix"></div>
                <div class="col-md-6" id="free_item_show" @if($offerItem->is_free_qty == 1) style="display:block" @endif>
                  <div class="form-group">
                    @if(isset($offerItemFree->free_item_id) && $offerItemFree->free_item_id !='')
                      @php($freeItemName = \App\Product::join('variations', 'products.id', '=', 'variations.product_id')->select('products.id','products.name', 'product_mrp', 'dpp_inc_tax', 'sell_price_inc_tax')->where(['products.id' => $offerItemFree->free_item_id])->first())
                    @else
                      @php($freeItemName = \App\Product::join('variations', 'products.id', '=', 'variations.product_id')->select('products.id','products.name', 'product_mrp', 'dpp_inc_tax', 'sell_price_inc_tax')->where(['products.id' => $offerItem->item_id])->first())
                    @endif
                    {!! Form::label('free_item_id', __('report.products') . ':') !!}
                    {!! Form::select('free_item_id', [], isset($freeItemName->id) ? $freeItemName->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"> {{ isset($freeItemName->name) ? $freeItemName->name : '' }}</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" @if($offerItem->is_discount == 1) style="display:block" @else style="display:none" @endif>
                @php($offerItemDis = \App\OfferItemDiscount::where(['offer_id' => $offerData->id])->first())
                <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, isset($offerItemDis->discount_type) && $offerItemDis->discount_type == 1 ? true : '', ['class' => 'discount_type input-icheck']); !!}
                     {!! Form::label('discount_type', 'Amount') !!} &nbsp;&nbsp;
                     {!! Form::radio('discount_type', 2, isset($offerItemDis->discount_type) && $offerItemDis->discount_type == 2 ? true : '', ['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', isset($offerItemDis->discount_amount) ? $offerItemDis->discount_amount : 0, ['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, isset($offerItemDis->base_offer_type) && $offerItemDis->base_offer_type == 1 ? true : '', ['id' => 'rdoBase0','class' => 'input-icheck']); !!}
                        <label for="base_price">MRP(<span id="mrp_price">{{ $freeItemName->product_mrp ?? '' }}</span>)</label>&nbsp;&nbsp;
                        {!! Form::radio('base_price', 2, isset($offerItemDis->base_offer_type) && $offerItemDis->base_offer_type == 2 ? true : '', ['id' => 'rdoBase1','class' => 'input-icheck']); !!}
                        <label for="base_price">Sale Price(<span id="sale_price">{{ $freeItemName->sell_price_inc_tax ?? '' }}</span>)</label>&nbsp;&nbsp;
                        {!! Form::radio('base_price', 3, isset($offerItemDis->base_offer_type) && $offerItemDis->base_offer_type == 3 ? true : '', ['id' => 'rdoBase2','class' => 'input-icheck']); !!}
                        <label for="base_price">Purchase Price(<span id="purchase_price">{{ $freeItemName->dpp_inc_tax ?? '' }}</span>)</label>&nbsp;&nbsp;
                      </td>
                    </tr>
                    <tr>
                      <td style="width: 20%;"><b>New Price After Discount</b></td>
                      <td>
                        {!! Form::text('new_sale_price', isset($offerItemDis->new_price_after_discount) ? $offerItemDis->new_price_after_discount : 0, ['id' => 'new_sale_price','class' => 'form-control input_number']) !!}
                      </td>
                    </tr>
                  </table>
                </div>
                <div class="clearfix"></div>
              </div>
            </div>
            <div class="clearfix"></div><br>
            <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);
        }).on('select2:unselecting', function(event) {
            $('#offer_item').text('');
            $('#offer_item_free').text('');
            $('#mrp_price').text('');
            $('#sale_price').text('');
            $('#purchase_price').text('');
        });
        $('#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,
      ignoreReadonly: true,
    });
    $('#offer_start_date').datetimepicker({
      format: moment_date_format + ' ' + moment_time_format,
      ignoreReadonly: true,
    });
      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