<script src="{{asset('assets/js/app.js')}}"></script>
<style type="text/css">
  .modal-body {
    overflow: scroll !important;
   }
   .select2-container {
    z-index: 10 !important;
   }
</style>
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
    <div class="modal-content">
      <form id="frm-group" method="post" action="" class="needs-validation" novalidate>
        @csrf
        <div class="modal-header">
          <h6 class="modal-title">{{__('app.help')}}</h6>
          <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body">
          <div class="box-body">
            <div class="col-md-12">
              <label class="form-label">{{__('app.subject')}}</label>
              <input type="text" class="form-control" placeholder="{{__('app.subject')}}" value="" name="subject" required>
            </div>
            <div class="col-md-12 mt-3">
              <label class="form-label">{{__('app.detail')}}</label>
              <textarea class="form-control" name="detail" rows="7" placeholder="{{ __('app.help_enter_problem') }}"></textarea>
            </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-bs-dismiss="modal">{{__('app.close')}}</button>
        <button type="button" id="send-test-email" class="btn btn-primary btn-loading" onclick="sendHelp(this.form)">{{ __('app.send') }} <i class=""></i></button>
        <div class="col-md-12" id="msg"></div>
      </div>
    </form>
  </div>
</div>