@if(!session('business.enable_price_tax')) 
  @php
    $default = 0;
    $class = 'hide';
  @endphp
@else
  @php
    $default = null;
    $class = '';
  @endphp
@endif

<div class="table-responsive">
    <table class="table table-bordered add-product-price-table table-condensed {{$class}}">
        <tr>
          <th>@lang('product.default_purchase_price')</th>
          <th>@lang('product.profit_percent') @show_tooltip(__('tooltip.profit_percent'))</th>
          <th>@lang('product.default_selling_price')</th>
          @if(empty($quick_add))
            <th>@lang('lang_v1.product_image')</th>
          @endif
        </tr>
        <tr>
          <td>
            <div class="col-sm-12">
              {{-- {!! Form::label('single_dpp', trans('product.tax') . ':*') !!} --}}

              {!! Form::text('single_dpp', $default ? $default : "0.00", ['class' => 'form-control input-sm dpp input_number', 'required', 'id' => 'single_dpp']); !!}
            </div>

            <div class="col-sm-6" style="display: none;">
              {{-- {!! Form::label('single_dpp_inc_tax', trans('product.inc_of_tax') . ':*') !!} --}}
            
              {!! Form::text('single_dpp_inc_tax', $default ? $default : "0.00", ['class' => 'form-control input-sm dpp_inc_tax input_number', 'required', 'id' => 'single_dpp_inc_tax']); !!}
            </div>
          </td>

          <td>
            {{-- <br/> --}}
            {!! Form::text('profit_percent', @num_format($profit_percent), ['class' => 'form-control input-sm input_number', 'id' => 'profit_percent', 'required']); !!}
          </td>

          <td>
            {{-- <label><span class="dsp_label">@lang('product.tax')</span>:*</label> --}}
            {!! Form::text('single_dsp', $default, ['class' => 'form-control input-sm dsp input_number', 'id' => 'single_dsp', 'required']); !!}

            {!! Form::text('single_dsp_inc_tax', $default, ['class' => 'form-control input-sm hide input_number' , 'id' => 'single_dsp_inc_tax', 'required']); !!}
          </td>
          @if(empty($quick_add))
          <td>
              <div class="form-group">
                {!! Form::label('variation_images', __('lang_v1.product_image') . ':') !!}
                {!! Form::file('variation_images[]', ['class' => 'variation_images', 
                    'accept' => 'image/*', 'multiple']); !!}
                <small><p class="help-block">@lang('purchase.max_file_size', ['size' => (config('constants.document_size_limit') / 1000000)]) <br> @lang('lang_v1.aspect_ratio_should_be_1_1')</p></small>
              </div>
          </td>          
          @endif
        </tr>
        <tr>
          <td colspan="4">
            <div class="numpad_div col-xs-12 hide" id="add_product_div" data-type="discount" style="
              display: block;
              align-items: center;
              justify-content: center;
              padding-right: 25px;
              overflow-x: hidden;
              overflow-y: auto;
              background: rgba(0,0,0,0);
              position: fixed;
              top: 19%;
              bottom: 0;
              left: 35%;
              right: 0;
              z-index: 1051;
              opacity: 1;
              width: 36%;
              outline: 0;">							
              <div class="form-group">									
                <div class="easy-numpad-number-container">
                  <table id="add_product">
                    <thead>
                      <tr>
                        <td class="numPadCashAddProduct" style="padding: 10px;" data-type="top"><a href="#"  style="padding: 10px ; width: 110px !important; height: 70px !important; ">5</a></td>
                        <td class="numPadCashAddProduct" style="padding: 10px;" data-type="top"><a href="#"  style="padding: 10px ; width: 110px !important; height: 70px !important; ">10</a></td>
                        <td class="numPadCashAddProduct" style="padding: 10px;" data-type="top"><a href="#"  style="padding: 10px ; width: 110px !important; height: 70px !important; ">20</a></td>
                        <td class="numPadCashAddProduct" style="padding: 10px;" data-type="top"><a href="#"  style="padding: 10px ; width: 110px !important; height: 70px !important; ">50</a></td>
                        <td class="numPadCashAddProduct" style="padding: 10px;" data-type="top"><a href="#"  style="padding: 10px ; width: 110px !important; height: 70px !important; ">100</a></td>
                      </tr>
                      <tr>
                        
                        <td class="numPadCashAddProduct" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 110px !important; height: 70px !important; ">1</a></td>
                        <td class="numPadCashAddProduct" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 110px !important; height: 70px !important; ">2</a></td>
                        <td class="numPadCashAddProduct" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 110px !important; height: 70px !important; ">3</a></td>
                        <td class="numPadCashAddProduct" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 110px !important; height: 70px !important; ">4</a></td>
                        <td class="numPadCashAddProduct" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 110px !important; height: 70px !important; ">5</a></td>
                      </tr>
                      <tr>
                        <td class="numPadCashAddProduct" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 110px !important; height: 70px !important; ">6</a></td>
                        <td class="numPadCashAddProduct" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 110px !important; height: 70px !important; ">7</a></td>
                        <td class="numPadCashAddProduct" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 110px !important; height: 70px !important; ">8</a></td>
                        <td class="numPadCashAddProduct" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 110px !important; height: 70px !important; ">9</a></td>
                        <td class="numPadCashAddProduct" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 110px !important; height: 70px !important; ">0</a></td>
                      </tr>
                      <tr>
                        <!-- <td><a href="."  style="padding: 10px ;">.</a></td> -->
                        <td colspan="2"><a href="#" class="numPadCashAddProduct" style="padding: 10px ; width: calc(95% + -10px); margin-top:2px; margin-left: 10px;">00</a></td>
                        <td colspan="2"><a href="#" class="numPadCashAddProductClear" id="numPadCashAddProductClear" style="padding: 10px ; width: calc(100% + -10px); margin-top:2px;">Clear</a></td>
                        <td><a href="#" class="numPadCashAddProductDel" id="numPadCashAddProductDel" style="padding: 10px ; width: calc(100% + -10px); margin-top:2px;">DEL</a></td>									                        
                      </tr>
                      <tr>
                        <td colspan="5" style="padding: 10px;"><a href="#" class="numPadCashAddProductClose" id="numPadCashAddProductClose" onclick="event.preventDefault(); $('#add_product_div').addClass('hide')" style="padding: 10px ; width: calc(100% + -10px); margin-top:2px;">CLOSE</a></td>									
                      </tr>
                    </thead>
                  </table>
                </div>									
              </div>
            </div>
          </td>
        </tr>
    </table>
</div>