extends ../layout/main
block view-content

  section.uk-section.uk-section-default.uk-section-small
    .uk-container

      .uk-margin-medium
        div(uk-grid).uk-grid-small
          .uk-width-expand
            h1.uk-margin-remove= client.name
            if client.description
              div= client.description
          .uk-width-auto
            a(href=`/client/${client._id}/edit`).uk-button.uk-button-default.uk-button-small
              i.fa-solid.fa-cog
              span.uk-margin-small-left Edit Client
          .uk-width-auto
            a(href=`/client/${client._id}/project/create`).uk-button.uk-button-default.uk-button-small
              i.fa-solid.fa-plus
              span.uk-margin-small-left Add Project

      .uk-margin
        h2 Projects
        if Array.isArray(projects) && (projects.length > 0)
          ul.uk-list.uk-list-divided
            each project in projects
              li
                a(href=`/client/${client._id}/project/${project._id}`).uk-link-reset.uk-display-block
                  .uk-text-bold= project.name
                  .uk-text-small= project.description || 'No description'
        else
          div There are no projects