<script src="{{asset('assets/js/app.js')}}"></script>
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
  <form id="frm-group" method="post" action="{{route('list.split', [$list->id]) }}" class="needs-validation" novalidate>
        @csrf
  <div class="modal-header">
    <h6 class="modal-title">{{ __('app.split') }} ({{ $list->name }})</h6>
  </div>
  <div class="modal-body">
    <div class="box-body">
      <div class="col-md-12">
              <label class="form-label">{{__('app.no_of_lists')}}</label>
              <input type="number" class="form-control" placeholder="{{__('app.name')}}" value="" name="no_of_lists" min="2" required autofocus>
            </div>
    </div>
  </div>
  <div class="modal-footer">
    <button type="submit" class="btn btn-primary btn-loading"><i class=""></i> {{__('app.split')}}</button>
    <button type="button" class="btn btn-danger" data-bs-dismiss="modal">{{__('app.close')}}</button>
  </div>
  </form>
</div>

</div>