<div class="modal-dialog" role="document">
  <div class="modal-content">

    {!! Form::open(['url' => action([\App\Http\Controllers\TaxRateController::class, 'store']), 'method' => 'post', 'id' => 'tax_rate_add_form' ]) !!}

    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
      <h4 class="modal-title">@lang( 'tax_rate.add_tax_rate' )</h4>
    </div>

    <div class="modal-body">
      <div class="form-group">
        {!! Form::label('name', __( 'tax_rate.name' ) . ':*') !!}
          {!! Form::text('name', null, ['class' => 'form-control', 'required', 'placeholder' => __( 'tax_rate.name' )]); !!}
      </div>

      <div class="form-group">
        {!! Form::label('amount', __( 'tax_rate.rate' ) . ':*') !!} @show_tooltip(__('lang_v1.tax_exempt_help'))
          {!! Form::text('amount', "0.0", ['class' => 'form-control input_number', 'required']); !!}
      </div>
      
      <div class="form-group">									
        <div class="easy-numpad-number-container">
          <table id="start_number">
            <thead>
              <tr>
                <td class="numPadCash" style="padding: 10px;" data-type="top"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">5</a></td>
                <td class="numPadCash" style="padding: 10px;" data-type="top"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">10</a></td>
                <td class="numPadCash" style="padding: 10px;" data-type="top"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">20</a></td>
                <td class="numPadCash" style="padding: 10px;" data-type="top"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">50</a></td>
                <td class="numPadCash" style="padding: 10px;" data-type="top"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">100</a></td>
              </tr>
              <tr>
                
                <td class="numPadCash" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">1</a></td>
                <td class="numPadCash" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">2</a></td>
                <td class="numPadCash" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">3</a></td>
                <td class="numPadCash" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">4</a></td>
                <td class="numPadCash" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">5</a></td>
              </tr>
              <tr>
                <td class="numPadCash" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">6</a></td>
                <td class="numPadCash" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">7</a></td>
                <td class="numPadCash" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">8</a></td>
                <td class="numPadCash" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">9</a></td>
                <td class="numPadCash" style="padding: 10px;" data-type="middle"><a href="#"  style="padding: 10px ; width: 90px !important; height: 70px !important; ">0</a></td>
              </tr>
              <tr>
                <!-- <td><a href="."  style="padding: 10px ;">.</a></td> -->
                <td colspan="2"><a href="#" class="numPadCash" style="padding: 10px ; width: calc(95% + -10px); margin-top:2px; margin-left: 10px;">00</a></td>
                <td colspan="2"><a href="#" class="numPadCashClear" id="numPadCashClear" style="padding: 10px ; width: calc(100% + -10px); margin-top:2px;">Clear</a></td>
                <td><a href="#" class="numPadCashDel" id="numPadCashDel" style="padding: 10px ; width: calc(100% + -10px); margin-top:2px;">DEL</a></td>									
              </tr>
            </thead>
          </table>
        </div>									
      </div>							

      <div class="form-group">
        <div class="checkbox">
          <label>
             {!! Form::checkbox('for_tax_group', 1, false, [ 'class' => 'input_icheck']); !!} @lang( 'lang_v1.for_tax_group_only' )
          </label> @show_tooltip(__('lang_v1.for_tax_group_only_help'))
        </div>
      </div>
    </div>
    <div class="modal-footer">
      <button type="submit" class="btn btn-primary">@lang( 'messages.save' )</button>
      <button type="button" class="btn btn-default" data-dismiss="modal">@lang( 'messages.close' )</button>
    </div>

    {!! Form::close() !!}

  </div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->