<script src="{{asset('assets/js/app.js')}}"></script>
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
  <div class="modal-content">
    <div class="modal-header">
      <h6 class="modal-title">{{ __('app.system_bounced') }}</h6>
      <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
    </div>
    <div class="modal-body">
      <form id="frm-group" enctype="multipart/form-data" class="needs-validation" novalidate>
        <div class="box-body">
          <div class="col-md-12" >
            <label class="form-label">{{__('app.file')}} <spam class="fs-11">({!! \App\Http\Helper\Helper::getMaxFileSize(false, true) !!})</spam></label>
            <input class="form-control" name="file" type="file" id="file">
          </div>

          <div class="mt-3" id="fields-mapping" style="display: none;">
              <h6 class="box-title">{{ __('app.fields_mapping') }}</h6>
            <div id="bounce-fields"></div>
          </div>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-danger" data-bs-dismiss="modal">{{__('app.close')}}</button>
          <button type="button" class="btn btn-primary btn-loading" id="btn-proceed" onclick="bouncesImport(this.form, '{{ route('system.bounced.import') }}');"><i class=""></i> {{ __('app.proceed') }}</button>
            <button type="button" class="btn btn-primary btn-loading" id="btn-import" style="display: none;" onclick="doBouncesImport(this.form, '{{ route('system.bounced.import') }}');" id='exit'><i class=""></i> {{ __('app.import') }}</button>
        </div>
      </form>
    </div>
  </div>
</div>