<div id="box">
    <button id="closeButton" (click)="modalService.hideModal()"><span class="icon">close</span></button>
    <h2>{{this.mode}} Need</h2>
    <form #updateForm="ngForm" id="update-form" (ngSubmit)="submit(updateForm.value)">
        <div>
            <span>Name:</span>
            <input type="text" name="name" [(ngModel)]="needCopy.name">
        </div>
        <div>
            <span>Image:</span>
            <input type="text" name="image" [(ngModel)]="needCopy.image">
        </div>
        <div>
            <input type="text" name="location" [(ngModel)]="needCopy.location">
        </div>
        <div>
            <span>Max Goal:</span>
            <input type="number" name="maxGoal" [(ngModel)]="needCopy.maxGoal">
        </div>
        <div>
            <span>Type:</span>
            <label>
                <input type="radio" name="type" value="MONETARY" [(ngModel)]="needCopy.type">
                Monetary
            </label>
            <label>
                <input type="radio" name="type" value="PHYSICAL" [(ngModel)]="needCopy.type">
                Physical
            </label>
        </div>
        <div>
            <span>Urgency:</span>
            <label>
                <input type="checkbox" name="urgent" [(ngModel)]="needCopy.urgent">
                Urgent
            </label>
        </div>
        <div>
            <span>Description:</span>
            <textarea name="description" [(ngModel)]="needCopy.description"></textarea>
        </div>
        <input type="submit" value="Submit">

    </form>
</div>