<commit_before><center>
    <!-- 
               <br>
    <p ng-repeat="station in stations">ng-repeat variable station = {{station}}</p>
    <br>
    <p ng-repeat="(key,value) in stations">ng-repeat key,value station = {{value.name}}</p>
    <br>  
    station = {{stations}}
            -->

    <label>You Are Here</label>
    <select ng-options="station.abbr as station.name for station in stations" ng-model="selectedStationYAH" ng-change="hereMapYAH()">
    </select>
    <br> {{selectedStationYAH[0]}}
    <br>

    <label>Destination Stations</label>
    <select ng-options="station.abbr as station.name for station in stations" ng-model="selectedStationDS" ng-change="hereMapDS()"></select>
    <br> {{selectedStationDS[0]}}
</center>

<!-- https://docs.angularjs.org/guide/forms forms reference in angular -->
<form name="infoSelect">
    <fieldset>
        <legend>BART Information:</legend>
        <input type="radio" value="NextTrain" ng-model="mpValue">NEXT TRAIN (train times of "You Are Here" station)<br>
        <input type="radio" value="TripDetails" ng-model="mpValue">TRIP DETAILS (between selected stations)<br><br>
        <input type="submit" value="click to display information" ng-click="mpSubmit(mpValue)">
    </fieldset>
</form>

NEXT TRAIN (train times of "You Are Here" station)<br> Get Train Information for {{selectedStationYAH[0]}}<br><br>
<ol>
    <li ng-repeat="train in showNextTrainTime[0].etd" ng-init="vIdx = $index">

        <b>{{train.destination[0]}}</b>,
        <br><em>heading</em> {{train.estimate[0].direction[0]}}

        <ul>
            <li ng-repeat="estimate in showNextTrainTime[0].etd[vIdx].estimate">
                <em>departing</em> in {{estimate.minutes[0]}} minutes,<br>
                <em>{{estimate.length[0]}} cars long</em>
            </li>
        </ul>

    </li>

</ol>

<p>
    Near Train Station to you is <b>{{NearStationCalc}}</b><br>
    <div class="btn-group">
    <button class="btn btn-default btn-lg dropdown-toggle" type="button" data-toggle-"dropdown" aria-haspopup="true" aria-expanded="false" ng-click="NearestStation(); vShow = true;">Click here for nearest
    <span class="caret"></span>
    </button>
    </div>
    
    <span ng-show="vShow">
    <br>
    <br> {{nearSta}}
    <br> {{nearDist}} meters away
    <br> near Lat {{nearLat}}
    <br> near Long {{nearLong}}<commit_msg>remove caret on button.<commit_after><center>
    <!-- 
               <br>
    <p ng-repeat="station in stations">ng-repeat variable station = {{station}}</p>
    <br>
    <p ng-repeat="(key,value) in stations">ng-repeat key,value station = {{value.name}}</p>
    <br>  
    station = {{stations}}
            -->

    <label>You Are Here</label>
    <select ng-options="station.abbr as station.name for station in stations" ng-model="selectedStationYAH" ng-change="hereMapYAH()">
    </select>
    <br> {{selectedStationYAH[0]}}
    <br>

    <label>Destination Stations</label>
    <select ng-options="station.abbr as station.name for station in stations" ng-model="selectedStationDS" ng-change="hereMapDS()"></select>
    <br> {{selectedStationDS[0]}}
</center>

<!-- https://docs.angularjs.org/guide/forms forms reference in angular -->
<form name="infoSelect">
    <fieldset>
        <legend>BART Information:</legend>
        <input type="radio" value="NextTrain" ng-model="mpValue">NEXT TRAIN (train times of "You Are Here" station)<br>
        <input type="radio" value="TripDetails" ng-model="mpValue">TRIP DETAILS (between selected stations)<br><br>
        <input type="submit" value="click to display information" ng-click="mpSubmit(mpValue)">
    </fieldset>
</form>

NEXT TRAIN (train times of "You Are Here" station)<br> Get Train Information for {{selectedStationYAH[0]}}<br><br>
<ol>
    <li ng-repeat="train in showNextTrainTime[0].etd" ng-init="vIdx = $index">

        <b>{{train.destination[0]}}</b>,
        <br><em>heading</em> {{train.estimate[0].direction[0]}}

        <ul>
            <li ng-repeat="estimate in showNextTrainTime[0].etd[vIdx].estimate">
                <em>departing</em> in {{estimate.minutes[0]}} minutes,<br>
                <em>{{estimate.length[0]}} cars long</em>
            </li>
        </ul>

    </li>

</ol>

<p>
    Near Train Station to you is <b>{{NearStationCalc}}</b><br>
    <div class="btn-group">
    <button class="btn btn-default btn-lg dropdown-toggle" type="button" data-toggle-"dropdown" aria-haspopup="true" aria-expanded="false" ng-click="NearestStation(); vShow = true;">
        Click here for nearest
    </button>
    </div>
    
    <span ng-show="vShow">
    <br>
    <br> {{nearSta}}
    <br> {{nearDist}} meters away
    <br> near Lat {{nearLat}}
    <br> near Long {{nearLong}}
{'fraction_non_alphanumeric': 0.17910763374920702, 'fraction_numerical': 0.004229223937407486, 'mean_word_length': 3.319634703196347, 'pattern_counts': {'":': 0, '<': 143, '<?xml version=': 0, '>': 143, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2922001', 'n_tokens_mistral': 1604, 'n_tokens_neox': 1530, 'n_words': 355}