@extends('modules.head') @section('contenido')
<link rel="stylesheet" href="{{ asset('js/timepicker/bootstrap-timepicker.min.css') }}"/>


<h3 ><a class="ruta" class="" href="{{url('/discounts')}}">{{ Lang::get('messages.screen_discounts_tag1')}}  </a> <span class="separador-ruta">|</span><a class="ruta" class="" href="{{url('/discounts/add')}}">{{ Lang::get('messages.screen_discounts_tag2')}} </a> </h3>

<div class="box">
    <div class="box-header with-border">
        <h3 class="box-title">{{ Lang::get('messages.screen_discounts_tag2')}}</h3>
        <!-- /.box-tools -->
    </div>
    <!-- /.box-header -->
    <div class="box-body" >
      <div class="row">
        <div class="col-md-12">
          <!-- Custom Tabs -->
          <div class="nav-tabs-custom">
            <ul class="nav nav-tabs">
              @foreach($discountTypes as $discountType)
                @if($discountType->id == 1)
                <li class="active"><a class="aTable" href="#tab_{{$discountType->id}}" id="{{$discountType->id}}" data-toggle="tab" aria-expanded="false">{{$discountType->name}}</a></li>
                @else
                <li class=""><a class="aTable" href="#tab_{{$discountType->id}}" id="{{$discountType->id}}" data-toggle="tab" aria-expanded="false">{{$discountType->name}}</a></li>
                @endif
              @endforeach
            </ul>
            <div class="tab-content">
              @foreach($discountTypes as $discountType)
                  @if($discountType->id == 1)
                  <div class="tab-pane active" id="tab_{{$discountType->id}}">
                    @if($statusDiscountShipments)
                      <div class="iconAlertCreateDiscount" style="display: -webkit-box !important;">
                          <i class="fa fa-exclamation-circle"></i>
                          <p class="text-red">{{ Lang::get('messages.screen_discounts_tag55')}}</p>
                      </div>
                    @endif
                    <form role="form" id="createDiscount{{$discountType->id}}" data-toggle="validator">
                      <div class="row">
                          <div class="col-4 col-md-4">
                              <div class="form-group">
                                  <label for="name{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag6')}} </label>
                                  <input type="text" class="form-control" name="name{{$discountType->id}}" id="name{{$discountType->id}}" required>
                              </div>
                          </div>
                          <div class="col-4 col-md-4">
                              <div class="form-group">
                                  <label for="price_discount{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag16')}} </label>
                                  <input type="number" class="form-control" min="0" name="price_discount{{$discountType->id}}" id="price_discount{{$discountType->id}}">
                              </div>
                          </div>

                          <div class="col-4 col-md-4">
                              <div class="form-group">
                                  <label for="percentage_discount{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag17')}} </label>
                                  <input type="number" class="form-control" min="0" max="100" name="percentage_discount{{$discountType->id}}" id="percentage_discount{{$discountType->id}}">
                              </div>
                          </div>
                      </div>

                      <div class="row">
                        <div class="col-1 col-md-1">
                          <div class="row">
                            <div class="col-xs-12">
                              <label for="days_register_discount_delivery{{$discountType->id}}">{{ Lang::get('messages.screen_parameters_tag18')}}</label>
                            </div>
                          </div>
                          <div class="row">
                              <div class="col-xs-12">
                                <div class="form-group">
                                  <input type="number" class="form-control" name="days_register_discount_delivery{{$discountType->id}}" id="days_register_discount_delivery{{$discountType->id}}" placeholder="" required>
                                </div>
                              </div>
                          </div>
                        </div>
                        <div class="col-4 col-md-4">
                          <div class="row">
                            <div class="col-xs-12">
                              <label for="discount_global_shipping{{$discountType->id}}">{{ Lang::get('messages.screen_parameters_tag8')}} </label>
                            </div>
                          </div>
                          <div class="row">
                              <div class="col-xs-12">
                                <div class="form-group">
                                  <input type="number" class="form-control" min="0" max="100" name="discount_global_shipping{{$discountType->id}}" id="discount_global_shipping{{$discountType->id}}" placeholder="">
                                </div>
                              </div>
                          </div>
                        </div>
                      </div>
                      <div class="row buttonsAddDiscount">
                        @if ($statusDiscountShipments)
                          <button  onClick="createDiscount({{$discountType->id}})" id="btn-create-discount{{$discountType->id}}" class="btn btnBox pull-right" disabled>{{ Lang::get('messages.screen_products_tag25')}}</button>
                        @else
                          <button  onClick="createDiscount({{$discountType->id}})" id="btn-create-discount{{$discountType->id}}" class="btn btnBox pull-right">{{ Lang::get('messages.screen_products_tag25')}}</button>
                        @endif
                        <button type="button" class="btn btnBox pull-right displayNone" id="spinnerButton{{$discountType->id}}">
                          <i class="fa fa-spinner fa-spin"></i>
                        </button>
                        <button type="button" class="btn btn-default pull-right btnCancel">
                            <a href="{{url('/discounts')}}">{{ Lang::get('messages.screen_products_tag26')}} </a>
                        </button>
                        {{ csrf_field() }}
                      </div>
                    </form>
                  </div>
                  <!-- /.tab-pane -->
                  @elseif($discountType->id == 2)
                  <div class="tab-pane" id="tab_{{$discountType->id}}">
                    <form role="form" id="createDiscount{{$discountType->id}}" data-toggle="validator">
                        <div class="row">
                            <div class="col-3 col-md-3">
                                <div class="form-group">
                                    <label for="name{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag6')}} </label>
                                    <input type="text" class="form-control" name="name{{$discountType->id}}" id="name{{$discountType->id}}" required>
                                </div>
                            </div>
                            <div class="col-3 col-md-4">
                                <div class="form-group">
                                    <label class="fontSize13" for="value_for_win{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag7')}} </label>
                                    <input type="number" class="form-control" name="value_for_win{{$discountType->id}}" id="value_for_win{{$discountType->id}}" required>
                                </div>
                            </div>
                            <div class="col-6 col-md-5">
                                <div class="form-group">
                                    <label for="message_to_user{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag10')}} </label>
                                    <input type="text" class="form-control" name="message_to_user{{$discountType->id}}" id="message_to_user{{$discountType->id}}" required>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                          <div class="col-3 col-md-3">
                            <div class="form-group">
                              <label for="start_date{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag12')}}</label>
                              <div class="input-group date">
                                <div class="input-group-addon">
                                  <i class="fa fa-calendar"></i>
                                </div>
                                <input type="text" class="form-control pull-right" name="start_date{{$discountType->id}}" id="start_date{{$discountType->id}}" required>
                              </div>
                            </div>
                          </div>

                          <div class="col-3 col-md-3">
                            <div class="bootstrap-timepicker">
                              <div class="form-group">
                                <label for="start_hour{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag13')}}</label>
                                <div class="input-group">
                                  <div class="input-group-addon">
                                    <i class="fa fa-clock-o"></i>
                                  </div>
                                  <input type="text" class="form-control timepicker" name="start_hour{{$discountType->id}}" id="start_hour{{$discountType->id}}" required>
                                </div>
                              </div>
                            </div>
                          </div>

                          <div class="col-3 col-md-3">
                            <div class="form-group">
                              <label for="limit_date{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag14')}}</label>
                              <div class="input-group date">
                                <div class="input-group-addon">
                                  <i class="fa fa-calendar"></i>
                                </div>
                                <input type="text" class="form-control pull-right" name="limit_date{{$discountType->id}}" id="limit_date{{$discountType->id}}" required>
                              </div>
                            </div>
                          </div>

                          <div class="col-3 col-md-3">
                            <div class="bootstrap-timepicker">
                              <div class="form-group">
                                <label for="limit_hour{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag15')}}</label>
                                <div class="input-group">
                                  <div class="input-group-addon">
                                    <i class="fa fa-clock-o"></i>
                                  </div>
                                  <input type="text" class="form-control timepicker" name="limit_hour{{$discountType->id}}" id="limit_hour{{$discountType->id}}" required>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>

                        <div class="row">
                          <div class="col-4 col-md-4">
                              <div class="form-group">
                                  <label for="max_winners{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag11')}} </label>
                                  <input type="number" class="form-control" name="max_winners{{$discountType->id}}" id="max_winners{{$discountType->id}}" required>
                              </div>
                          </div>

                          <div class="col-4 col-md-4">
                              <div class="form-group">
                                  <label for="price_discount{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag16')}} </label>
                                  <input type="number" class="form-control" min="0" name="price_discount{{$discountType->id}}" id="price_discount{{$discountType->id}}">
                              </div>
                          </div>

                          <div class="col-4 col-md-4">
                              <div class="form-group">
                                  <label for="percentage_discount{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag17')}} </label>
                                  <input type="number" class="form-control" min="0" max="100" name="percentage_discount{{$discountType->id}}" id="percentage_discount{{$discountType->id}}">
                              </div>
                          </div>
                        </div>

                        <div class="row">
                          <div class="col-6 col-md-6">
                            <div class="form-group">
                                <label for="is_multiple_redeem{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag18')}} </label>
                                <select class="form-control" name="is_multiple_redeem{{$discountType->id}}" id="is_multiple_redeem{{$discountType->id}}" required>
                                    <option disabled selected="selected"> Seleccionar </option>
                                    <option value="1"> Si </option>
                                    <option value="0"> No </option>
                                </select>
                            </div>
                          </div>

                          <div class="col-6 col-md-6">
                            <div class="form-group">
                                <label for="is_cumulative_another_discounts{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag19')}} </label>
                                <select class="form-control" name="is_cumulative_another_discounts{{$discountType->id}}" id="is_cumulative_another_discounts{{$discountType->id}}" required>
                                    <option disabled selected="selected"> Seleccionar </option>
                                    <option value="1"> Si </option>
                                    <option value="0"> No </option>
                                </select>
                            </div>
                          </div>
                        </div>

                        <div class="row buttonsAddDiscount">
                          <button  onClick="createDiscount({{$discountType->id}})" id="btn-create-discount{{$discountType->id}}" class="btn btnBox pull-right ">{{ Lang::get('messages.screen_products_tag25')}}</button>
                          <button type="button" class="btn btnBox pull-right displayNone" id="spinnerButton{{$discountType->id}}">
                            <i class="fa fa-spinner fa-spin"></i>
                          </button>
                          <button type="button" class="btn btn-default pull-right btnCancel"  >
                              <a href="{{url('/discounts')}}">{{ Lang::get('messages.screen_products_tag26')}} </a>
                          </button>
                          {{ csrf_field() }}
                        </div>
                    </form>
                  </div>
                  <!-- /.tab-pane -->
                  @elseif($discountType->id == 3)
                  <div class="tab-pane" id="tab_{{$discountType->id}}">
                    <form role="form" id="createDiscount{{$discountType->id}}" data-toggle="validator">
                        <div class="row">
                            <div class="col-3 col-md-3">
                                <div class="form-group">
                                    <label for="name{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag6')}} </label>
                                    <input type="text" class="form-control" name="name{{$discountType->id}}" id="name{{$discountType->id}}" required>
                                </div>
                            </div>
                            <div class="col-3 col-md-4">
                                <div class="form-group">
                                    <label class="fontSize13" for="value_for_win{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag7')}} </label>
                                    <input type="number" class="form-control" name="value_for_win{{$discountType->id}}" id="value_for_win{{$discountType->id}}" required>
                                </div>
                            </div>
                            <div class="col-6 col-md-5">
                                <div class="form-group">
                                    <label for="message_to_user{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag10')}} </label>
                                    <input type="text" class="form-control" name="message_to_user{{$discountType->id}}" id="message_to_user{{$discountType->id}}" required>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                          <div class="col-3 col-md-3">
                            <div class="form-group">
                              <label for="start_date{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag12')}}</label>
                              <div class="input-group date">
                                <div class="input-group-addon">
                                  <i class="fa fa-calendar"></i>
                                </div>
                                <input type="text" class="form-control pull-right" name="start_date{{$discountType->id}}" id="start_date{{$discountType->id}}" required>
                              </div>
                            </div>
                          </div>

                          <div class="col-3 col-md-3">
                            <div class="bootstrap-timepicker">
                              <div class="form-group">
                                <label for="start_hour{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag13')}}</label>
                                <div class="input-group">
                                  <div class="input-group-addon">
                                    <i class="fa fa-clock-o"></i>
                                  </div>
                                  <input type="text" class="form-control timepicker" name="start_hour{{$discountType->id}}" id="start_hour{{$discountType->id}}" required>
                                </div>
                              </div>
                            </div>
                          </div>

                          <div class="col-3 col-md-3">
                            <div class="form-group">
                              <label for="limit_date{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag14')}}</label>
                              <div class="input-group date">
                                <div class="input-group-addon">
                                  <i class="fa fa-calendar"></i>
                                </div>
                                <input type="text" class="form-control pull-right" name="limit_date{{$discountType->id}}" id="limit_date{{$discountType->id}}" required>
                              </div>
                            </div>
                          </div>

                          <div class="col-3 col-md-3">
                            <div class="bootstrap-timepicker">
                              <div class="form-group">
                                <label for="limit_hour{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag15')}}</label>
                                <div class="input-group">
                                  <div class="input-group-addon">
                                    <i class="fa fa-clock-o"></i>
                                  </div>
                                  <input type="text" class="form-control timepicker" name="limit_hour{{$discountType->id}}" id="limit_hour{{$discountType->id}}" required>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>

                        <div class="row">
                          <div class="col-4 col-md-4">
                              <div class="form-group">
                                  <label for="max_winners{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag11')}} </label>
                                  <input type="number" class="form-control" name="max_winners{{$discountType->id}}" id="max_winners{{$discountType->id}}" required>
                              </div>
                          </div>

                          <div class="col-4 col-md-4">
                              <div class="form-group">
                                  <label for="price_discount{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag16')}} </label>
                                  <input type="number" class="form-control" min="0" name="price_discount{{$discountType->id}}" id="price_discount{{$discountType->id}}">
                              </div>
                          </div>

                          <div class="col-4 col-md-4">
                              <div class="form-group">
                                  <label for="percentage_discount{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag17')}} </label>
                                  <input type="number" class="form-control" min="0" max="100" name="percentage_discount{{$discountType->id}}" id="percentage_discount{{$discountType->id}}">
                              </div>
                          </div>
                        </div>

                        <div class="row">
                          <div class="col-6 col-md-6">
                            <div class="form-group">
                                <label for="is_multiple_redeem{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag18')}} </label>
                                <select class="form-control" name="is_multiple_redeem{{$discountType->id}}" id="is_multiple_redeem{{$discountType->id}}" required>
                                    <option disabled selected="selected"> Seleccionar </option>
                                    <option value="1"> Si </option>
                                    <option value="0"> No </option>
                                </select>
                            </div>
                          </div>

                          <div class="col-6 col-md-6">
                            <div class="form-group">
                                <label for="is_cumulative_another_discounts{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag19')}} </label>
                                <select class="form-control" name="is_cumulative_another_discounts{{$discountType->id}}" id="is_cumulative_another_discounts{{$discountType->id}}" required>
                                    <option disabled selected="selected"> Seleccionar </option>
                                    <option value="1"> Si </option>
                                    <option value="0"> No </option>
                                </select>
                            </div>
                          </div>
                        </div>

                        <div class="row buttonsAddDiscount">
                          <button  onClick="createDiscount({{$discountType->id}})" id="btn-create-discount{{$discountType->id}}" class="btn btnBox pull-right ">{{ Lang::get('messages.screen_products_tag25')}}</button>
                          <button type="button" class="btn btnBox pull-right displayNone" id="spinnerButton{{$discountType->id}}">
                            <i class="fa fa-spinner fa-spin"></i>
                          </button>
                          <button type="button" class="btn btn-default pull-right btnCancel"  >
                              <a href="{{url('/discounts')}}">{{ Lang::get('messages.screen_products_tag26')}} </a>
                          </button>
                          {{ csrf_field() }}
                        </div>
                    </form>
                  </div>
                  <!-- /.tab-pane -->
                  @elseif($discountType->id == 4)
                  <div class="tab-pane" id="tab_{{$discountType->id}}">
                    <form role="form" id="createDiscount{{$discountType->id}}" data-toggle="validator">
                        <div class="row">
                            <div class="col-3 col-md-3">
                                <div class="form-group">
                                    <label for="name{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag6')}} </label>
                                    <input type="text" class="form-control" name="name{{$discountType->id}}" id="name{{$discountType->id}}" required>
                                </div>
                            </div>
                            <div class="col-3 col-md-4">
                                <div class="form-group">
                                    <label class="fontSize13" for="value_for_win{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag7')}} </label>
                                    <input type="number" class="form-control" name="value_for_win{{$discountType->id}}" id="value_for_win{{$discountType->id}}" required>
                                </div>
                            </div>
                            <div class="col-6 col-md-5">
                                <div class="form-group">
                                    <label for="message_to_user{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag10')}} </label>
                                    <input type="text" class="form-control" name="message_to_user{{$discountType->id}}" id="message_to_user{{$discountType->id}}" required>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                          <div class="col-3 col-md-3">
                            <div class="form-group">
                              <label for="start_date{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag12')}}</label>
                              <div class="input-group date">
                                <div class="input-group-addon">
                                  <i class="fa fa-calendar"></i>
                                </div>
                                <input type="text" class="form-control pull-right" name="start_date{{$discountType->id}}" id="start_date{{$discountType->id}}" required>
                              </div>
                            </div>
                          </div>

                          <div class="col-3 col-md-3">
                            <div class="bootstrap-timepicker">
                              <div class="form-group">
                                <label for="start_hour{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag13')}}</label>
                                <div class="input-group">
                                  <div class="input-group-addon">
                                    <i class="fa fa-clock-o"></i>
                                  </div>
                                  <input type="text" class="form-control timepicker" name="start_hour{{$discountType->id}}" id="start_hour{{$discountType->id}}" required>
                                </div>
                              </div>
                            </div>
                          </div>

                          <div class="col-3 col-md-3">
                            <div class="form-group">
                              <label for="limit_date{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag14')}}</label>
                              <div class="input-group date">
                                <div class="input-group-addon">
                                  <i class="fa fa-calendar"></i>
                                </div>
                                <input type="text" class="form-control pull-right" name="limit_date{{$discountType->id}}" id="limit_date{{$discountType->id}}" required>
                              </div>
                            </div>
                          </div>

                          <div class="col-3 col-md-3">
                            <div class="bootstrap-timepicker">
                              <div class="form-group">
                                <label for="limit_hour{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag15')}}</label>
                                <div class="input-group">
                                  <div class="input-group-addon">
                                    <i class="fa fa-clock-o"></i>
                                  </div>
                                  <input type="text" class="form-control timepicker" name="limit_hour{{$discountType->id}}" id="limit_hour{{$discountType->id}}" required>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>

                        <div class="row">
                          <div class="col-3 col-md-3">
                              <div class="form-group">
                                  <label for="code_coupon{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag20')}} </label>
                                  <input type="text" class="form-control" name="code_coupon{{$discountType->id}}" id="code_coupon{{$discountType->id}}" required>
                              </div>
                          </div>

                          <div class="col-3 col-md-3">
                              <div class="form-group">
                                  <label for="max_winners{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag11')}} </label>
                                  <input type="number" class="form-control" name="max_winners{{$discountType->id}}" id="max_winners{{$discountType->id}}" required>
                              </div>
                          </div>

                          <div class="col-3 col-md-3">
                              <div class="form-group">
                                  <label for="price_discount{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag16')}} </label>
                                  <input type="number" class="form-control" min="0" name="price_discount{{$discountType->id}}" id="price_discount{{$discountType->id}}">
                              </div>
                          </div>

                          <div class="col-3 col-md-3">
                              <div class="form-group">
                                  <label for="percentage_discount{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag17')}} </label>
                                  <input type="number" class="form-control" min="0" max="100" name="percentage_discount{{$discountType->id}}" id="percentage_discount{{$discountType->id}}">
                              </div>
                          </div>
                        </div>

                        <div class="row">
                          <div class="col-6 col-md-6">
                            <div class="form-group">
                                <label for="is_multiple_redeem{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag18')}} </label>
                                <select class="form-control" name="is_multiple_redeem{{$discountType->id}}" id="is_multiple_redeem{{$discountType->id}}" required>
                                    <option disabled selected="selected"> Seleccionar </option>
                                    <option value="1"> Si </option>
                                    <option value="0"> No </option>
                                </select>
                            </div>
                          </div>

                          <div class="col-6 col-md-6">
                            <div class="form-group">
                                <label for="is_cumulative_another_discounts{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag19')}} </label>
                                <select class="form-control" name="is_cumulative_another_discounts{{$discountType->id}}" id="is_cumulative_another_discounts{{$discountType->id}}" required>
                                    <option disabled selected="selected"> Seleccionar </option>
                                    <option value="1"> Si </option>
                                    <option value="0"> No </option>
                                </select>
                            </div>
                          </div>
                        </div>

                        <div class="row buttonsAddDiscount">
                          <button  onClick="createDiscount({{$discountType->id}})" id="btn-create-discount{{$discountType->id}}" class="btn btnBox pull-right ">{{ Lang::get('messages.screen_products_tag25')}}</button>
                          <button type="button" class="btn btnBox pull-right displayNone" id="spinnerButton{{$discountType->id}}">
                            <i class="fa fa-spinner fa-spin"></i>
                          </button>
                          <button type="button" class="btn btn-default pull-right btnCancel"  >
                              <a href="{{url('/discounts')}}">{{ Lang::get('messages.screen_products_tag26')}} </a>
                          </button>
                          {{ csrf_field() }}
                        </div>
                    </form>
                  </div>
                  <!-- /.tab-pane -->
                  @elseif($discountType->id == 5)
                  <div class="tab-pane" id="tab_{{$discountType->id}}">
                    <form role="form" id="createDiscount{{$discountType->id}}" data-toggle="validator">
                      <div class="row">
                        <div class="col-3 col-md-3">
                          <div class="form-group">
                            <label for="name{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag6')}} </label>
                            <input type="text" class="form-control" name="name{{$discountType->id}}" id="name{{$discountType->id}}" required>
                          </div>
                        </div>
                        <div class="col-3 col-md-4">
                          <div class="form-group">
                            <label class="fontSize13" for="value_for_win{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag7')}} </label>
                            <input type="number" class="form-control" name="value_for_win{{$discountType->id}}" id="value_for_win{{$discountType->id}}" required>
                          </div>
                        </div>
                        <div class="col-6 col-md-5">
                          <div class="form-group">
                            <label for="message_to_user{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag10')}} </label>
                            <input type="text" class="form-control" name="message_to_user{{$discountType->id}}" id="message_to_user{{$discountType->id}}" required>
                          </div>
                        </div>
                      </div>

                      <div class="row">
                        <div class="col-3 col-md-3">
                          <div class="form-group">
                            <label for="start_date{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag12')}}</label>
                            <div class="input-group date">
                              <div class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                              </div>
                              <input type="text" class="form-control pull-right" name="start_date{{$discountType->id}}" id="start_date{{$discountType->id}}" required>
                            </div>
                          </div>
                        </div>

                        <div class="col-3 col-md-3">
                          <div class="bootstrap-timepicker">
                            <div class="form-group">
                              <label for="start_hour{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag13')}}</label>
                              <div class="input-group">
                                <div class="input-group-addon">
                                  <i class="fa fa-clock-o"></i>
                                </div>
                                <input type="text" class="form-control timepicker" name="start_hour{{$discountType->id}}" id="start_hour{{$discountType->id}}" required>
                              </div>
                            </div>
                          </div>
                        </div>

                        <div class="col-3 col-md-3">
                          <div class="form-group">
                            <label for="limit_date{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag14')}}</label>
                            <div class="input-group date">
                              <div class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                              </div>
                              <input type="text" class="form-control pull-right" name="limit_date{{$discountType->id}}" id="limit_date{{$discountType->id}}" required>
                            </div>
                          </div>
                        </div>

                        <div class="col-3 col-md-3">
                          <div class="bootstrap-timepicker">
                            <div class="form-group">
                              <label for="limit_hour{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag15')}}</label>
                              <div class="input-group">
                                <div class="input-group-addon">
                                  <i class="fa fa-clock-o"></i>
                                </div>
                                <input type="text" class="form-control timepicker" name="limit_hour{{$discountType->id}}" id="limit_hour{{$discountType->id}}" required>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>

                      <div class="row">
                        <div class="col-4 col-md-4">
                          <div class="form-group">
                            <label for="max_winners{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag11')}} </label>
                            <input type="number" class="form-control" name="max_winners{{$discountType->id}}" id="max_winners{{$discountType->id}}" required>
                          </div>
                        </div>

                        <div class="col-4 col-md-4">
                          <div class="form-group">
                            <label for="price_discount{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag16')}} </label>
                            <input type="number" class="form-control" min="0" name="price_discount{{$discountType->id}}" id="price_discount{{$discountType->id}}">
                          </div>
                        </div>

                        <div class="col-4 col-md-4">
                          <div class="form-group">
                            <label for="percentage_discount{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag17')}} </label>
                            <input type="number" class="form-control" min="0" max="100" name="percentage_discount{{$discountType->id}}" id="percentage_discount{{$discountType->id}}">
                          </div>
                        </div>
                      </div>

                      <div class="row">
                        <div class="col-6 col-md-6">
                          <div class="form-group">
                            <label for="is_multiple_redeem{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag18')}} </label>
                            <select class="form-control" name="is_multiple_redeem{{$discountType->id}}" id="is_multiple_redeem{{$discountType->id}}" required>
                              <option disabled selected="selected"> Seleccionar </option>
                              <option value="1"> Si </option>
                              <option value="0"> No </option>
                            </select>
                          </div>
                        </div>

                        <div class="col-6 col-md-6">
                          <div class="form-group">
                            <label for="is_cumulative_another_discounts{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag19')}} </label>
                            <select class="form-control" name="is_cumulative_another_discounts{{$discountType->id}}" id="is_cumulative_another_discounts{{$discountType->id}}" required>
                              <option disabled selected="selected"> Seleccionar </option>
                              <option value="1"> Si </option>
                              <option value="0"> No </option>
                            </select>
                          </div>
                        </div>
                      </div>

                      <div class="row">
                        <div class="col-xs-3 ">
                          <div class="form-group displayGrid">
                              <label for="product{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag21')}}</label>
                              <select class="form-control select2 widthSelectDiscount" name="product{{$discountType->id}}" id="product{{$discountType->id}}" required>
                                  <option disabled selected="selected"> Seleccionar productos </option>
                                  @foreach($products as $product)
                                  <option value="{{$product->id}}" name="{{$product->name}}" plu="{{$product->plu}}" price="{{$product->price}}">{{$product->plu}} - {{$product->name}}</option>
                                  @endforeach
                              </select>
                          </div>
                        </div>

                        <div class="col-xs-1">
                          <div class="form-group">
                            <div class="input-group-btn">
                              <input type="text" class="displayNone" name="arrayProducts{{$discountType->id}}" id="arrayProducts{{$discountType->id}}">
                              <button type="button" class="btn btnBox btnPlusDir buttonAddProductDiscount" id="buttonAddProduct{{$discountType->id}}"><i class="fa fa-plus"></i></button>
                            </div>
                          </div>
                        </div>
                      </div>

                      <div class="row">
                        <div class="col-xs-12">
                          <div class="box">
                            <div class="box-header with-border">
                              <h3 class="box-title">{{ Lang::get('messages.screen_discounts_tag22')}}</h3>
                            </div>
                            <!-- /.box-header -->
                            <div class="box-body table-responsive">
                              <table class="table table-bordered">
                                <thead>
                                  <tr>
                                    <th>#</th>
                                    <th>{{ Lang::get('messages.screen_discounts_tag23')}}</th>
                                    <th>{{ Lang::get('messages.screen_discounts_tag24')}}</th>
                                    <th>{{ Lang::get('messages.screen_discounts_tag25')}}</th>
                                    <th>{{ Lang::get('messages.screen_discounts_tag5')}}</th>
                                  </tr>
                        				</thead>
                                <tbody id="bodyTable{{$discountType->id}}">

                                </tbody>
                              </table>
                            </div>
                            <!-- /.box-body -->
                            <div class="box-footer clearfix">
                              <ul class="pagination pagination-sm no-margin pull-right totalPrice">
                                <p>Total: &nbsp &nbsp</p><span id="totalPrice{{$discountType->id}}"></span>
                              </ul>
                            </div>
                          </div>
                        </div>
                      </div>

                      <div class="row buttonsAddDiscount">
                        <button  onClick="createDiscount({{$discountType->id}})" id="btn-create-discount{{$discountType->id}}" class="btn btnBox pull-right ">{{ Lang::get('messages.screen_products_tag25')}}</button>
                        <button type="button" class="btn btnBox pull-right displayNone" id="spinnerButton{{$discountType->id}}">
                          <i class="fa fa-spinner fa-spin"></i>
                        </button>
                        <button type="button" class="btn btn-default pull-right btnCancel"  >
                          <a href="{{url('/discounts')}}">{{ Lang::get('messages.screen_products_tag26')}} </a>
                        </button>
                        {{ csrf_field() }}
                      </div>
                    </form>
                  </div>
                  <!-- /.tab-pane -->
                  @elseif($discountType->id == 6)
                  <div class="tab-pane" id="tab_{{$discountType->id}}">
                    <form role="form" id="createDiscount{{$discountType->id}}" data-toggle="validator">
                      <div class="row">
                        <div class="col-6 col-md-6">
                          <div class="form-group">
                            <label for="name{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag6')}} </label>
                            <input type="text" class="form-control" name="name{{$discountType->id}}" id="name{{$discountType->id}}" required>
                          </div>
                        </div>
                        <div class="col-6 col-md-6">
                          <div class="form-group">
                            <label for="message_to_user{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag10')}} </label>
                            <input type="text" class="form-control" name="message_to_user{{$discountType->id}}" id="message_to_user{{$discountType->id}}" required>
                          </div>
                        </div>
                      </div>

                      <div class="row">
                        <div class="col-3 col-md-3">
                          <div class="form-group">
                            <label for="start_date{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag12')}}</label>
                            <div class="input-group date">
                              <div class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                              </div>
                              <input type="text" class="form-control pull-right" name="start_date{{$discountType->id}}" id="start_date{{$discountType->id}}" required>
                            </div>
                          </div>
                        </div>

                        <div class="col-3 col-md-3">
                          <div class="bootstrap-timepicker">
                            <div class="form-group">
                              <label for="start_hour{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag13')}}</label>
                              <div class="input-group">
                                <div class="input-group-addon">
                                  <i class="fa fa-clock-o"></i>
                                </div>
                                <input type="text" class="form-control timepicker" name="start_hour{{$discountType->id}}" id="start_hour{{$discountType->id}}" required>
                              </div>
                            </div>
                          </div>
                        </div>

                        <div class="col-3 col-md-3">
                          <div class="form-group">
                            <label for="limit_date{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag14')}}</label>
                            <div class="input-group date">
                              <div class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                              </div>
                              <input type="text" class="form-control pull-right" name="limit_date{{$discountType->id}}" id="limit_date{{$discountType->id}}" required>
                            </div>
                          </div>
                        </div>

                        <div class="col-3 col-md-3">
                          <div class="bootstrap-timepicker">
                            <div class="form-group">
                              <label for="limit_hour{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag15')}}</label>
                              <div class="input-group">
                                <div class="input-group-addon">
                                  <i class="fa fa-clock-o"></i>
                                </div>
                                <input type="text" class="form-control timepicker" name="limit_hour{{$discountType->id}}" id="limit_hour{{$discountType->id}}" required>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>

                      <div class="row">
                        <div class="col-4 col-md-4">
                          <div class="form-group">
                            <label for="max_winners{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag11')}} </label>
                            <input type="number" class="form-control" name="max_winners{{$discountType->id}}" id="max_winners{{$discountType->id}}" required>
                          </div>
                        </div>

                        <div class="col-4 col-md-4">
                          <div class="form-group">
                            <label for="is_multiple_redeem{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag18')}} </label>
                            <select class="form-control" name="is_multiple_redeem{{$discountType->id}}" id="is_multiple_redeem{{$discountType->id}}" required>
                              <option disabled selected="selected"> Seleccionar </option>
                              <option value="1"> Si </option>
                              <option value="0"> No </option>
                            </select>
                          </div>
                        </div>

                        <div class="col-4 col-md-4">
                          <div class="form-group">
                            <label for="is_cumulative_another_discounts{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag19')}} </label>
                            <select class="form-control" name="is_cumulative_another_discounts{{$discountType->id}}" id="is_cumulative_another_discounts{{$discountType->id}}" required>
                              <option disabled selected="selected"> Seleccionar </option>
                              <option value="1"> Si </option>
                              <option value="0"> No </option>
                            </select>
                          </div>
                        </div>

                      </div>

                      <div class="row">
                        <div class="col-xs-3">
                          <div class="form-group displayGrid">
                              <label for="product{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag21')}}</label>
                              <select class="form-control select2 widthSelectDiscount" name="product{{$discountType->id}}" id="product{{$discountType->id}}" required>
                                  <option disabled selected="selected"> Seleccionar productos </option>
                                  @foreach($products as $product)
                                  <option value="{{$product->id}}" name="{{$product->name}}" plu="{{$product->plu}}" price="{{$product->price}}">{{$product->plu}} - {{$product->name}}</option>
                                  @endforeach
                              </select>
                          </div>
                        </div>

                        <div class="col-xs-1">
                          <div class="form-group">
                            <div class="input-group-btn">
                              <input type="text" class="displayNone" name="arrayProducts{{$discountType->id}}" id="arrayProducts{{$discountType->id}}">
                              <button type="button" class="btn btnBox btnPlusDir buttonAddProductDiscount" id="buttonAddProduct{{$discountType->id}}"><i class="fa fa-plus"></i></button>
                            </div>
                          </div>
                        </div>
                      </div>

                      <div class="row">
                        <div class="col-xs-12">
                          <div class="box">
                            <div class="box-header with-border">
                              <h3 class="box-title">{{ Lang::get('messages.screen_discounts_tag26')}}</h3>
                            </div>
                            <!-- /.box-header -->
                            <div class="box-body">
                              <table class="table table-bordered">
                                <thead>
                                  <tr>
                                    <th>#</th>
                                    <th>{{ Lang::get('messages.screen_discounts_tag23')}}</th>
                                    <th>{{ Lang::get('messages.screen_discounts_tag24')}}</th>
                                    <th>{{ Lang::get('messages.screen_discounts_tag25')}}</th>
                                    <th>{{ Lang::get('messages.screen_discounts_tag5')}}</th>
                                  </tr>
                        				</thead>
                                <tbody id="bodyTable{{$discountType->id}}">

                                </tbody>
                              </table>
                            </div>
                            <!-- /.box-body -->
                            <div class="box-footer clearfix">
                              <ul class="pagination pagination-sm no-margin pull-right totalPrice">
                                <p>Total: &nbsp &nbsp</p><span id="totalPrice{{$discountType->id}}"></span>
                              </ul>
                            </div>
                          </div>
                        </div>
                      </div>

                      <div class="row">
                        <div class="col-xs-3 ">
                          <div class="form-group displayGrid">
                              <label for="productGift{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag27')}}</label>
                              <select class="form-control select2 widthSelectDiscount" name="productGift{{$discountType->id}}" id="productGift{{$discountType->id}}" required>
                                  <option disabled selected="selected"> Seleccionar producto </option>
                                  @foreach($products as $product)
                                  <option value="{{$product->id}}" name="{{$product->name}}" plu="{{$product->plu}}" price="{{$product->price}}">{{$product->plu}} - {{$product->name}}</option>
                                  @endforeach
                              </select>
                          </div>
                        </div>

                        <div class="col-xs-1">
                          <div class="form-group">
                            <div class="input-group-btn">
                              <input type="text" class="displayNone" name="arrayProductsGift{{$discountType->id}}" id="arrayProductsGift{{$discountType->id}}">
                              <button type="button" class="btn btnBox btnPlusDir buttonAddProductDiscount" id="buttonAddProductGift{{$discountType->id}}"><i class="fa fa-plus"></i></button>
                            </div>
                          </div>
                        </div>
                      </div>

                      <div class="row">
                        <div class="col-xs-12">
                          <div class="box">
                            <div class="box-header with-border">
                              <h3 class="box-title">{{ Lang::get('messages.screen_discounts_tag27')}}</h3>
                            </div>
                            <!-- /.box-header -->
                            <div class="box-body table-responsive">
                              <table class="table table-bordered">
                                <thead>
                                  <tr>
                                    <th>#</th>
                                    <th>{{ Lang::get('messages.screen_discounts_tag23')}}</th>
                                    <th>{{ Lang::get('messages.screen_discounts_tag24')}}</th>
                                    <th>{{ Lang::get('messages.screen_discounts_tag25')}}</th>
                                    <th>{{ Lang::get('messages.screen_discounts_tag5')}}</th>
                                  </tr>
                        				</thead>
                                <tbody id="bodyTableGift{{$discountType->id}}">

                                </tbody>
                              </table>
                            </div>
                            <!-- /.box-body -->
                            <div class="box-footer clearfix">
                              <ul class="pagination pagination-sm no-margin pull-right totalPrice">
                                <p>Total: &nbsp &nbsp</p><span id="totalPriceGift{{$discountType->id}}"></span>
                              </ul>
                            </div>
                          </div>
                        </div>
                      </div>

                      <div class="row buttonsAddDiscount">
                        <button  onClick="createDiscount({{$discountType->id}})" id="btn-create-discount{{$discountType->id}}" class="btn btnBox pull-right ">{{ Lang::get('messages.screen_products_tag25')}}</button>
                        <button type="button" class="btn btnBox pull-right displayNone" id="spinnerButton{{$discountType->id}}">
                          <i class="fa fa-spinner fa-spin"></i>
                        </button>
                        <button type="button" class="btn btn-default pull-right btnCancel"  >
                          <a href="{{url('/discounts')}}">{{ Lang::get('messages.screen_products_tag26')}} </a>
                        </button>
                        {{ csrf_field() }}
                      </div>
                    </form>
                  </div>
                  <!-- /.tab-pane -->
                  @elseif($discountType->id == 7)
                  <div class="tab-pane" id="tab_{{$discountType->id}}">
                    <form role="form" id="createDiscount{{$discountType->id}}" data-toggle="validator">
                      <div class="row">
                        <div class="col-3 col-md-3">
                          <div class="form-group">
                            <label for="name{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag6')}} </label>
                            <input type="text" class="form-control" name="name{{$discountType->id}}" id="name{{$discountType->id}}" required>
                          </div>
                        </div>
                        <div class="col-3 col-md-3">
                          <div class="form-group">
                            <label for="percentage_discount{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag17')}} </label>
                            <input type="number" class="form-control" min="0" max="100" name="percentage_discount{{$discountType->id}}" id="percentage_discount{{$discountType->id}}" required>
                          </div>
                        </div>
                        <div class="col-6 col-md-6">
                          <div class="form-group">
                            <label for="message_to_user{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag10')}} </label>
                            <input type="text" class="form-control" name="message_to_user{{$discountType->id}}" id="message_to_user{{$discountType->id}}" required>
                          </div>
                        </div>
                      </div>

                      <div class="row">
                        <div class="col-3 col-md-3">
                          <div class="form-group">
                            <label for="start_date{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag12')}}</label>
                            <div class="input-group date">
                              <div class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                              </div>
                              <input type="text" class="form-control pull-right" name="start_date{{$discountType->id}}" id="start_date{{$discountType->id}}" required>
                            </div>
                          </div>
                        </div>

                        <div class="col-3 col-md-3">
                          <div class="bootstrap-timepicker">
                            <div class="form-group">
                              <label for="start_hour{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag13')}}</label>
                              <div class="input-group">
                                <div class="input-group-addon">
                                  <i class="fa fa-clock-o"></i>
                                </div>
                                <input type="text" class="form-control timepicker" name="start_hour{{$discountType->id}}" id="start_hour{{$discountType->id}}" required>
                              </div>
                            </div>
                          </div>
                        </div>

                        <div class="col-3 col-md-3">
                          <div class="form-group">
                            <label for="limit_date{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag14')}}</label>
                            <div class="input-group date">
                              <div class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                              </div>
                              <input type="text" class="form-control pull-right" name="limit_date{{$discountType->id}}" id="limit_date{{$discountType->id}}" required>
                            </div>
                          </div>
                        </div>

                        <div class="col-3 col-md-3">
                          <div class="bootstrap-timepicker">
                            <div class="form-group">
                              <label for="limit_hour{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag15')}}</label>
                              <div class="input-group">
                                <div class="input-group-addon">
                                  <i class="fa fa-clock-o"></i>
                                </div>
                                <input type="text" class="form-control timepicker" name="limit_hour{{$discountType->id}}" id="limit_hour{{$discountType->id}}" required>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>

                      <div class="row">
                        <div class="col-4 col-md-4">
                          <div class="form-group">
                            <label for="max_winners{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag11')}} </label>
                            <input type="number" class="form-control" name="max_winners{{$discountType->id}}" id="max_winners{{$discountType->id}}" required>
                          </div>
                        </div>

                        <div class="col-4 col-md-4">
                          <div class="form-group">
                            <label for="is_multiple_redeem{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag18')}} </label>
                            <select class="form-control" name="is_multiple_redeem{{$discountType->id}}" id="is_multiple_redeem{{$discountType->id}}" required>
                              <option disabled selected="selected"> Seleccionar </option>
                              <option value="1"> Si </option>
                              <option value="0"> No </option>
                            </select>
                          </div>
                        </div>

                        <div class="col-4 col-md-4">
                          <div class="form-group">
                            <label for="is_cumulative_another_discounts{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag19')}} </label>
                            <select class="form-control" name="is_cumulative_another_discounts{{$discountType->id}}" id="is_cumulative_another_discounts{{$discountType->id}}" required>
                              <option disabled selected="selected"> Seleccionar </option>
                              <option value="1"> Si </option>
                              <option value="0"> No </option>
                            </select>
                          </div>
                        </div>

                      </div>

                      <div class="row">
                        <div class="col-xs-3">
                          <div class="form-group displayGrid">
                              <label for="productGift{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag28')}}</label>
                              <select class="form-control select2 widthSelectDiscount" name="productGift{{$discountType->id}}" id="productGift{{$discountType->id}}" required>
                                  <option disabled selected="selected"> Seleccionar producto </option>
                                  @foreach($products as $product)
                                  <option value="{{$product->id}}" name="{{$product->name}}" plu="{{$product->plu}}" price="{{$product->price}}">{{$product->plu}} - {{$product->name}}</option>
                                  @endforeach
                              </select>
                          </div>
                        </div>

                        <div class="col-xs-1">
                          <div class="form-group">
                            <div class="input-group-btn">
                              <input type="text" class="displayNone" name="arrayProductsGift{{$discountType->id}}" id="arrayProductsGift{{$discountType->id}}">
                              <button type="button" class="btn btnBox btnPlusDir buttonAddProductDiscount" id="buttonAddProductGift{{$discountType->id}}"><i class="fa fa-plus"></i></button>
                            </div>
                          </div>
                        </div>
                      </div>

                      <div class="row">
                        <div class="col-xs-12">
                          <div class="box">
                            <div class="box-header with-border">
                              <h3 class="box-title">{{ Lang::get('messages.screen_discounts_tag29')}}</h3>
                            </div>
                            <!-- /.box-header -->
                            <div class="box-body table-responsive">
                              <table class="table table-bordered">
                                <thead>
                                  <tr>
                                    <th>#</th>
                                    <th>{{ Lang::get('messages.screen_discounts_tag23')}}</th>
                                    <th>{{ Lang::get('messages.screen_discounts_tag24')}}</th>
                                    <th>{{ Lang::get('messages.screen_discounts_tag25')}}</th>
                                    <th>{{ Lang::get('messages.screen_discounts_tag5')}}</th>
                                  </tr>
                        				</thead>
                                <tbody id="bodyTableGift{{$discountType->id}}">

                                </tbody>
                              </table>
                            </div>
                            <!-- /.box-body -->
                            <div class="box-footer clearfix">
                              <ul class="pagination pagination-sm no-margin pull-right totalPrice">
                                <p>Total: &nbsp &nbsp</p><span id="totalPriceGift{{$discountType->id}}"></span>
                              </ul>
                            </div>
                          </div>
                        </div>
                      </div>

                      <div class="row buttonsAddDiscount">
                        <button  onClick="createDiscount({{$discountType->id}})" id="btn-create-discount{{$discountType->id}}" class="btn btnBox pull-right ">{{ Lang::get('messages.screen_products_tag25')}}</button>
                        <button type="button" class="btn btnBox pull-right displayNone" id="spinnerButton{{$discountType->id}}">
                          <i class="fa fa-spinner fa-spin"></i>
                        </button>
                        <button type="button" class="btn btn-default pull-right btnCancel"  >
                          <a href="{{url('/discounts')}}">{{ Lang::get('messages.screen_products_tag26')}} </a>
                        </button>
                        {{ csrf_field() }}
                      </div>
                    </form>
                  </div>
                  <!-- /.tab-pane -->
                  @elseif($discountType->id == 8)
                  <div class="tab-pane" id="tab_{{$discountType->id}}">
                    <form role="form" id="createDiscount{{$discountType->id}}" data-toggle="validator">
                        <div class="row">
                            <div class="col-3 col-md-3">
                                <div class="form-group">
                                    <label for="name{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag6')}} </label>
                                    <input type="text" class="form-control" name="name{{$discountType->id}}" id="name{{$discountType->id}}" required>
                                </div>
                            </div>
                            <div class="col-3 col-md-4">
                                <div class="form-group">
                                    <label class="fontSize13" for="value_for_win{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag7')}} </label>
                                    <input type="number" class="form-control" name="value_for_win{{$discountType->id}}" id="value_for_win{{$discountType->id}}" required>
                                </div>
                            </div>
                            <div class="col-6 col-md-5">
                                <div class="form-group">
                                    <label for="message_to_user{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag10')}} </label>
                                    <input type="text" class="form-control" name="message_to_user{{$discountType->id}}" id="message_to_user{{$discountType->id}}" required>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                          <div class="col-3 col-md-3">
                            <div class="form-group">
                              <label for="start_date{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag12')}}</label>
                              <div class="input-group date">
                                <div class="input-group-addon">
                                  <i class="fa fa-calendar"></i>
                                </div>
                                <input type="text" class="form-control pull-right" name="start_date{{$discountType->id}}" id="start_date{{$discountType->id}}" required>
                              </div>
                            </div>
                          </div>

                          <div class="col-3 col-md-3">
                            <div class="bootstrap-timepicker">
                              <div class="form-group">
                                <label for="start_hour{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag13')}}</label>
                                <div class="input-group">
                                  <div class="input-group-addon">
                                    <i class="fa fa-clock-o"></i>
                                  </div>
                                  <input type="text" class="form-control timepicker" name="start_hour{{$discountType->id}}" id="start_hour{{$discountType->id}}" required>
                                </div>
                              </div>
                            </div>
                          </div>

                          <div class="col-3 col-md-3">
                            <div class="form-group">
                              <label for="limit_date{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag14')}}</label>
                              <div class="input-group date">
                                <div class="input-group-addon">
                                  <i class="fa fa-calendar"></i>
                                </div>
                                <input type="text" class="form-control pull-right" name="limit_date{{$discountType->id}}" id="limit_date{{$discountType->id}}" required>
                              </div>
                            </div>
                          </div>

                          <div class="col-3 col-md-3">
                            <div class="bootstrap-timepicker">
                              <div class="form-group">
                                <label for="limit_hour{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag15')}}</label>
                                <div class="input-group">
                                  <div class="input-group-addon">
                                    <i class="fa fa-clock-o"></i>
                                  </div>
                                  <input type="text" class="form-control timepicker" name="limit_hour{{$discountType->id}}" id="limit_hour{{$discountType->id}}" required>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>

                        <div class="row">
                          <div class="col-4 col-md-4">
                              <div class="form-group">
                                  <label for="max_winners{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag11')}} </label>
                                  <input type="number" class="form-control" name="max_winners{{$discountType->id}}" id="max_winners{{$discountType->id}}" required>
                              </div>
                          </div>

                          <div class="col-4 col-md-4">
                              <div class="form-group">
                                  <label for="price_discount{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag16')}} </label>
                                  <input type="number" class="form-control" min="0" name="price_discount{{$discountType->id}}" id="price_discount{{$discountType->id}}">
                              </div>
                          </div>

                          <div class="col-4 col-md-4">
                              <div class="form-group">
                                  <label for="percentage_discount{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag17')}} </label>
                                  <input type="number" class="form-control" min="0" max="100" name="percentage_discount{{$discountType->id}}" id="percentage_discount{{$discountType->id}}">
                              </div>
                          </div>
                        </div>

                        <div class="row">
                          <div class="col-6 col-md-6">
                            <div class="form-group">
                                <label for="is_multiple_redeem{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag18')}} </label>
                                <select class="form-control" name="is_multiple_redeem{{$discountType->id}}" id="is_multiple_redeem{{$discountType->id}}" required>
                                    <option disabled selected="selected"> Seleccionar </option>
                                    <option value="1"> Si </option>
                                    <option value="0"> No </option>
                                </select>
                            </div>
                          </div>

                          <div class="col-6 col-md-6">
                            <div class="form-group">
                                <label for="is_cumulative_another_discounts{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag19')}} </label>
                                <select class="form-control" name="is_cumulative_another_discounts{{$discountType->id}}" id="is_cumulative_another_discounts{{$discountType->id}}" required>
                                    <option disabled selected="selected"> Seleccionar </option>
                                    <option value="1"> Si </option>
                                    <option value="0"> No </option>
                                </select>
                            </div>
                          </div>
                        </div>

                        <div class="row buttonsAddDiscount">
                          <button  onClick="createDiscount({{$discountType->id}})" id="btn-create-discount{{$discountType->id}}" class="btn btnBox pull-right ">{{ Lang::get('messages.screen_products_tag25')}}</button>
                          <button type="button" class="btn btnBox pull-right displayNone" id="spinnerButton{{$discountType->id}}">
                            <i class="fa fa-spinner fa-spin"></i>
                          </button>
                          <button type="button" class="btn btn-default pull-right btnCancel"  >
                              <a href="{{url('/discounts')}}">{{ Lang::get('messages.screen_products_tag26')}} </a>
                          </button>
                          {{ csrf_field() }}
                        </div>
                    </form>
                  </div>
                  <!-- /.tab-pane -->
                  @elseif($discountType->id == 9)
                  <div class="tab-pane" id="tab_{{$discountType->id}}">
                    <form role="form" id="createDiscount{{$discountType->id}}" data-toggle="validator">
                      <div class="row">
                        <div class="col-3 col-md-3">
                          <div class="form-group">
                            <label for="name{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag6')}} </label>
                            <input type="text" class="form-control" name="name{{$discountType->id}}" id="name{{$discountType->id}}" required>
                          </div>
                        </div>
                        <div class="col-3 col-md-4">
                          <div class="form-group">
                            <label class="fontSize13" for="value_for_win{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag7')}} </label>
                            <input type="number" class="form-control" name="value_for_win{{$discountType->id}}" id="value_for_win{{$discountType->id}}" required>
                          </div>
                        </div>
                        <div class="col-6 col-md-5">
                          <div class="form-group">
                            <label for="message_to_user{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag10')}} </label>
                            <input type="text" class="form-control" name="message_to_user{{$discountType->id}}" id="message_to_user{{$discountType->id}}" required>
                          </div>
                        </div>
                      </div>

                      <div class="row">
                        <div class="col-3 col-md-3">
                          <div class="form-group">
                            <label for="start_date{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag12')}}</label>
                            <div class="input-group date">
                              <div class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                              </div>
                              <input type="text" class="form-control pull-right" name="start_date{{$discountType->id}}" id="start_date{{$discountType->id}}" required>
                            </div>
                          </div>
                        </div>

                        <div class="col-3 col-md-3">
                          <div class="bootstrap-timepicker">
                            <div class="form-group">
                              <label for="start_hour{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag13')}}</label>
                              <div class="input-group">
                                <div class="input-group-addon">
                                  <i class="fa fa-clock-o"></i>
                                </div>
                                <input type="text" class="form-control timepicker" name="start_hour{{$discountType->id}}" id="start_hour{{$discountType->id}}" required>
                              </div>
                            </div>
                          </div>
                        </div>

                        <div class="col-3 col-md-3">
                          <div class="form-group">
                            <label for="limit_date{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag14')}}</label>
                            <div class="input-group date">
                              <div class="input-group-addon">
                                <i class="fa fa-calendar"></i>
                              </div>
                              <input type="text" class="form-control pull-right" name="limit_date{{$discountType->id}}" id="limit_date{{$discountType->id}}" required>
                            </div>
                          </div>
                        </div>

                        <div class="col-3 col-md-3">
                          <div class="bootstrap-timepicker">
                            <div class="form-group">
                              <label for="limit_hour{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag15')}}</label>
                              <div class="input-group">
                                <div class="input-group-addon">
                                  <i class="fa fa-clock-o"></i>
                                </div>
                                <input type="text" class="form-control timepicker" name="limit_hour{{$discountType->id}}" id="limit_hour{{$discountType->id}}" required>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>

                      <div class="row">
                        <div class="col-4 col-md-4">
                            <div class="form-group">
                                <label for="max_winners{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag11')}} </label>
                                <input type="number" class="form-control" name="max_winners{{$discountType->id}}" id="max_winners{{$discountType->id}}" required>
                            </div>
                        </div>

                        <div class="col-4 col-md-4">
                            <div class="form-group">
                                <label for="price_discount{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag16')}} </label>
                                <input type="number" class="form-control" min="0" name="price_discount{{$discountType->id}}" id="price_discount{{$discountType->id}}">
                            </div>
                        </div>

                        <div class="col-4 col-md-4">
                            <div class="form-group">
                                <label for="percentage_discount{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag17')}} </label>
                                <input type="number" class="form-control" min="0" max="100" name="percentage_discount{{$discountType->id}}" id="percentage_discount{{$discountType->id}}">
                            </div>
                        </div>
                      </div>

                      <div class="row">
                        <div class="col-6 col-md-6">
                          <div class="form-group">
                              <label for="is_multiple_redeem{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag18')}} </label>
                              <select class="form-control" name="is_multiple_redeem{{$discountType->id}}" id="is_multiple_redeem{{$discountType->id}}" required>
                                  <option disabled selected="selected"> Seleccionar </option>
                                  <option value="1"> Si </option>
                                  <option value="0"> No </option>
                              </select>
                          </div>
                        </div>

                        <div class="col-6 col-md-6">
                          <div class="form-group">
                              <label for="is_cumulative_another_discounts{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag19')}} </label>
                              <select class="form-control" name="is_cumulative_another_discounts{{$discountType->id}}" id="is_cumulative_another_discounts{{$discountType->id}}" required>
                                  <option disabled selected="selected"> Seleccionar </option>
                                  <option value="1"> Si </option>
                                  <option value="0"> No </option>
                              </select>
                          </div>
                        </div>
                      </div>

                      <div class="row">
                        <div class="col-xs-3">
                          <div class="form-group displayGrid">
                              <label for="productGift{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag28')}}</label>
                              <select class="form-control select2 widthSelectDiscount" name="productGift{{$discountType->id}}" id="productGift{{$discountType->id}}" required>
                                  <option disabled selected="selected"> Seleccionar producto </option>
                                  @foreach($products as $product)
                                  <option value="{{$product->id}}" name="{{$product->name}}" plu="{{$product->plu}}" price="{{$product->price}}">{{$product->plu}} - {{$product->name}}</option>
                                  @endforeach
                              </select>
                          </div>
                        </div>

                        <div class="col-xs-1">
                          <div class="form-group">
                            <div class="input-group-btn">
                              <input type="text" class="displayNone" name="arrayProductsGift{{$discountType->id}}" id="arrayProductsGift{{$discountType->id}}">
                              <button type="button" class="btn btnBox btnPlusDir buttonAddProductDiscount" id="buttonAddProductGift{{$discountType->id}}"><i class="fa fa-plus"></i></button>
                            </div>
                          </div>
                        </div>
                      </div>

                      <div class="row">
                        <div class="col-xs-12">
                          <div class="box">
                            <div class="box-header with-border">
                              <h3 class="box-title">{{ Lang::get('messages.screen_discounts_tag30')}}</h3>
                            </div>
                            <!-- /.box-header -->
                            <div class="box-body table-responsive">
                              <table class="table table-bordered">
                                <thead>
                                  <tr>
                                    <th>#</th>
                                    <th>{{ Lang::get('messages.screen_discounts_tag23')}}</th>
                                    <th>{{ Lang::get('messages.screen_discounts_tag24')}}</th>
                                    <th>{{ Lang::get('messages.screen_discounts_tag25')}}</th>
                                    <th>{{ Lang::get('messages.screen_discounts_tag5')}}</th>
                                  </tr>
                        				</thead>
                                <tbody id="bodyTableGift{{$discountType->id}}">

                                </tbody>
                              </table>
                            </div>
                            <!-- /.box-body -->
                            <div class="box-footer clearfix">
                              <ul class="pagination pagination-sm no-margin pull-right totalPrice">
                                <p>Total: &nbsp &nbsp</p><span id="totalPriceGift{{$discountType->id}}"></span>
                              </ul>
                            </div>
                          </div>
                        </div>
                      </div>

                      <div class="row buttonsAddDiscount">
                        <button  onClick="createDiscount({{$discountType->id}})" id="btn-create-discount{{$discountType->id}}" class="btn btnBox pull-right ">{{ Lang::get('messages.screen_products_tag25')}}</button>
                        <button type="button" class="btn btnBox pull-right displayNone" id="spinnerButton{{$discountType->id}}">
                          <i class="fa fa-spinner fa-spin"></i>
                        </button>
                        <button type="button" class="btn btn-default pull-right btnCancel"  >
                          <a href="{{url('/discounts')}}">{{ Lang::get('messages.screen_products_tag26')}} </a>
                        </button>
                        {{ csrf_field() }}
                      </div>
                    </form>
                  </div>
                  <!-- /.tab-pane -->
                  @elseif($discountType->id == 10)
                  <div class="tab-pane" id="tab_{{$discountType->id}}">
                    <form role="form" id="createDiscount{{$discountType->id}}" data-toggle="validator">
                        <div class="row">
                            <div class="col-3 col-md-3">
                                <div class="form-group">
                                    <label for="name{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag6')}} </label>
                                    <input type="text" class="form-control" name="name{{$discountType->id}}" id="name{{$discountType->id}}" required>
                                </div>
                            </div>
                            <div class="col-3 col-md-4">
                                <div class="form-group">
                                    <label class="fontSize13" for="value_for_win{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag7')}} </label>
                                    <input type="number" class="form-control" name="value_for_win{{$discountType->id}}" id="value_for_win{{$discountType->id}}" required>
                                </div>
                            </div>
                            <div class="col-6 col-md-5">
                                <div class="form-group">
                                    <label for="message_to_user{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag10')}} </label>
                                    <input type="text" class="form-control" name="message_to_user{{$discountType->id}}" id="message_to_user{{$discountType->id}}" required>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                          <div class="col-3 col-md-3">
                            <div class="form-group">
                              <label for="start_date{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag12')}}</label>
                              <div class="input-group date">
                                <div class="input-group-addon">
                                  <i class="fa fa-calendar"></i>
                                </div>
                                <input type="text" class="form-control pull-right" name="start_date{{$discountType->id}}" id="start_date{{$discountType->id}}" required>
                              </div>
                            </div>
                          </div>

                          <div class="col-3 col-md-3">
                            <div class="bootstrap-timepicker">
                              <div class="form-group">
                                <label for="start_hour{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag13')}}</label>
                                <div class="input-group">
                                  <div class="input-group-addon">
                                    <i class="fa fa-clock-o"></i>
                                  </div>
                                  <input type="text" class="form-control timepicker" name="start_hour{{$discountType->id}}" id="start_hour{{$discountType->id}}" required>
                                </div>
                              </div>
                            </div>
                          </div>

                          <div class="col-3 col-md-3">
                            <div class="form-group">
                              <label for="limit_date{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag14')}}</label>
                              <div class="input-group date">
                                <div class="input-group-addon">
                                  <i class="fa fa-calendar"></i>
                                </div>
                                <input type="text" class="form-control pull-right" name="limit_date{{$discountType->id}}" id="limit_date{{$discountType->id}}" required>
                              </div>
                            </div>
                          </div>

                          <div class="col-3 col-md-3">
                            <div class="bootstrap-timepicker">
                              <div class="form-group">
                                <label for="limit_hour{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag15')}}</label>
                                <div class="input-group">
                                  <div class="input-group-addon">
                                    <i class="fa fa-clock-o"></i>
                                  </div>
                                  <input type="text" class="form-control timepicker" name="limit_hour{{$discountType->id}}" id="limit_hour{{$discountType->id}}" required>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>

                        <div class="row">
                          <div class="col-4 col-md-4">
                              <div class="form-group">
                                  <label for="max_winners{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag11')}} </label>
                                  <input type="number" class="form-control" name="max_winners{{$discountType->id}}" id="max_winners{{$discountType->id}}" required>
                              </div>
                          </div>

                          <div class="col-4 col-md-4">
                              <div class="form-group">
                                  <label for="price_discount{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag16')}} </label>
                                  <input type="number" min="0" class="form-control" name="price_discount{{$discountType->id}}" id="price_discount{{$discountType->id}}">
                              </div>
                          </div>

                          <div class="col-4 col-md-4">
                              <div class="form-group">
                                  <label for="percentage_discount{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag17')}} </label>
                                  <input type="number" class="form-control" min="0" max="100" name="percentage_discount{{$discountType->id}}" id="percentage_discount{{$discountType->id}}">
                              </div>
                          </div>
                        </div>

                        <div class="row">
                          <div class="col-6 col-md-6">
                            <div class="form-group">
                                <label for="apply_value{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag56')}} </label>
                                <select class="form-control" name="apply_value{{$discountType->id}}" id="apply_value{{$discountType->id}}" required>
                                    <option disabled selected="selected"> Seleccionar </option>
                                    <option value="0"> Al valor del domicilio </option>
                                    <option value="1"> Al valor del producto </option>
                                </select>
                            </div>
                          </div>

                          <div class="col-6 col-md-6">
                            <div class="form-group">
                                <label for="category_id{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag57')}} </label>
                                <select class="form-control select2" name="category_id{{$discountType->id}}" id="category_id{{$discountType->id}}" required>
                                  <option disabled selected="selected"> Seleccionar </option>
                                  @foreach($categories as $category)
                                  <option value="{{$category->id}}">{{$category->name}}</option>
                                  @endforeach
                                </select>
                            </div>
                          </div>
                        </div>

                        <div class="row">
                          <div class="col-6 col-md-6">
                            <div class="form-group">
                                <label for="is_multiple_redeem{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag18')}} </label>
                                <select class="form-control" name="is_multiple_redeem{{$discountType->id}}" id="is_multiple_redeem{{$discountType->id}}" required>
                                    <option disabled selected="selected"> Seleccionar </option>
                                    <option value="1"> Si </option>
                                    <option value="0"> No </option>
                                </select>
                            </div>
                          </div>

                          <div class="col-6 col-md-6">
                            <div class="form-group">
                                <label for="is_cumulative_another_discounts{{$discountType->id}}">{{ Lang::get('messages.screen_discounts_tag19')}} </label>
                                <select class="form-control" name="is_cumulative_another_discounts{{$discountType->id}}" id="is_cumulative_another_discounts{{$discountType->id}}" required>
                                    <option disabled selected="selected"> Seleccionar </option>
                                    <option value="1"> Si </option>
                                    <option value="0"> No </option>
                                </select>
                            </div>
                          </div>
                        </div>

                        <div class="row buttonsAddDiscount">
                          <button  onClick="createDiscount({{$discountType->id}})" id="btn-create-discount{{$discountType->id}}" class="btn btnBox pull-right ">{{ Lang::get('messages.screen_products_tag25')}}</button>
                          <button type="button" class="btn btnBox pull-right displayNone" id="spinnerButton{{$discountType->id}}">
                            <i class="fa fa-spinner fa-spin"></i>
                          </button>
                          <button type="button" class="btn btn-default pull-right btnCancel"  >
                              <a href="{{url('/discounts')}}">{{ Lang::get('messages.screen_products_tag26')}} </a>
                          </button>
                          {{ csrf_field() }}
                        </div>
                    </form>
                  </div>
                  @endif
                @endforeach
            </div>
            <!-- /.tab-content -->
          </div>
          <!-- nav-tabs-custom -->
        </div>
      </div>
    </div>
    <!-- /.box-body -->
</div>
@endsection
<script src="{{ asset('js/jQuery/jquery-2.2.3.min.js') }}"></script>
<script src="{{ asset('js/discounts.js') }}"></script>
{{-- <script src="{{ asset('js/bootstrap/js/bootstrap.min.js') }}"></script> --}}

<!-- plugin para la hora -->
<script src="{{ asset('js/datetimepicker/moment.min.js') }}"></script>
<script src="{{ asset('js/datetimepicker/bootstrap-datetimepicker.min.js') }}"></script>
<script src="{{ asset('js/timepicker/bootstrap-timepicker.min.js') }}"></script>

<script type="text/javascript">
    $(document).ready(function () {

$.fn.datepicker.dates['en'] = {
    days: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
    daysShort: ['Dom','Lun','Mar','Mié','Juv','Vie','Sáb'],
    daysMin: ['Do','Lu','Ma','Mi','Ju','Vi','Sá'],
    months: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio', 'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
    monthsShort: ['Ene','Feb','Mar','Abr', 'May','Jun','Jul','Ago','Sep', 'Oct','Nov','Dic'],
    today: "Hoy",
    clear: "Clear",
    format: "yyyy-mm-dd",
    titleFormat: "MM yyyy", /* Leverages same syntax as 'format' */
    weekStart: 0
};

$('.timepicker').timepicker({
  showInputs: false
})

// configuracion tab_1
$('#percentage_discount1').keydown(function () {
  $('#price_discount1').val('');
});
$('#price_discount1').keydown(function () {
  $('#percentage_discount1').val('');
});

// configuracion tab_2
$("#start_date2").datepicker();
$("#limit_date2").datepicker();
$('#start_hour2').val('');
$('#limit_hour2').val('');
$('#percentage_discount2').keydown(function () {
  $('#price_discount2').val('');
});
$('#price_discount2').keydown(function () {
  $('#percentage_discount2').val('');
});

// configuracion tab_3
$("#start_date3").datepicker();
$("#limit_date3").datepicker();
$('#start_hour3').val('');
$('#limit_hour3').val('');
$('#percentage_discount3').keydown(function () {
  $('#price_discount3').val('');
});
$('#price_discount3').keydown(function () {
  $('#percentage_discount3').val('');
});

// configuracion tab_4
$("#start_date4").datepicker();
$("#limit_date4").datepicker();
$('#start_hour4').val('');
$('#limit_hour4').val('');
$('#percentage_discount4').keydown(function () {
  $('#price_discount4').val('');
});
$('#price_discount4').keydown(function () {
  $('#percentage_discount4').val('');
});

// configuracion tab_5
$("#start_date5").datepicker();
$("#limit_date5").datepicker();
$('#start_hour5').val('');
$('#limit_hour5').val('');
$('#percentage_discount5').keydown(function () {
  $('#price_discount5').val('');
});
$('#price_discount5').keydown(function () {
  $('#percentage_discount5').val('');
});

// configuracion tab_6
$("#start_date6").datepicker();
$("#limit_date6").datepicker();
$('#start_hour6').val('');
$('#limit_hour6').val('');

// configuracion tab_7
$("#start_date7").datepicker();
$("#limit_date7").datepicker();
$('#start_hour7').val('');
$('#limit_hour7').val('');


// configuracion tab_8
$("#start_date8").datepicker();
$("#limit_date8").datepicker();
$('#start_hour8').val('');
$('#limit_hour8').val('');
$('#percentage_discount8').keydown(function () {
  $('#price_discount8').val('');
});
$('#price_discount8').keydown(function () {
  $('#percentage_discount8').val('');
});

// configuracion tab_9
$("#start_date9").datepicker();
$("#limit_date9").datepicker();
$('#start_hour9').val('');
$('#limit_hour9').val('');
$('#percentage_discount9').keydown(function () {
  $('#price_discount9').val('');
});
$('#price_discount9').keydown(function () {
  $('#percentage_discount9').val('');
});

// configuracion tab_10
$("#start_date10").datepicker();
$("#limit_date10").datepicker();
$('#start_hour10').val('');
$('#limit_hour10').val('');
$('#percentage_discount10').keydown(function () {
  $('#price_discount10').val('');
});
$('#price_discount10').keydown(function () {
  $('#percentage_discount10').val('');
});

function getCodeCoupon(){
  var letters = ['A','B','C','D','a','b','c'];
  var coupon = '{{ str_replace(" ", "", strtolower(env("APP_NAME"))) }}'+'-';
  for(var i = 0; i < 2; i++){
    var position = Math.round(Math.random() * (letters.length - 1));
    coupon += letters[position] + Math.round(Math.random() * 9);
  }
  return coupon;
}

$('#code_coupon4').val(getCodeCoupon());

$('.nav-tabs a[href="#tab_5"]').click(function(){
  $('#product5').select2();
});

$('.nav-tabs a[href="#tab_6"]').click(function(){
  $('#product6').select2();
});

$('.nav-tabs a[href="#tab_6"]').click(function(){
  $('#productGift6').select2();
});

$('.nav-tabs a[href="#tab_7"]').click(function(){
  $('#productGift7').select2();
});

$('.nav-tabs a[href="#tab_9"]').click(function(){
  $('#productGift9').select2();
});

$('.nav-tabs a[href="#tab_10"]').click(function(){
  setTimeout(function(){
    $('#category_id10').select2();
  }, 200);
});

$('select').on(
    'select2:close',
    function () {
        $(this).focus();
    }
);

// Create our number formatter.
var formatter = new Intl.NumberFormat('en-US', {
  style: 'currency',
  currency: 'USD',
  minimumFractionDigits: 0,
});


$("#buttonAddProduct5").click(function (){
  addProductToArray();
});

$("#buttonAddProduct6").click(function (){
  addProductToArray();
});

$('.nav-tabs').click(function(){
  // dejar vacios valores de la tabla productos
  $("#totalPrice5").html('');
  $("#arrayProducts5").val('');

  $("#totalPrice6").html('');
  $("#arrayProducts6").val('');

  totalPrice = 0;
  arrayProducts = [];

  // dejar vacios valores de la tabla producto Obsequio
  $("#totalPriceGift6").html('');
  $("#arrayProductsGift6").val('');

  $("#totalPriceGift7").html('');
  $("#arrayProductsGift7").val('');

  $("#totalPriceGift9").html('');
  $("#arrayProductsGift9").val('');

  totalPriceGift = 0;
  arrayProductsGift = [];
});

var totalPrice = 0;
var arrayProducts = [];
// Codigo para agregar productos requisito para los descuentos
function addProductToArray(){
  // se conculta el tab activo para extraer el id del descuento
  $(".tab-pane.active").each(function(){
       var tab_id = $(this).context.id;
       var idDiscount = tab_id.substring(4, 5);
       var product = $("select[name=product"+idDiscount+"]");
       if(product.val()) {
         var optionSelect = $("select[name=product"+idDiscount+"]").find(":selected");
         product = {};
         product.id = Number(optionSelect.attr("value"));
         product.name = optionSelect.attr("name");
         product.price = Number(optionSelect.attr("price"));
         product.plu = optionSelect.attr("plu");
         var positionProduct = getPositionProduct(arrayProducts, product.id);
         if(positionProduct === -1) {
           arrayProducts.push(product);
         }
       }
       $("#arrayProducts"+idDiscount).val(JSON.stringify(arrayProducts));
       renderTableProduct(idDiscount);
  });
}

function getPositionProduct(arrayProducts, idProduct) {
  for(var i = 0; i < arrayProducts.length; i++) {
    if(arrayProducts[i].id === idProduct) {
      return i;
    }
  }
  return -1;
}

function renderTableProduct(idDiscount){
  var table = $("#bodyTable"+idDiscount);
  table.html("");
  totalPrice = 0;
  for(var i = 0 ; i < arrayProducts.length; i++) {
    var product = arrayProducts[i];
    var row = "<tr>"
      + "<td>" + (i+1) + "</td>"
      + "<td>" + product.name + "</td>"
      + "<td>" + product.plu + "</td>"
      + "<td>" + formatter.format(product.price) + "</td>"
      + "<td><i class='fa fa-trash iconMini ' id='deleteProductDiscount"+idDiscount+"' delete='" + i + "' discount_id= '"+idDiscount+"' data-toggle='tooltip' data-placement='bottom' title='Eliminar' style='cursor:pointer;'></i></td>"
      + "</tr>";
    table.append(row);
    totalPrice += product.price;
  }
  $("i[delete]").click(deleteProduct);
  $("#totalPrice"+idDiscount).html(formatter.format(totalPrice));
}

function deleteProduct(event) {
  var position = $(event.currentTarget).attr("delete");
  var idDiscount = $(event.currentTarget).attr("discount_id");
  arrayProducts.splice(position, 1);
  $("#arrayProducts"+idDiscount).val(JSON.stringify(arrayProducts));
  renderTableProduct(idDiscount);
}



$("#buttonAddProductGift6").click(function (){
  addProductToArrayGift();
});

$("#buttonAddProductGift7").click(function (){
  addProductToArrayGift();
});

$("#buttonAddProductGift9").click(function (){
  addProductToArrayGift();
});

var totalPriceGift = 0;
var arrayProductsGift = [];
// Codigo para agregar producto obsequio para los descuentos
function addProductToArrayGift(){
  // se conculta el tab activo para extraer el id del descuento
  $(".tab-pane.active").each(function(){
        if (arrayProductsGift.length > 0) {
          return;
        }
       var tab_id = $(this).context.id;
       var idDiscount = tab_id.substring(4, 5);
       var product = $("select[name=productGift"+idDiscount+"]");
       if(product.val()) {
         var optionSelect = $("select[name=productGift"+idDiscount+"]").find(":selected");
         product = {};
         product.id = Number(optionSelect.attr("value"));
         product.name = optionSelect.attr("name");
         product.price = Number(optionSelect.attr("price"));
         product.plu = optionSelect.attr("plu");
         var positionProduct = getPositionProductGift(arrayProductsGift, product.id);
         if(positionProduct === -1) {
           arrayProductsGift.push(product);
         }
       }
       $("#arrayProductsGift"+idDiscount).val(JSON.stringify(arrayProductsGift));
       renderTableProductGift(idDiscount);
  });
}

function getPositionProductGift(arrayProductsGift, idProduct) {
  for(var i = 0; i < arrayProductsGift.length; i++) {
    if(arrayProductsGift[i].id === idProduct) {
      return i;
    }
  }
  return -1;
}

function renderTableProductGift(idDiscount){
  var table = $("#bodyTableGift"+idDiscount);
  table.html("");
  totalPriceGift = 0;
  for(var i = 0 ; i < arrayProductsGift.length; i++) {
    var product = arrayProductsGift[i];
    var row = "<tr>"
      + "<td>" + (i+1) + "</td>"
      + "<td>" + product.name + "</td>"
      + "<td>" + product.plu + "</td>"
      + "<td>" + formatter.format(product.price) + "</td>"
      + "<td><i class='fa fa-trash iconMini ' id='deleteProductDiscountGift"+idDiscount+"' deleteGift='" + i + "' discount_idGift= '"+idDiscount+"' data-toggle='tooltip' data-placement='bottom' title='Eliminar' style='cursor:pointer;'></i></td>"
      + "</tr>";
    table.append(row);
    totalPriceGift += product.price;
  }
  $("i[deleteGift]").click(deleteProductGift);
  $("#totalPriceGift"+idDiscount).html(formatter.format(totalPriceGift));
  $("#buttonAddProductGift"+idDiscount).addClass('disabled');
}

function deleteProductGift(event) {
  var position = $(event.currentTarget).attr("deleteGift");
  var idDiscount = $(event.currentTarget).attr("discount_idGift");
  arrayProductsGift.splice(position, 1);
  $("#arrayProductsGift"+idDiscount).val(JSON.stringify(arrayProductsGift));
  renderTableProductGift(idDiscount);
  $("#buttonAddProductGift"+idDiscount).removeClass('disabled');
}


});
</script>