@extends('admin.layouts.master')

@section('title', __('Add Merchant Group'))

@section('page_content')

  <div class="row">
    <div class="col-md-3 settings_bar_gap">
      @include('admin.common.settings_bar')
    </div>
    <div class="col-md-9">
      <!-- Horizontal Form -->
      <div class="box box-info">
        <div class="box-header with-border">
          <h3 class="box-title">{{ __('Add Merchant Package') }}</h3>
        </div>

        <!-- form start -->
        <form method="POST" action="{{ url(config('adminPrefix').'/settings/add-merchant-group') }}" class="form-horizontal" enctype="multipart/form-data" id="merchant-group-add-form">
          @csrf

          <div class="box-body">
            <div class="form-group row">
              <label class="col-sm-3 control-label mt-11 f-14 fw-bold text-sm-end" for="name">{{ __('Name') }}</label>
              <div class="col-sm-6">
                <input type="text" name="name" class="form-control f-14" value="{{ old('name') }}" placeholder="{{ __('Add name') }}" id="name">
                @if($errors->has('name'))
                  <span class="error">
                    <strong class="text-danger">{{ $errors->first('name') }}</strong>
                  </span>
                @endif
              </div>
            </div>

            <div class="form-group row">
              <label class="col-sm-3 control-label mt-11 f-14 fw-bold text-sm-end" for="description">{{ __('Description') }}</label>
              <div class="col-sm-6">
                <textarea name="description" placeholder="{{ __('Add description') }}" rows="3" class="form-control f-14" value="{{ old('description') }}" id="description"></textarea>
                @if($errors->has('description'))
                  <span class="error">
                    <strong class="text-danger">{{ $errors->first('description') }}</strong>
                  </span>
                @endif
              </div>
            </div>

            <div class="form-group row">
              <label class="col-sm-3 control-label mt-11 f-14 fw-bold text-sm-end" for="fee">{{ __('Fee') }} (%)</label>
              <div class="col-sm-6">
                <input type="text" name="fee" class="form-control f-14" value="{{ old('fee') }}" placeholder="{{ __('Add fee') }}" id="fee" onkeypress="return isNumberOrDecimalPointKey(this, event);" oninput="restrictNumberToPrefdecimalOnInput(this)">
                @if($errors->has('fee'))
                  <span class="error">
                    <strong class="text-danger">{{ $errors->first('fee') }}</strong>
                  </span>
                @endif
              </div>
            </div>

            <div class="form-group row">
              <label class="col-sm-3 control-label mt-11 f-14 fw-bold text-sm-end" for="fee-bearer">{{ __('Fee Bearer') }}</label>
              <div class="col-sm-6">
                <select class="select2" name="fee_bearer" id="fee-bearer">
                  <option value='User'>{{ __('User') }}</option>
                  <option value='Merchant'>{{ __('Merchant') }}</option>
                </select>
                @if($errors->has('fee_bearer'))
                  <span class="error">
                    <strong class="text-danger">{{ $errors->first('fee_bearer') }}</strong>
                  </span>
                @endif
              </div>
            </div>

            <div class="form-group row">
              <label class="col-sm-3 control-label mt-11 f-14 fw-bold text-sm-end" for="default">{{ __('Default') }}</label>
              <div class="col-sm-6">
                <select class="select2" name="default" id="default">
                    <option value='No'>{{ __('No') }}</option>
                    <option value='Yes'>{{ __('Yes') }}</option>
                </select>
              </div>
            </div>
          </div>

          <div class="box-footer">
            <a class="btn btn-theme-danger f-14" href="{{ url(config('adminPrefix').'/settings/merchant-group') }}">{{ __('Cancel') }}</a>
            <button type="submit" class="btn btn-theme pull-right f-14">&nbsp; {{ __('Add') }} &nbsp;</button>
          </div>
        </form>
      </div>
    </div>
  </div>

@endsection

@push('extra_body_scripts')

<!-- jquery.validate -->
<script src="{{ asset('public/dist/plugins/jquery-validation/dist/jquery.validate.min.js') }}" type="text/javascript"></script>

@include('common.restrict_number_to_pref_decimal')
@include('common.restrict_character_decimal_point')

<script type="text/javascript">

  $(function () {
      $(".select2").select2({
      });
  });

  function restrictNumberToPrefdecimalOnInput(e)
  {
      restrictNumberToPrefdecimal(e, 'fiat');
  }

  jQuery.validator.addMethod("letters_with_spaces", function(value, element)
  {
    return this.optional(element) || /^[A-Za-z ]+$/i.test(value); //only letters
  }, "Please enter letters only!");

  $.validator.setDefaults({
      highlight: function(element) {
        $(element).parent('div').addClass('has-error');
      },
      unhighlight: function(element) {
        $(element).parent('div').removeClass('has-error');
      },
      errorPlacement: function (error, element) {
      if (element.prop('type') === 'checkbox') {
        $('#error-message').html(error);
      } else {
        error.insertAfter(element);
      }
    }
  });

  $('#merchant-group-add-form').validate({
    rules: {
      name: {
        required: true,
        letters_with_spaces: true,
      },
      description: {
        required: true,
      },
      fee: {
        required: true,
        number: true,
      },
    },
  });

</script>

@endpush