@main[]
# Роутинг:
# /travel/                      -> поездки за последний год
# /travel/all/                  -> все поездки
# /travel/tags/                 -> список тегов
# /travel/tag/<slug>/           -> поездки по тегу
# /travel/<year>/               -> поездки за год
# /travel/<year>/<slug>/        -> страница поездки

$parts[^request:uri.split[/;lh]]

$seg2[$parts.2]
$seg3[$parts.3]

^if(!def $seg2){
    ^show_list_last_year[]
    ^return[]
}

^if($seg2 eq "all"){
    ^show_list_all[]
    ^return[]
}

^if($seg2 eq "tags"){
    ^show_tags[]
    ^return[]
}

^if($seg2 eq "tag" && def $seg3){
    ^show_tag_trips[$seg3]
    ^return[]
}

$year(^seg2.int(0))
^if($year > 0 && !def $seg3){
    ^show_list_year[$year]
    ^return[]
}

^if($year > 0 && def $seg3){
    ^show_trip[$year;$seg3]
    ^return[]
}

^error_404[]

@show_list_last_year[]
^header[$APP.site_title — Последний год]
<h1>Поездки за последний год</h1>
<p class="muted">Показываются публичные записи за последние 12 месяцев.</p>

$trips[^trip_list_last_year[]]
^if(!def $trips){
  <div class="empty">Пока нет поездок. Зайди в <a href="$APP.base_url/admin/">админку</a> и добавь первую.</div>
}{
  <div class="grid">
  ^trips.menu{
    ^trip_card[$trips]
  }
  </div>
}
^footer[]

@show_list_all[]
^header[$APP.site_title — Все поездки]
<h1>Все поездки</h1>

$trips[^trip_list_all[]]
^if(!def $trips){
  <div class="empty">Пока нет поездок.</div>
}{
  <div class="grid">
  ^trips.menu{
    ^trip_card[$trips]
  }
  </div>
}
^footer[]

@show_list_year[year]
^header[$APP.site_title — $year]
<h1>$year</h1>

$trips[^trip_list_year[$year]]
^if(!def $trips){
  <div class="empty">За этот год ничего нет.</div>
}{
  <div class="grid">
  ^trips.menu{
    ^trip_card[$trips]
  }
  </div>
}
^footer[]

@show_tags[]
^header[$APP.site_title — Теги]
<h1>Теги</h1>
$tags[^tag_list[]]
^if(!def $tags){
  <div class="empty">Тегов пока нет.</div>
}{
  <div class="tags">
  ^tags.menu{
    <a class="tag" href="$APP.base_url/tag/$tags.slug/">$tags.name <span class="muted">($tags.cnt)</span></a>
  }
  </div>
}
^footer[]

@show_tag_trips[tag_slug]
$ts[$tag_slug]
^header[$APP.site_title — Тег: $ts]
<h1>Тег: $ts</h1>

$trips[^tag_trips[$ts]]
^if(!def $trips){
  <div class="empty">По этому тегу ничего нет.</div>
}{
  <div class="grid">
  ^trips.menu{
    ^trip_card[$trips]
  }
  </div>
}
^footer[]

@show_trip[year;slug]
$trip[^trip_get[$year;$slug]]

^if(!def $trip){
    ^error_404[]
    ^return[]
}

^header[$trip.title]

<div class="hero">
  ^if(def $trip.cover_path){
    <img class="hero-img" src="$trip.cover_path" alt="$trip.title">
  }
  <div class="hero-text">
    <h1>$trip.title</h1>
    <div class="muted">^fmt_date_range[$trip.start_fmt;$trip.end_fmt]^if(def $trip.location){ · $trip.location}</div>
    ^if(def $trip.summary){<p class="lead">$trip.summary</p>}
    $tags[^trip_tags[$trip.id]]
    ^if(def $tags){
      <div class="tags">
      ^tags.menu{
        <a class="tag" href="$APP.base_url/tag/$tags.slug/">$tags.name</a>
      }
      </div>
    }
  </div>
</div>

^if(def $trip.track_path){
  <section class="card">
    <h2>Карта и трек</h2>
    <div id="map" class="map"></div>
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css">
    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
    <script src="https://unpkg.com/leaflet-gpx@1.7.0/gpx.min.js"></script>
    <script>
      var map = L.map('map');
      var gpx = new L.GPX('$trip.track_path', { async: true });
      gpx.on('loaded', function(e) {
        map.fitBounds(e.target.getBounds());
      });
      gpx.addTo(map);
      ^if(def $trip.center_lat && def $trip.center_lng){
        map.setView([$trip.center_lat, $trip.center_lng], ^if(def $trip.zoom){$trip.zoom}{11});
      }
    </script>
  </section>
}

$photos[^trip_photos[$trip.id]]
^if(def $photos){
  <section class="card">
    <h2>Фото</h2>
    <div class="gallery">
      ^photos.menu{
        <figure>
          <img src="$photos.path" alt="$photos.caption">
          ^if(def $photos.caption){<figcaption class="muted">$photos.caption</figcaption>}
        </figure>
      }
    </div>
  </section>
}

^if(def $trip.story){
  <section class="card">
    <h2>История</h2>
    <div class="prose">
      ^untaint[as-is]{$trip.story}
    </div>
  </section>
}

^footer[]

@trip_card[row]
<div class="card trip">
  <a class="cover" href="$APP.base_url/$row.y/$row.slug/">
    ^if(def $row.cover_path){
      <img src="$row.cover_path" alt="$row.title">
    }{
      <div class="cover-placeholder"></div>
    }
  </a>
  <div class="trip-body">
    <a class="trip-title" href="$APP.base_url/$row.y/$row.slug/">$row.title</a>
    <div class="muted">^fmt_date_range[$row.start_fmt;$row.end_fmt]</div>
    ^if(def $row.summary){<div class="trip-summary">$row.summary</div>}
    $tags[^trip_tags[$row.id]]
    ^if(def $tags){
      <div class="tags">
        ^tags.menu{
          <a class="tag" href="$APP.base_url/tag/$tags.slug/">$tags.name</a>
        }
      </div>
    }
  </div>
</div>

@error_404[]
$response:status[404]
^header[$APP.site_title — 404]
<h1>404</h1>
<p class="muted">Страница не найдена.</p>
<p><a href="$APP.base_url/">На главную</a></p>
^footer[]