<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 class="red">*Required</span></span>
            <input type="text" name="name" [(ngModel)]="needCopy.name">
        </div>
        <div>
            <span>Image</span>
            <input type="text" name="image" [(ngModel)]="needCopy.image">
        </div>
        <div>
            <span>Location</span>
            <input type="text" name="location" [(ngModel)]="needCopy.location">
        </div>
        <div>
            <span>Max Goal <span class="red">*Required</span></span>
            <input type="number" name="maxGoal" [(ngModel)]="needCopy.maxGoal">
        </div>
        <div>
            <span>Type <span class="red">*Required</span></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>