<form class="row g-3 auto-width" action="{{ route('e-mail-apis.store')}}" method="post" enctype='multipart/form-data'>
    <!-- For validation comment on -->
    <!-- <form class="row g-3 was-validated"> -->
    @csrf
     <!--Host -->
    <div class="col-md-12">
        <label for="host" class="form-label">Host <span class="text-danger"><b>*</b></span></label>
        <input type="text" class="form-control" id="host" name="host" aria-describedby="inputGroupPrepend" required placeholder="Host">
        <span class="text-danger error_host" style="display: none;">This field is required.</span>
    </div>
    <!--User Name -->
    <div class="col-md-6">
        <label for="user_name" class="form-label">User Name <span class="text-danger"><b>*</b></span></label>
        <input type="text" class="form-control" id="user_name" name="user_name" aria-describedby="inputGroupPrepend" required placeholder="User Name">
        <span class="text-danger error_user_name" style="display: none;">This field is required.</span>
    </div>
    <!--form_name -->
    <div class="col-md-6">
        <label for="form_name" class="form-label">Form Name</label> <span class="text-danger"><b>*</b></span>
        <input type="text" class="form-control" id="form_name" name="form_name" aria-describedby="inputGroupPrepend" required placeholder="Form Name">
        <span class="text-danger error_form_name" style="display: none;">This field is required.</span>
    </div>
    <!--form_email -->
    <div class="col-md-6">
        <label for="form_email" class="form-label">Form Email</label> <span class="text-danger"><b>*</b></span>
        <input type="text" class="form-control" id="form_email" name="form_email" aria-describedby="inputGroupPrepend" required placeholder="Form Email">
        <span class="text-danger error_form_email" style="display: none;">This field is required.</span>
    </div>
    <!--Api Type -->
    <div class="col-md-6">
        <label for="api_type" class="form-label" >API Type <span class="text-danger"><b>*</b></span></label>
        <select class="form-select" aria-label="api_type" name="api_type">
            <option selected value="">Select API Type</option>
            <option value="Sandbox">Sandbox</option>
            <option value="Live">Live</option>
          </select>
        <span class="text-danger error_api_type" style="display:none;">This field is required.</span>
    </div>
</form>
