<?php
require __DIR__ . '/app/config.php';
require APP_DIR . '/content_helpers.php';
@set_time_limit(60);

function parse_code(string $v): string {
    if (preg_match('/\(([A-Za-z0-9]{1,12})\)\s*$/', $v, $m)) return strtoupper($m[1]);
    return strtoupper(trim($v));
}
$from = parse_code($_GET['from'] ?? '');
$to   = parse_code($_GET['to']   ?? '');
$date = $_GET['date'] ?? date('Y-m-d');
if (!preg_match('/^\d{4}-\d{2}-\d{2}$/', $date)) $date = date('Y-m-d');

$journeys = [];   // each entry = list of legs
$err = '';
if ($from !== '' && $to !== '') {
    if ($from === $to) {
        $err = 'Origin and destination must be different.';
    } else {
        try {
            $tt = rt_load_timetable(db());
            // queryDep = 0 and a full-day horizon -> every train that runs that day
            $base = rt_plan($tt, $from, $to, 0, ['date' => $date, 'horizon' => 1440]);
            foreach ($base['direct'] as $l) $journeys[] = [$l];
            // connecting options sampled across the day, de-duplicated
            $seen = [];
            foreach ([0, 360, 720, 1080] as $qd) {
                $r = ($qd === 0) ? $base : rt_plan($tt, $from, $to, $qd, ['date' => $date, 'horizon' => 1440]);
                foreach ($r['hops'] as $journey) {
                    $sig = '';
                    foreach ($journey as $l) $sig .= $l['train'] . ':' . $l['board'] . '>';
                    if (isset($seen[$sig])) continue;
                    $seen[$sig] = 1;
                    $journeys[] = $journey;
                }
            }
        } catch (Throwable $ex) {
            error_log('router: ' . $ex->getMessage());
            $err = 'The journey planner is warming up. Please try again in a moment.';
        }
    }
}

// ---- Hide trains that have already left the origin (only for today's date, IST) ----
$departedAll = false;
if ($journeys) {
    $nowIst = new DateTime('now', new DateTimeZone('Asia/Kolkata'));
    if ($date === $nowIst->format('Y-m-d')) {
        $nowMin = ((int) $nowIst->format('G')) * 60 + (int) $nowIst->format('i');
        $before = count($journeys);
        $journeys = array_values(array_filter($journeys, function ($j) use ($nowMin) {
            return isset($j[0]['board']) && (int) $j[0]['board'] >= $nowMin;
        }));
        $departedAll = ($before > 0 && count($journeys) === 0);
    }
}

// ---- analytics: log the search (only when an actual A->B search ran) ----
if ($from !== '' && $to !== '') {
    $__an = APP_DIR . '/analytics.php';
    if (is_file($__an)) {
        require_once $__an;
        rr_track('search', ['from_code' => $from, 'to_code' => $to, 'jdate' => $date,
            'n' => count($journeys), 'note' => $departedAll ? 'departed' : '']);
    }
}

// ---- Names + types ----
$trainNos = []; $codes = [$from, $to];
foreach ($journeys as $j) foreach ($j as $l) { $trainNos[$l['train']] = 1; $codes[] = $l['from']; $codes[] = $l['to']; }
$trainNames = []; $trainTypes = []; $stationNames = []; $trainClasses = [];
if ($trainNos) {
    $in = implode(',', array_fill(0, count($trainNos), '?'));
    $hasClassesCol = true;
    try {
        $st = db()->prepare("SELECT train_no, train_name, train_type, classes FROM trains WHERE train_no IN ($in)");
        $st->execute(array_keys($trainNos));
    } catch (Throwable $e) {
        $hasClassesCol = false;
        $st = db()->prepare("SELECT train_no, train_name, train_type FROM trains WHERE train_no IN ($in)");
        $st->execute(array_keys($trainNos));
    }
    foreach ($st as $r) {
        $trainNames[$r['train_no']] = $r['train_name'];
        $trainTypes[$r['train_no']] = $r['train_type'];
        if ($hasClassesCol && isset($r['classes']) && $r['classes'] !== '' && $r['classes'] !== '-') {
            $vals = array_values(array_filter(array_map('trim', explode(',', (string) $r['classes']))));
            if ($vals) $trainClasses[$r['train_no']] = ['valid' => $vals, 'invalid' => []];
        }
    }
    try {
        $tcq = db()->prepare("SELECT train_no, class, valid FROM train_classes WHERE train_no IN ($in)");
        $tcq->execute(array_keys($trainNos));
        foreach ($tcq as $r) {
            $tn = $r['train_no'];
            if (!isset($trainClasses[$tn])) $trainClasses[$tn] = ['valid' => [], 'invalid' => []];
            if ((int) $r['valid'] === 1) $trainClasses[$tn]['valid'][] = $r['class'];
            else $trainClasses[$tn]['invalid'][] = $r['class'];
        }
    } catch (Throwable $e) { /* learning table not created yet */ }
}
$codes = array_values(array_unique(array_filter($codes)));
if ($codes) {
    $in = implode(',', array_fill(0, count($codes), '?'));
    $st = db()->prepare("SELECT code, name FROM stations WHERE code IN ($in)");
    $st->execute($codes);
    foreach ($st as $r) $stationNames[$r['code']] = $r['name'];
}

// (class lists now come from trains.classes, populated by tools/backfill_classes.php — no per-search API call)

function sname(string $c): string { global $stationNames; return $stationNames[$c] ?? $c; }
function tname(string $t): string { global $trainNames; return $trainNames[$t] ?? ''; }
function ttype(string $t): ?string { global $trainTypes; return $trainTypes[$t] ?? null; }

function train_class(string $no, ?string $t): array {
    $u = strtoupper(trim((string) $t));
    $isMEMU = strpos($u, 'ELECTRICAL MULTIPLE') !== false || strpos($u, 'MEMU') !== false;
    $isDEMU = (strpos($u, 'DIESEL') !== false && strpos($u, 'MULTIPLE') !== false) || strpos($u, 'DEMU') !== false;
    $tokenUnres = $isMEMU || $isDEMU
        || strpos($u, 'SUBURBAN') !== false || strpos($u, 'PASSENGER') !== false || strpos($u, 'EMU') !== false
        || in_array($u, ['SUB','PASS','MEX'], true);
    $reservedType = false;
    if ($u !== '') {
        foreach (['RAJDHANI','SHATABDI','DURONTO','SUPERFAST','SUF','GARIB RATH','HUMSAFAR','HMSR',
                  'VANDE BHARAT','VBEX','TEJAS','DOUBLE DECKER','MAIL EXPRESS','INTERCITY','SAMPARK KRANTI',
                  'SUVIDHA','RAJ','DRNT'] as $rk) {
            if (strpos($u, $rk) !== false) { $reservedType = true; break; }
        }
    }
    $d = ($no !== '') ? $no[0] : '';
    $noUnres = in_array($d, ['3','4','5','6','7','9'], true);
    if ($reservedType)   $unreserved = false;
    elseif ($tokenUnres) $unreserved = true;
    else                 $unreserved = $noUnres;
    $map = [
        'MAIL EXPRESS'=>'Mail/Express','SUPERFAST'=>'Superfast','SUF'=>'Superfast',
        'INTERCITY'=>'Intercity','INT'=>'Intercity','GARIB RATH'=>'Garib Rath',
        'SAMPARK KRANTI'=>'Sampark Kranti','SHATABDI'=>'Shatabdi','JAN SHATABDI'=>'Jan Shatabdi',
        'RAJDHANI'=>'Rajdhani','RAJ'=>'Rajdhani','DURONTO'=>'Duronto','DRNT'=>'Duronto',
        'HUMSAFAR'=>'Humsafar','HMSR'=>'Humsafar','VANDE BHARAT EXPRESS'=>'Vande Bharat','VBEX'=>'Vande Bharat',
        'TEJAS EXPRESS'=>'Tejas','DOUBLE DECKER'=>'Double Decker','DD'=>'Double Decker',
        'SUBURBAN'=>'Suburban','SUB'=>'Suburban','PASSENGER'=>'Passenger','PASS'=>'Passenger','MEX'=>'MEMU',
    ];
    if ($isMEMU) $label = 'MEMU';
    elseif ($isDEMU) $label = 'DEMU';
    elseif (isset($map[$u])) $label = $map[$u];
    elseif ($u !== '') $label = ucwords(strtolower($u));
    else $label = ['3'=>'Suburban','4'=>'Suburban','5'=>'Passenger','6'=>'MEMU','7'=>'DEMU','9'=>'Suburban'][$d] ?? '';
    return [$label, $unreserved];
}
function rd_tag(array $l): string {
    if (!empty($l['harvested'])) {
        $days = $l['days'] ?? '—';
        if (!empty($l['stale'])) return ' · <span style="color:#b26a00;font-weight:600">Runs: ' . e($days) . ' · re-checking</span>';
        return ' · <span style="color:#197b3a;font-weight:600">Runs: ' . e($days) . '</span>';
    }
    return ' · <span class="muted">days not verified — assumed daily</span>';
}

$travelTs = strtotime($date . ' 00:00');
function whenstr(int $absMin): string {
    global $travelTs;
    $ts = $travelTs + $absMin * 60;
    return date('H:i', $ts) . ' · ' . date('D j M', $ts);
}

function station_node(string $code, string $kind, ?int $layover): void {
    ?>
    <div class="jst">
      <div class="jst-ico">&#128649;</div>
      <a class="jst-link" href="<?= e(rr_station_url($code)) ?>" onclick="event.stopPropagation()">
        <div class="jst-code"><?= e($code) ?></div>
        <div class="jst-name"><?= e(sname($code)) ?></div>
      </a>
      <?php if ($layover !== null): ?><div class="jst-wait">wait <?= e(fmt_duration($layover)) ?></div><?php endif; ?>
    </div>
    <?php
}

function journey_card(array $legs): void {
    global $date, $trainClasses;
    $n = count($legs);
    if ($n === 0) return;
    $dep = $legs[0]['board']; $arr = $legs[$n - 1]['arr']; $dur = $arr - $dep;
    $deptod = (($dep % 1440) + 1440) % 1440;
    $nUn = 0; $nLeg = count($legs);
    foreach ($legs as $l) { [$x, $u] = train_class($l['train'], ttype($l['train'])); if ($u) $nUn++; }
    $cls = ($nUn === 0) ? 'res' : (($nUn === $nLeg) ? 'un' : 'mix');
    $label = $n === 1 ? 'Direct train' : ($n . ' Trains');
    ?>
    <details class="jcard" data-dur="<?= $dur ?>" data-hops="<?= $n ?>" data-dep="<?= $dep ?>" data-arr="<?= $arr ?>" data-deptod="<?= $deptod ?>" data-cls="<?= $cls ?>">
      <summary>
        <div class="jhead">
          <strong><?= e($label) ?></strong>
          <span class="muted"><?= e(fmt_duration($dur)) ?> total</span>
          <span class="jhint"><span class="jhint-open">tap for details &#9662;</span><span class="jhint-close">close &#9652;</span></span>
        </div>
        <div class="jline2-wrap">
          <button class="jscroll jscroll-l" type="button" aria-label="Scroll left" onclick="event.stopPropagation()">&#8249;</button>
          <div class="jline2">
          <?php for ($i = 0; $i < $n; $i++): $leg = $legs[$i];
            if ($i === 0) station_node($leg['from'], 'origin', null);
            [$tl, $tu] = train_class($leg['train'], ttype($leg['train']));
            $daysTxt = !empty($leg['harvested']) ? ($leg['days'] ?? '') : '';
            $meta = trim($tl . ($daysTxt ? ' · ' . $daysTxt : '')); ?>
            <div class="jtrack"></div>
            <div class="jtrn <?= $tu ? 'jtrn-un' : 'jtrn-res' ?>">
              <div class="jtrn-top">
                <span class="jtrn-ico">&#128646;</span>
                <span class="jtrn-no"><a class="jtrn-link" href="<?= e(rr_train_url($leg['train'])) ?>" target="_blank" rel="noopener" onclick="event.stopPropagation()"><?= e($leg['train']) ?></a></span>
                <span class="jtrn-dur">&#9201; <?= e(fmt_duration($leg['arr'] - $leg['board'])) ?></span>
              </div>
              <div class="jtrn-name"><a class="jtrn-link" href="<?= e(rr_train_url($leg['train'])) ?>" target="_blank" rel="noopener" onclick="event.stopPropagation()"><?= e(tname($leg['train'])) ?></a></div>
              <div class="jtrn-status"><?= $tu ? 'Unreserved train' : 'Reserved train' ?></div>
              <?php if ($meta): ?><div class="jtrn-meta"><?= e($meta) ?></div><?php endif; ?>
              <div class="jtrn-times">
                <span class="jtrn-dep">dep <?= e(whenstr($leg['board'])) ?></span>
                <span class="jtrn-arr">arr <?= e(whenstr($leg['arr'])) ?></span>
              </div>
            </div>
            <div class="jtrack"></div>
            <?php if ($i === $n - 1) station_node($leg['to'], 'dest', null);
                  else station_node($leg['to'], 'mid', $legs[$i + 1]['board'] - $leg['arr']); ?>
          <?php endfor; ?>
          </div>
          <button class="jscroll jscroll-r" type="button" aria-label="Scroll right" onclick="event.stopPropagation()">&#8250;</button>
        </div>
      </summary>
      <div class="jdetail">
        <?php for ($i = 0; $i < $n; $i++): $leg = $legs[$i]; ?>
          <?php if ($i > 0): $w = $leg['board'] - $legs[$i - 1]['arr']; ?>
            <div class="jchange">Change at <?= e(sname($leg['from'])) ?> (<?= e($leg['from']) ?>) — wait <?= e(fmt_duration($w)) ?></div>
          <?php endif; ?>
          <?php [$dl, $du] = train_class($leg['train'], ttype($leg['train'])); ?>
          <div class="jrow">
            <div>
              <div class="tno"><a href="<?= e(rr_train_url($leg['train'])) ?>" target="_blank" rel="noopener"><?= e($leg['train']) ?> · <?= e(tname($leg['train'])) ?></a></div>
              <div class="muted" style="font-size:.85rem"><?= e(sname($leg['from'])) ?> &rarr; <?= e(sname($leg['to'])) ?><?= rd_tag($leg) ?></div>
              <div style="font-size:.8rem;margin-top:3px"><?php if ($dl): ?><span class="muted"><?= e($dl) ?></span><?php endif; ?><?php if ($du): ?> &nbsp;<span class="junres-inline">Unreserved — general / unreserved ticket; book online on the RailOne app</span><?php endif; ?></div>
            </div>
            <div class="times">
              <span><b><?= e(whenstr($leg['board'])) ?></b><br><span class="muted" style="font-size:.74rem">dep</span></span>
              <span class="muted">&rarr;</span>
              <span><b><?= e(whenstr($leg['arr'])) ?></b><br><span class="muted" style="font-size:.74rem">arr</span></span>
            </div>
          </div>
          <?php if (!$du):
              $legDate = date('Y-m-d', strtotime($date . ' 00:00') + intdiv((int) $leg['board'], 1440) * 86400); ?>
          <div class="avail" data-train="<?= e($leg['train']) ?>" data-from="<?= e($leg['from']) ?>" data-to="<?= e($leg['to']) ?>" data-date="<?= e($legDate) ?>">
            <label class="avail-cls">Class
              <select><?php
                $tc = $trainClasses[$leg['train']] ?? ['valid' => [], 'invalid' => []];
                $order = ['SL', '3A', '2A', '1A', '3E', '2S', 'CC', 'EC', 'FC'];
                if (!empty($tc['valid'])) {
                    $opts = array_values(array_filter($order, function ($cc) use ($tc) { return in_array($cc, $tc['valid'], true); }));
                    foreach ($tc['valid'] as $vc) if (!in_array($vc, $opts, true)) $opts[] = $vc;
                } else {
                    $common = ['SL', '3A', '2A', '1A', 'CC', '2S'];
                    $opts = array_values(array_filter($common, function ($cc) use ($tc) { return !in_array($cc, $tc['invalid'], true); }));
                }
                if (!$opts) $opts = ['SL'];
                $sel = in_array('SL', $opts, true) ? 'SL' : (in_array('3A', $opts, true) ? '3A' : $opts[0]);
                foreach ($opts as $oc) echo '<option' . ($oc === $sel ? ' selected' : '') . '>' . e($oc) . '</option>';
              ?></select>
            </label>
            <button type="button" class="btn btn-sm btn-ghost avail-btn" onclick="rrAvail(this)">Check availability</button>
            <div class="avail-out"></div>
          </div>
          <?php endif; ?>
        <?php endfor; ?>
        <button type="button" class="jclose" onclick="var d=this.closest('details'); if(d){d.open=false; d.scrollIntoView({block:'nearest'});}">Close details &#9652;</button>
      </div>
    </details>
    <?php
}

$page_title = 'Journeys ' . $from . ' → ' . $to;
require APP_DIR . '/header.php';
?>
<style>
:root{--tc-res:#3e8e5e;--tc-un:#bf5d55}
.editsearch{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:10px 0 4px;padding:12px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px}
.editsearch .es-field{display:flex;flex-direction:column;flex:1 1 150px;min-width:130px}
.editsearch .es-field.es-go,.editsearch .es-field.es-new{flex:0 0 auto;min-width:0}
.editsearch label{font-size:.72rem;color:#64748b;font-weight:600;margin-bottom:3px}
.editsearch input{padding:8px 10px;border:1px solid #cbd5e1;border-radius:8px;font-size:.9rem;width:100%}
.editsearch .btn{white-space:nowrap}
.od-wrap{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end;flex:2 1 320px}
.swap-btn{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);z-index:5;width:36px;height:36px;border-radius:50%;border:1.5px solid #e4eae8;background:#fff;color:#0d6e6e;font-size:1.05rem;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:0 1px 3px rgba(0,0,0,.14)}
.swap-btn:hover{background:#f0f7f6}
@media(max-width:720px){.od-wrap{grid-template-columns:1fr}.swap-btn{left:auto;right:8px;bottom:auto;top:50%;transform:translateY(-50%) rotate(90deg)}}
.jcard{border:1px solid #e5e7eb;border-radius:14px;background:#fff;margin:12px 0;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.jcard>summary{cursor:pointer;list-style:none;padding:14px 16px}
.jcard>summary::-webkit-details-marker{display:none}
.jhead{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.jhead strong{font-size:1.02rem;color:#0f172a}
.jhint{margin-left:auto;font-size:.76rem;color:#0d9488;font-weight:600}
.jhint-close{display:none}
.jcard[open] .jhint-open{display:none}
.jcard[open] .jhint-close{display:inline}
.jline2{display:flex;align-items:center;gap:0;overflow-x:auto;padding:4px 2px 12px;-webkit-overflow-scrolling:touch}
.jline2-wrap{position:relative}
.jscroll{position:absolute;top:calc(50% - 6px);transform:translateY(-50%);z-index:5;width:34px;height:34px;border-radius:50%;border:1px solid #d6dce5;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.16);cursor:pointer;display:none;align-items:center;justify-content:center;font-size:1.35rem;line-height:1;color:#0f172a;padding:0}
.jscroll-l{left:-4px}
.jscroll-r{right:-4px}
.jscroll:hover{background:#f1f5f9}
.jscroll:disabled{opacity:.3;cursor:default;box-shadow:none}
.jline2-wrap.scrollable .jscroll{display:flex}
.jst{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:80px;max-width:108px;flex:0 0 auto}
.jst-ico{font-size:1.3rem;line-height:1}
.jst-code{font-weight:800;font-size:.92rem;color:#0f172a;margin-top:2px}
.jst-name{font-size:.7rem;color:#64748b;line-height:1.15}
.jst-wait{margin-top:5px;font-size:.68rem;background:#fef3c7;color:#92400e;border-radius:999px;padding:2px 8px;font-weight:700;white-space:nowrap}
.jtrack{flex:0 0 16px;height:3px;background:#cbd5e1;border-radius:2px}
.jtrn{flex:0 0 auto;min-width:172px;max-width:220px;border-radius:12px;padding:9px 11px;color:#fff}
.jtrn-res{background:var(--tc-res)}
.jtrn-un{background:var(--tc-un)}
.jtrn-top{display:flex;align-items:center;gap:6px}
.jtrn-ico{font-size:1.05rem}
.jtrn-no{font-weight:800;font-size:.98rem}
.jtrn-dur{margin-left:auto;background:rgba(255,255,255,.24);border-radius:999px;padding:2px 9px;font-weight:800;font-size:.74rem;white-space:nowrap}
.jtrn-name{font-size:.74rem;opacity:.96;line-height:1.2;margin-top:3px}
.jtrn-status{background:#0f172a;color:#fff;font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;text-align:center;border-radius:5px;padding:3px 0;margin-top:6px}
.jtrn-meta{font-size:.68rem;opacity:.92;margin-top:3px}
.jtrn-times{display:flex;flex-direction:column;gap:1px;margin-top:6px;font-size:.72rem;font-weight:700;line-height:1.35}
.jtrn-dep,.jtrn-arr{white-space:nowrap}
.jtrn-arr{opacity:.95}
.jlegend{display:flex;gap:18px;flex-wrap:wrap;font-size:.78rem;color:#475569;margin:6px 0 4px}
.jlegend .sw{display:inline-block;width:13px;height:13px;border-radius:3px;vertical-align:-2px;margin-right:6px}
.railone-note{display:flex;gap:12px;align-items:flex-start;background:#eef5ff;border:1px solid #cfe0fb;border-left:4px solid #2563eb;border-radius:10px;padding:12px 14px;margin:8px 0 14px;font-size:.92rem;color:#0f172a;line-height:1.45}
.railone-ico{font-size:1.35rem;line-height:1;flex:0 0 auto}
.railone-body{flex:1 1 auto}
.railone-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}
.railone-btn{display:inline-flex;align-items:center;gap:5px;background:#2563eb;color:#fff;font-weight:700;font-size:.8rem;text-decoration:none;border-radius:999px;padding:6px 14px;white-space:nowrap}
.railone-btn:hover{background:#1d4ed8}
.sw-res{background:var(--tc-res)}
.sw-un{background:var(--tc-un)}
.jdetail{padding:2px 16px 16px;border-top:1px dashed #e5e7eb}
.jclose{margin-top:12px;background:none;border:1px solid #e5e7eb;border-radius:8px;color:#0d9488;font-weight:600;font-size:.8rem;padding:7px 13px;cursor:pointer}
.jclose:hover{background:#f8fafc}
.avail{margin-top:10px;padding-top:10px;border-top:1px dotted #e5e7eb}
.avail-cls{font-size:.78rem;color:#475569;margin-right:8px}
.avail-cls select{font-size:.85rem;padding:4px 8px;border:1px solid #cbd5e1;border-radius:8px;margin-left:4px}
.avail-out{margin-top:10px}
.avail-tbl{width:100%;border-collapse:collapse;font-size:.82rem}
.avail-tbl th,.avail-tbl td{padding:5px 8px;border-bottom:1px solid #f1f5f9;text-align:left;white-space:nowrap}
.avail-tbl th{color:#64748b;font-weight:600}
.av-ok{color:#1c6b3f;font-weight:700}
.av-wl{color:#b45309;font-weight:600}
.avail-err{color:#a32626;font-size:.85rem}
.avail-meta{font-size:.7rem;color:#94a3b8;margin-top:5px}
.jchange{font-size:.82rem;color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:6px 10px;margin:12px 0}
.jrow{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #f1f5f9}
.jrow:last-child{border-bottom:none}
.jrow .times{display:flex;gap:8px;align-items:center;white-space:nowrap;text-align:center}
.junres-inline{color:#b45309;font-weight:700}
.ctrls{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin:14px 0;padding:12px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px}
.ctrls label{font-size:.82rem;color:#334155;display:flex;align-items:center;gap:6px}
.ctrls select{padding:5px 8px;border:1px solid #cbd5e1;border-radius:8px;font-size:.82rem;background:#fff}
.ctrls #jcount{margin-left:auto;font-weight:700;color:#0f172a}
.jst-link{color:inherit;text-decoration:none;display:block}
.jst-link:hover .jst-code,.jst-link:hover .jst-name{text-decoration:underline}
.jtrn-link{color:inherit;text-decoration:none}
.jtrn-link:hover{text-decoration:underline}
</style>

<h1 style="margin-top:4px">Journeys</h1>

<form class="editsearch" action="/search.php" method="get" autocomplete="off">
  <div class="od-wrap">
    <div class="es-field">
      <label for="from">From</label>
      <input id="from" name="from" data-station value="<?= e($from !== '' ? sname($from) . ' (' . $from . ')' : '') ?>" placeholder="e.g. Erode (ED)" required>
    </div>
    <button type="button" class="swap-btn" onclick="rrSwap(this)" aria-label="Swap From and To" title="Swap stations">&#8644;</button>
    <div class="es-field">
      <label for="to">To</label>
      <input id="to" name="to" data-station value="<?= e($to !== '' ? sname($to) . ' (' . $to . ')' : '') ?>" placeholder="e.g. Chennai (MAS)" required>
    </div>
  </div>
  <div class="es-field">
    <label for="date">Date</label>
    <input id="date" name="date" type="date" value="<?= e($date) ?>" required>
  </div>
  <div class="es-field es-go">
    <label>&nbsp;</label>
    <button class="btn btn-sm" type="submit">Update</button>
  </div>
  <div class="es-field es-new">
    <label>&nbsp;</label>
    <a class="btn btn-ghost btn-sm" href="/">New search</a>
  </div>
</form>

<div class="flash flash-info" style="margin-top:14px">
  Times are indicative (based on a reference timetable). All trains running on the selected date are shown. Always confirm on the official source before booking.
</div>

<div class="jlegend">
  <span><span class="sw sw-res"></span> Reserved train (bookable online)</span>
  <span><span class="sw sw-un"></span> Unreserved train (book on the RailOne app)</span>
</div>
<div class="railone-note">
  <span class="railone-ico" aria-hidden="true">&#127915;</span>
  <div class="railone-body">
    <strong>Travelling unreserved (general class)?</strong> Book your ticket online on Indian Railways’ official <strong>RailOne</strong> app.
    <span class="railone-links">
      <a class="railone-btn" href="https://play.google.com/store/apps/details?id=org.cris.aikyam" target="_blank" rel="noopener">Google Play</a>
      <a class="railone-btn" href="https://apps.apple.com/in/app/railone/id6473384334" target="_blank" rel="noopener">App Store</a>
    </span>
  </div>
</div>

<?php if ($err): ?>
  <div class="flash flash-error"><?= e($err) ?></div>
<?php elseif ($from === '' || $to === ''): ?>
  <div class="card"><p class="muted">Enter an origin and destination to see journeys.</p></div>
<?php elseif (!$journeys): ?>
  <div class="card"><p class="muted"><?php if (!empty($departedAll)): ?>All trains from <?= e($from) ?> &rarr; <?= e($to) ?> for today have already departed. Try tomorrow's date.<?php else: ?>No trains found for <?= e($from) ?> &rarr; <?= e($to) ?> on <?= e($date) ?>. Try a nearby date or a different pair of stations.<?php endif; ?></p></div>
<?php else: ?>

  <div class="ctrls">
    <label>Sort
      <select id="sortBy">
        <option value="dur" selected>Shortest travel time</option>
        <option value="depA">Departure: earliest</option>
        <option value="depD">Departure: latest</option>
        <option value="arrA">Arrival: earliest</option>
        <option value="arrD">Arrival: latest</option>
        <option value="hops">Fewest trains</option>
      </select>
    </label>
    <label>Trains
      <select id="fTrains">
        <option value="9">Any number</option>
        <option value="1">Direct only</option>
        <option value="2">Up to 2</option>
        <option value="3">Up to 3</option>
      </select>
    </label>
    <label>Departs
      <select id="fDep">
        <option value="any">Any time</option>
        <option value="morning">Morning (4am–12pm)</option>
        <option value="afternoon">Afternoon (12–5pm)</option>
        <option value="evening">Evening (5–9pm)</option>
        <option value="night">Night (9pm–4am)</option>
      </select>
    </label>
    <label>Type
      <select id="fRes">
        <option value="all">All trains</option>
        <option value="res">Reserved only</option>
        <option value="un">Unreserved only</option>
      </select>
    </label>
    <span id="jcount" class="muted"></span>
  </div>

  <?php $__ad = APP_DIR . '/ad_relevantreflex.php'; if (is_file($__ad)) include $__ad; ?>

  <div id="results">
    <?php foreach ($journeys as $j) journey_card($j); ?>
  </div>
  <div class="card" id="nomatch" hidden><p class="muted">No journeys match your filters.</p></div>

  <script>
  (function(){
    var box=document.getElementById('results');
    if(!box) return;
    var cards=[].slice.call(box.querySelectorAll('.jcard'));
    var sortBy=document.getElementById('sortBy'),
        fTrains=document.getElementById('fTrains'),
        fDep=document.getElementById('fDep'),
        fRes=document.getElementById('fRes'),
        jcount=document.getElementById('jcount'),
        nomatch=document.getElementById('nomatch');
    function bucket(m){ if(m>=240&&m<720)return'morning'; if(m>=720&&m<1020)return'afternoon'; if(m>=1020&&m<1260)return'evening'; return'night'; }
    function apply(){
      var sb=sortBy.value, ft=+fTrains.value, fd=fDep.value, fr=fRes.value, vis=[];
      cards.forEach(function(c){
        var hops=+c.dataset.hops, cls=c.dataset.cls, tod=+c.dataset.deptod, ok=true;
        if(hops>ft) ok=false;
        if(fr==='res'&&cls!=='res') ok=false;
        if(fr==='un'&&cls!=='un') ok=false;
        if(fd!=='any'&&bucket(tod)!==fd) ok=false;
        c.style.display=ok?'':'none';
        if(ok) vis.push(c);
      });
      vis.sort(function(a,b){
        var A=a.dataset,B=b.dataset;
        switch(sb){
          case 'dur': return (+A.dur-+B.dur)||(+A.dep-+B.dep);
          case 'depA': return (+A.dep-+B.dep);
          case 'depD': return (+B.dep-+A.dep);
          case 'arrA': return (+A.arr-+B.arr);
          case 'arrD': return (+B.arr-+A.arr);
          case 'hops': return (+A.hops-+B.hops)||(+A.dur-+B.dur);
        }
        return 0;
      });
      vis.forEach(function(c){ box.appendChild(c); });
      jcount.textContent=vis.length+' journey'+(vis.length===1?'':'s');
      nomatch.hidden=vis.length>0;
    }
    [sortBy,fTrains,fDep,fRes].forEach(function(el){ el.addEventListener('change',apply); });
    apply();
  })();
  </script>

<?php endif; ?>
<script>
(function(){
  function setup(w){
    var strip=w.querySelector('.jline2'),
        l=w.querySelector('.jscroll-l'),
        r=w.querySelector('.jscroll-r');
    if(!strip||!l||!r) return;
    function upd(){
      var ov = strip.scrollWidth - strip.clientWidth > 4;
      w.classList.toggle('scrollable', ov);
      if(ov){
        l.disabled = strip.scrollLeft <= 2;
        r.disabled = strip.scrollLeft >= (strip.scrollWidth - strip.clientWidth - 2);
      }
    }
    function step(d){ strip.scrollBy({left:d*Math.max(160, strip.clientWidth*0.7), behavior:'smooth'}); }
    l.addEventListener('click', function(e){ e.preventDefault(); e.stopPropagation(); step(-1); });
    r.addEventListener('click', function(e){ e.preventDefault(); e.stopPropagation(); step(1); });
    strip.addEventListener('scroll', upd, {passive:true});
    if(window.ResizeObserver){ new ResizeObserver(upd).observe(strip); }
    window.addEventListener('resize', upd);
    upd();
  }
  document.querySelectorAll('.jline2-wrap').forEach(setup);
})();
</script>
<script>
function rrAvail(btn){
  var box=btn.closest('.avail'),
      out=box.querySelector('.avail-out'),
      sel=box.querySelector('select'),
      cls=sel?sel.value:'SL';
  var q='train='+encodeURIComponent(box.dataset.train)
       +'&from='+encodeURIComponent(box.dataset.from)
       +'&to='+encodeURIComponent(box.dataset.to)
       +'&date='+encodeURIComponent(box.dataset.date)
       +'&class='+encodeURIComponent(cls);
  btn.disabled=true; out.innerHTML='<span class="muted">Checking '+cls+'\u2026</span>';
  fetch('/availability.php?'+q,{headers:{'Accept':'application/json'}})
    .then(function(r){return r.json();})
    .then(function(j){
      btn.disabled=false;
      if(!j.status){ out.innerHTML='<span class="avail-err">'+(j.message||'Unavailable.')+'</span>'; return; }
      var rows=j.data||[];
      if(!rows.length){ out.innerHTML='<span class="muted">No availability data.</span>'; return; }
      var h='<table class="avail-tbl"><thead><tr><th>Date</th><th>Status</th><th>Chance</th><th>Fare</th></tr></thead><tbody>';
      rows.forEach(function(d){
        var st=d.current_status||d.availablity_status||d.seat_avl_text||'';
        var ok=/AVAILABLE|AVBL|AVL/i.test(st)&&!/NOT/i.test(st);
        var cp=d.confirm_probability?(d.confirm_probability_percent+'% '+d.confirm_probability):'';
        var fare=d.total_fare?('\u20b9'+d.total_fare):'';
        var dt=d.date||d.availablity_date||'';
        h+='<tr><td>'+dt+'</td><td class="'+(ok?'av-ok':'av-wl')+'">'+st+'</td><td>'+cp+'</td><td>'+fare+'</td></tr>';
      });
      h+='</tbody></table><div class="avail-meta">'+(j.cached?'cached \u2022 ':'')+'class '+(j.class||cls)+' \u2022 indicative, verify on RailOne/IRCTC</div>';
      out.innerHTML=h;
    })
    .catch(function(){ btn.disabled=false; out.innerHTML='<span class="avail-err">Network error. Try again.</span>'; });
}
</script>

<?php require APP_DIR . '/footer.php'; ?>