 <!-- form handling -->
 <form action="/api/users" method="POST" id="add_user">
    <div class="new_user">
        <div class="form-group">
            <label for="name" class="text-dark">Name</label>
            <input type="hidden" name="id" value="">
            <input type="text" name="name" value="" placeholder="Mark Stoenis">
        </div>
        <div class="form-group">
            <label for="Email" class="text-dark">Email</label>
            <input type="text" name="email" value="" placeholder="example@gmail.com">
        </div>
        <div class="form-group">
            <label for="gender" class="text-dark">Gender</label>
            <div class="radio inline">
                <input type="radio" id="radio-2" name="gender" value="Male" >
                <label for="radio-2" class="radio-label">Male</label>
            </div>
            <div class="radio inline">
                <input type="radio" id="radio-3" name="gender" value="Female" >
                <label for="radio-3" class="radio-label">Female</label>
            </div>
        </div>
        <div class="form-group">
            <label for="exp" class="text-dark">Expirience</label>
            <input type="hidden" name="id" value="">
            <input type="text" name="exp" value="" placeholder="Advanced">
        </div>
        <div class="form-group">
            <label for="field" class="text-dark">Name of place</label>
            <input type="hidden" name="id" value="">
            <input type="text" name="field" value="" placeholder="Canoe Lake Tennis club">
        </div>
        <div class="form-group">
            <label for="contact" class="text-dark">Tel. Number</label>
            <input type="hidden" name="id" value="">
            <input type="text" name="contact" value="" placeholder="0234 032452">
        </div>

        <div class="form-group">
            <label for="gender" class="text-dark">Status</label>
            <div class="radio inline">
                <input type="radio" id="radio-4" name="status" value="Active" >
                <label for="radio-4" class="radio-label">Active</label>
            </div>
            <div class="radio inline">
                <input type="radio" id="radio-5" name="status" value="Inactive" >
                <label for="radio-5" class="radio-label">Inactive</label>
            </div>
        </div>

        <div class="form-group">
            <button type="submit" class="btn text-dark update">Save</button>
        </div>

    </div>
</form>