<div class="modal fade" id="newApplicationModal" tabindex="-1" aria-labelledby="newApplicationModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="newApplicationModalLabel">New Application</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <form id="clientNewAppForm" action="{{ url('client-newapp') }}" method="POST">
        	@csrf
        	<input type="hidden" name="orgId" value="{{ session('current_user.org_id') }}">
	        
	        <div class="mb-3">
	            <label for="applicationName" class="col-form-label">Application Name</label>
	            <input type="text" class="form-control" placeholder="e.g. My SMS App" name="application_name" id="applicationName" required>
	        </div>
	        <div class="mb-3">
	            <label for="applicationName" class="col-form-label">Application Type</label>
	            <select class="form-control" id="applicationType" name="application_type" required>
	            	<option value="" selected disabled>-- Select --</option>
	            	<option value="INTERNATIONAL">International</option>
	            	<option value="LOCAL">Local</option>
	            </select>
	        </div>
	        <div class="mb-3">
	        	<div class="d-grid gap-2">
		        	<button type="submit" class="btn btn-primary">Submit</button>
		        </div>
	        </div>
        </form>
      </div>
      <div class="modal-footer">
        <!-- <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> -->
        
      </div>
    </div>
  </div>
</div>