

<nb-card style="width: 500px; padding: 0px 2rem 2rem 2rem">
    <nb-card-header>
      Create Raid
    </nb-card-header>
    <nb-select [(selected)]="template" placeholder="copy from" (selectedChange)="onTemplateSelect()">
        <nb-option *ngFor="let template of templates" [value]="template">{{template.title}} {{template.start| date : 'd MMMM'}}</nb-option>
    </nb-select>

    <nb-select [(selected)]="tier" placeholder="Tier" >
      <nb-option *ngFor="let _tier of tiers" [value]="_tier">{{_tier}}</nb-option>
    </nb-select>
    
    <input type="text" nbInput [(ngModel)]="title" placeholder="Title" fullWidth="true">
    <input type="number" nbInput [(ngModel)]="size" placeholder="size" fullWidth="true">
    <textarea nbInput fullWidth [(ngModel)]="description" placeholder="description" fullWidth="true"></textarea>
    <input [nbDatepicker]="datepicker" [(ngModel)]="startdate">
    <nb-datepicker #datepicker></nb-datepicker>
    
    <input type="number" nbInput [(ngModel)]="hour" placeholder="hour" fullWidth="true">
    <input type="number" nbInput [(ngModel)]="minute" placeholder="minute" fullWidth="true">
    
    <button
        (click)="submit()"
        nbButton 
        outline 
        status="success" 
        size="medium">
        submit
    </button>
  </nb-card>