package pages

import "gosten/model"

templ notfound() {
    @content() {
    <div class="alert alert-danger d-flex align-items-center" role="alert">
        <svg class="me-2" role="img" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
            <path d="M9.05.435c-.58-.58-1.52-.58-2.1 0L.436 6.95c-.58.58-.58 1.519 0 2.098l6.516 6.516c.58.58 1.519.58 2.098 0l6.516-6.516c.58-.58.58-1.519 0-2.098zM8 4c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995A.905.905 0 0 1 8 4m.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2"/>
          </svg>
          <div>
            Seite <span class="fst-italic">{getCurrPath(ctx)}</span> nicht gefunden!
          </div>
    </div>
    }
}

templ index() {
    @content() {
    Logged in with user: {getUser(ctx).Name}
    }
}

templ recur(rows []model.RecurExpense) {
    @content() {
    <ul class="list-group">
    for _, r := range rows {
       <li class="list-group-item">
        {r.Description.String}
       </li>
    }
    </ul>
    }
}

templ categories(rows []model.Category) {
  @content() {
    <ul class="list-group">
    for _, r := range rows {
       <li class="list-group-item">
        {r.Name}
       </li>
    }
    </ul>
    }
}