{{define "form_message"}}
<div class="card">
<div class="card-body">
{{$message := .}}
{{if ne .Id 0}}
<form class="ajax_form" action="/api/messages/{{.Id}}" data-redirect="/messages" method="POST">
{{else}}
<form class="ajax_form" action="/api/messages" data-redirect="/messages" method="POST">
{{end}}
    <div class="form-group row">
        <label for="username" class="col-sm-4 col-form-label">Title</label>
        <div class="col-sm-8">
            <input type="text" name="title" class="form-control" value="{{.Title}}" id="title" placeholder="Message Title" required>
        </div>
    </div>

    <div class="form-group row">
        <label for="username" class="col-sm-4 col-form-label">Description</label>
        <div class="col-sm-8">
            <textarea rows="5" name="description" class="form-control" id="description" required>{{.Description}}</textarea>
        </div>
    </div>

    <div class="form-group row">
        <label class="col-sm-4 col-form-label">Message Date Range</label>
        <div class="col-sm-4">
            <input type="text" name="start_on" class="form-control form-control-plaintext" id="start_on" value="{{ParseTime .StartOn "2006-01-02T15:04:05Z"}}" required>
        </div>
        <div class="col-sm-4">
            <input type="text" name="end_on" class="form-control form-control-plaintext" id="end_on" value="{{ParseTime .EndOn "2006-01-02T15:04:05Z"}}" required>
        </div>
    </div>

    <div class="form-group row">
        <label for="service_id" class="col-sm-4 col-form-label">Service</label>
        <div class="col-sm-8">
        <select class="form-control" name="service" id="service_id">
            <option value="0" {{if eq (ToString .ServiceId) "0"}}selected{{end}}>Global Message</option>
            {{range Services}}
                {{$s := .Select}}
                <option value="{{$s.Id}}" {{if eq $message.ServiceId $s.Id}}selected{{end}}>{{$s.Name}}</option>
            {{end}}
        </select>
        </div>
    </div>

    <div class="form-group row">
        <label for="notify_method" class="col-sm-4 col-form-label">Notification Method</label>
        <div class="col-sm-8">
            <input type="text" name="notify_method" class="form-control" id="notify_method" value="{{.NotifyMethod}}" placeholder="email">
        </div>
    </div>

    <div class="form-group row">
        <label for="notify_method" class="col-sm-4 col-form-label">Notify Users</label>
        <div class="col-sm-8">
            <span class="switch">
            <input type="checkbox" name="notify_users-value" class="switch" id="switch-normal"{{if .NotifyUsers.Bool}} checked{{end}}>
            <label for="switch-normal">Notify Users Before Scheduled Time</label>
            <input type="hidden" name="notify_users" id="switch-normal-value" value="{{if .NotifyUsers.Bool}}true{{else}}false{{end}}">
          </span>
        </div>
    </div>

    <div class="form-group row">
        <label for="notify_before" class="col-sm-4 col-form-label">Notify Before</label>
        <div class="col-sm-8">
            <div class="form-inline">
            <input type="number" name="notify_before" class="col-4 form-control" id="notify_before" value="{{.NotifyBefore.Int64}}">
            <select class="ml-2 col-7 form-control" name="notify_before_scale" id="notify_before_scale">
                <option value="minute"{{if ne .Id 0}} selected{{else}}{{if eq .NotifyBeforeScale "minute"}}selected{{end}}{{end}}>Minutes</option>
                <option value="hour"{{if eq .NotifyBeforeScale "hour"}} selected{{end}}>Hours</option>
                <option value="day"{{if eq .NotifyBeforeScale "day"}} selected{{end}}>Days</option>
            </select>
            </div>
        </div>
    </div>

    <div class="form-group row">
        <div class="col-sm-12">
            <button type="submit" class="btn btn-primary btn-block">{{if ne .Id 0}}Update Message{{else}}Create Message{{end}}</button>
        </div>
    </div>
    <div class="alert alert-danger d-none" id="alerter" role="alert"></div>
</form>
</div>
</div>
{{end}}