@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_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, '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="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, null, ['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="clearfix"></div>
              <div class="col-md-4">
                <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-4">
                <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-4">
                <div class="form-group">
                  {!! Form::label('discount', 'Discount:*') !!}
                  {!! Form::text('discount[]', null, ['id' =>'discount','class' => 'form-control input_number', 'placeholder' => 'Discount' ]); !!}
                </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">
                  <thead>
                    <tr>
                        <th scope="col-md-3">Min Qty</th>
                        <th scope="col-md-3">Max Qty</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">Delete</th>
                    </tr>
                  </thead>
                    <tbody>
                      <tbody>
                        @php($offerQty = \App\OfferQty::where(['offer_id' => $offerData->id])->get())
                        @if (!empty($offerQty))
                          @foreach ($offerQty as $billQty)
                            <tr>
                              <td><input type="text" class="form-control input_number" name="min_qty[]" value="{{ $billQty->min_qty }}" placeholder="Min Qty" required></td>
                              <td><input type="text" class="form-control input_number" name="max_qty[]" value="{{ $billQty->max_qty }}" placeholder="Max Qty" required></td>
                              <td><input type="text" class="form-control input_number" name="discount[]" value="{{ $billQty->discount }}" placeholder="Discount" required></td>
                              <td>
                                @php($catName = \App\Category::select('id','name')->where(['id' => $billQty->cat_id])->first())
                                <input type="text" class="form-control" value="{{ $catName->name ?? 'All' }}" placeholder="Cat name" readonly>
                                <input type="hidden" class="form-control" name="cat_ids[]" value="{{ $catName->id ?? 0 }}">
                              </td>
                              <td>
                                @php($subCatName = \App\Category::select('id','name')->where(['id' => $billQty->sub_cat_id])->first())
                                <input type="text" class="form-control" value="{{ $subCatName->name ?? 'All' }}" placeholder="Sub cat name" readonly>
                                <input type="hidden" class="form-control" name="sub_cat_ids[]" value="{{ $subCatName->id ?? 0 }}">
                              </td>
                              <td>
                                @php($brandName = \App\Brands::select('id','name')->where(['id' => $billQty->brand_id])->first())
                                <input type="text" class="form-control" value="{{ $brandName->name ?? 'All' }}" placeholder="Sub cat name" readonly>
                                <input type="hidden" class="form-control" name="brand_ids[]" value="{{ $brandName->id ?? 0 }}">
                              </td>
                              <td>
                                @if (isset($billQty->item_id) && $billQty->item_id != 0)
                                  @foreach (explode(',', $billQty->item_id) as $product)
                                      @php($prodName = \App\Product::select('id','name')->where(['id' => $product])->first())
                                      @php($prdNames[] = $prodName->name)
                                  @endforeach
                                  <input type="text" class="form-control" value="{{ implode(',', $prdNames) }}" placeholder="Item Name" readonly>
                                @else
                                  <input type="text" class="form-control" value="All" placeholder="Item Name" readonly>
                                @endif
                                  <input type="hidden" class="form-control" name="item_ids[]" value="{{ $billQty->item_id ?? 0 }}">
                              </td>
                              <td><a href="javascript:void(0);" class="remCF"><i class="fa fa-times" style="font-size:20px;color:red"></i></a></td>
                            </tr>
                          @endforeach
                        @endif
                      </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', $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>
            <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 minqty = $("#min_qty").val();
            var maxqty = $("#max_qty").val();
            var cat_data = $('#category_id').select2('data');
            var cat_name = cat_data[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_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="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></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="item_ids[]" value="' + item_id + '"></td></tr>';
              $('#qty_table > tbody:last').append(add); 
              //$("#qty_table").append(add); 
              $("#min_qty").val('');
              $("#max_qty").val('');
              $("#discount").val('');
             // $("#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 = brandId = 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) {
                    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,
        });
        $("#variation_ids").val('').trigger('change')
      });
      $('#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