extends layout

block content
  h1(id='title')= title
  
  h2= "Sites Visited: "
    a(href="/visits") #{visits.length}
    | /
    a(href="/sites") #{totalSites}

  - var sitesVisited = []; 

  h2= "Visits"
  each visit in visits
    - sitesVisited.push(visit.id);
    h3 #[a(href="/sites/" + visit.slug) #{visit.site}]
    //- Commmand list of all the states
    h5 
      - var states = visit.states.split(',')
      - for (var i = 0; i < states.length; i++)
        | #{states[i]}
        if (i + 1 < states.length)
          | , 
          
  h2= "Remaining"
  each site in sites
    if !(sitesVisited.includes(site.id))
      h3 #[a(href="/sites/" + site.slug) #{site.site}]
      //- Commmand list of all the states
      h5 
        - var states = site.states.split(',')
        - for (var i = 0; i < states.length; i++)
          | #{states[i]}
          if (i + 1 < states.length)
            | , 
    else
      //- h3= "Removed!"

  include footer.pug