lesson-finder.fishnflips.uk.dev.franscape.services
Open in
urlscan Pro
18.238.25.124
Public Scan
URL:
https://lesson-finder.fishnflips.uk.dev.franscape.services/
Submission: On January 26 via api from US — Scanned from US
Submission: On January 26 via api from US — Scanned from US
Form analysis
1 forms found in the DOMName: searchForm —
<form class="form-wrapper ng-pristine ng-invalid ng-invalid-required ng-valid-min ng-valid-max ng-valid-step" ng-submit="vm.onSubmit()" novalidate="" name="searchForm">
<div class="form-group location-search withFeedback"><label for="location" class="ng-binding">Where would you like to Swim?</label>
<div class="location-overflow" ng-class="{'show-clear-search': vm.isSearching && vm.data.location.length}"><i class="fa fa-search search-icon"></i>
<div class="location-wrapper" id="location-wrapper"><input class="form-control ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" id="location" ng-required="true" aria-required="true" name="location" ng-model="vm.data.location"
ng-change="vm.onUserInputChange(vm.data.location)" placeholder="Search Location" type="search" aria-describedby="use-user-location" data-lpignore="true" auto-fill="off"
ng-class="{'is-invalid': errors.location || searchForm.location.$error.required && (searchForm.location.$touched || searchForm.$submitted)}" autocomplete="off" ng-focus="vm.onInputFocus()" required="required"><button
class="clear-search" type="button" ng-click="vm.onClearSearch()" aria-label="Clear Search Text"></button><search-options options="vm.predictions" on-selected="vm.onPredictionSelected({selected})" class="ng-isolate-scope">
<ul class="search-prediction-list results-0" ng-class="'results-' + $ctrl.options.length" role="menu">
<li><button class="select-search-prediction my-location-button" type="button" ng-click="$ctrl.onUseMyLocation()">
<div class="icon"><i class="fa fa-location-arrow"></i></div>
<div class="primary-string">Use my location</div><small class="secondary-string">Enable Location Services to use</small>
</button></li><!-- ngRepeat: option in $ctrl.options track by option.id -->
</ul>
</search-options>
<div class="invalid-feedback ng-hide" ng-show="searchForm.location.$error.required && (searchForm.location.$touched || searchForm.$submitted)"> <span class="d-none d-md-block">Location is required</span><span
class="d-md-none">Required</span></div>
</div>
</div>
</div>
<div class="blur-on-focus"><!-- ngIf: vm.hasOnlineClasses --><button class="toggle-more-filters" aria-expanded="true" aria-controls="more-filters" ng-click="vm.toggleIsViewingFilters()"
type="button"><!-- ngIf: !vm.isViewingFilters --><!-- ngIf: vm.isViewingFilters --><span class="mb-0 ng-scope" ng-if="vm.isViewingFilters">Hide
Options</span><!-- end ngIf: vm.isViewingFilters --><i class="collapse-angle fa fa-angle-up" ng-class="{'fa-angle-up': vm.isViewingFilters, 'fa-angle-down': !vm.isViewingFilters}"></i></button>
<div class="more-filter-options" id="more-filters" ng-show="vm.isViewingFilters">
<div class="form-group"><label for="day">Day <small aria-hidden="true">(optional)</small></label><fs-input-radio-list id="day" name="day" options="vm.days" size="sm" on-change="vm.onDayChange({val})" classes="{label: 'fill tile-1by1'}"
class="ng-isolate-scope"><!-- ngRepeat: option in $ctrl.options track by $index -->
<div class="custom-control custom-radio custom-radio-tile ng-scope" ng-repeat="option in $ctrl.options track by $index">
<input class="custom-control-input ng-pristine ng-untouched ng-valid ng-empty" type="radio" name="day" id="day-0" ng-model="$ctrl.selectedVal" ng-change="$ctrl.handleChange()" ng-value="option.value" value="1">
<label class="custom-radio-label fill tile-1by1" for="day-0" ng-class="$ctrl.classes.label">
<div class="label-content d-flex flex-column justify-content-center">
<span class="custom-radio-text ng-binding">Mon</span>
<small class="custom-radio-help ng-binding"></small>
</div>
</label>
</div><!-- end ngRepeat: option in $ctrl.options track by $index -->
<div class="custom-control custom-radio custom-radio-tile ng-scope" ng-repeat="option in $ctrl.options track by $index">
<input class="custom-control-input ng-pristine ng-untouched ng-valid ng-empty" type="radio" name="day" id="day-1" ng-model="$ctrl.selectedVal" ng-change="$ctrl.handleChange()" ng-value="option.value" value="2">
<label class="custom-radio-label fill tile-1by1" for="day-1" ng-class="$ctrl.classes.label">
<div class="label-content d-flex flex-column justify-content-center">
<span class="custom-radio-text ng-binding">Tue</span>
<small class="custom-radio-help ng-binding"></small>
</div>
</label>
</div><!-- end ngRepeat: option in $ctrl.options track by $index -->
<div class="custom-control custom-radio custom-radio-tile ng-scope" ng-repeat="option in $ctrl.options track by $index">
<input class="custom-control-input ng-pristine ng-untouched ng-valid ng-empty" type="radio" name="day" id="day-2" ng-model="$ctrl.selectedVal" ng-change="$ctrl.handleChange()" ng-value="option.value" value="3">
<label class="custom-radio-label fill tile-1by1" for="day-2" ng-class="$ctrl.classes.label">
<div class="label-content d-flex flex-column justify-content-center">
<span class="custom-radio-text ng-binding">Wed</span>
<small class="custom-radio-help ng-binding"></small>
</div>
</label>
</div><!-- end ngRepeat: option in $ctrl.options track by $index -->
<div class="custom-control custom-radio custom-radio-tile ng-scope" ng-repeat="option in $ctrl.options track by $index">
<input class="custom-control-input ng-pristine ng-untouched ng-valid ng-empty" type="radio" name="day" id="day-3" ng-model="$ctrl.selectedVal" ng-change="$ctrl.handleChange()" ng-value="option.value" value="4">
<label class="custom-radio-label fill tile-1by1" for="day-3" ng-class="$ctrl.classes.label">
<div class="label-content d-flex flex-column justify-content-center">
<span class="custom-radio-text ng-binding">Thu</span>
<small class="custom-radio-help ng-binding"></small>
</div>
</label>
</div><!-- end ngRepeat: option in $ctrl.options track by $index -->
<div class="custom-control custom-radio custom-radio-tile ng-scope" ng-repeat="option in $ctrl.options track by $index">
<input class="custom-control-input ng-pristine ng-untouched ng-valid ng-empty" type="radio" name="day" id="day-4" ng-model="$ctrl.selectedVal" ng-change="$ctrl.handleChange()" ng-value="option.value" value="5">
<label class="custom-radio-label fill tile-1by1" for="day-4" ng-class="$ctrl.classes.label">
<div class="label-content d-flex flex-column justify-content-center">
<span class="custom-radio-text ng-binding">Fri</span>
<small class="custom-radio-help ng-binding"></small>
</div>
</label>
</div><!-- end ngRepeat: option in $ctrl.options track by $index -->
<div class="custom-control custom-radio custom-radio-tile ng-scope" ng-repeat="option in $ctrl.options track by $index">
<input class="custom-control-input ng-pristine ng-untouched ng-valid ng-empty" type="radio" name="day" id="day-5" ng-model="$ctrl.selectedVal" ng-change="$ctrl.handleChange()" ng-value="option.value" value="6">
<label class="custom-radio-label fill tile-1by1" for="day-5" ng-class="$ctrl.classes.label">
<div class="label-content d-flex flex-column justify-content-center">
<span class="custom-radio-text ng-binding">Sat</span>
<small class="custom-radio-help ng-binding"></small>
</div>
</label>
</div><!-- end ngRepeat: option in $ctrl.options track by $index -->
<div class="custom-control custom-radio custom-radio-tile ng-scope" ng-repeat="option in $ctrl.options track by $index">
<input class="custom-control-input ng-pristine ng-untouched ng-valid ng-empty" type="radio" name="day" id="day-6" ng-model="$ctrl.selectedVal" ng-change="$ctrl.handleChange()" ng-value="option.value" value="0">
<label class="custom-radio-label fill tile-1by1" for="day-6" ng-class="$ctrl.classes.label">
<div class="label-content d-flex flex-column justify-content-center">
<span class="custom-radio-text ng-binding">Sun</span>
<small class="custom-radio-help ng-binding"></small>
</div>
</label>
</div><!-- end ngRepeat: option in $ctrl.options track by $index -->
<div class="custom-control custom-radio custom-radio-tile ng-scope" ng-repeat="option in $ctrl.options track by $index">
<input class="custom-control-input ng-pristine ng-untouched ng-valid ng-empty" type="radio" name="day" id="day-7" ng-model="$ctrl.selectedVal" ng-change="$ctrl.handleChange()" ng-value="option.value">
<label class="custom-radio-label fill tile-1by1" for="day-7" ng-class="$ctrl.classes.label">
<div class="label-content d-flex flex-column justify-content-center">
<span class="custom-radio-text ng-binding">Any</span>
<small class="custom-radio-help ng-binding"></small>
</div>
</label>
</div><!-- end ngRepeat: option in $ctrl.options track by $index -->
</fs-input-radio-list>
<div class="form-text invalid-feedback ng-binding ng-hide" ng-show="errors.day" ng-bind="errors.day"></div>
</div>
<div class="form-group" ng-hide="vm.data.category_range === 'online'"><fs-input-range min="5" max="100" step="1" default="vm.data.distance" label="Travelling Distance (in miles)" on-change="vm.onDistanceChange({val})" id="distance"
intervals="[5, 10, 15, 25, 50, 75, 100]" class="ng-isolate-scope">
<div class="d-flex justify-content-between align-items-center mb-2">
<label class="mb-0 ng-binding" for="fs-input-range">Travelling Distance (in miles)</label>
<div class="value ng-binding">15</div>
</div>
<div class="range-wrapper">
<input id="fs-input-range-distance" type="range" min="5" max="100" step="1" ng-class="{'is-invalid': $ctrl.hasErrors}" name="Travelling Distance (in miles)" ng-change="::$ctrl.handleChange()" ng-model="$ctrl.value"
class="ng-pristine ng-untouched ng-valid ng-not-empty ng-valid-min ng-valid-max ng-valid-step">
<div class="selected-range" ng-style="$ctrl.selectedRange" style="width: 10.5263%;"></div>
</div>
<ul class="range-labels" aria-hidden="true" ng-style="$ctrl.margins" ng-click="$ctrl.onClick($event)" style="margin-left: calc(-0.526316% + 0.5rem); margin-right: calc(-0.526316% + 0.5rem);">
<!-- ngRepeat: label in $ctrl.labels -->
<li data-value="5" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope with-tick selected">
<!-- ngIf: $ctrl.intervals.includes(label) --><span class="interval ng-binding ng-scope" ng-if="$ctrl.intervals.includes(label)">5</span><!-- end ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="6" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope selected">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="7" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope selected">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="8" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope selected">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="9" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope selected">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="10" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope with-tick selected">
<!-- ngIf: $ctrl.intervals.includes(label) --><span class="interval ng-binding ng-scope" ng-if="$ctrl.intervals.includes(label)">10</span><!-- end ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="11" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope selected">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="12" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope selected">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="13" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope selected">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="14" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope selected">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="15" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope with-tick selected">
<!-- ngIf: $ctrl.intervals.includes(label) --><span class="interval ng-binding ng-scope" ng-if="$ctrl.intervals.includes(label)">15</span><!-- end ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="16" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="17" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="18" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="19" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="20" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="21" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="22" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="23" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="24" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="25" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope with-tick">
<!-- ngIf: $ctrl.intervals.includes(label) --><span class="interval ng-binding ng-scope" ng-if="$ctrl.intervals.includes(label)">25</span><!-- end ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="26" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="27" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="28" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="29" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="30" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="31" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="32" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="33" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="34" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="35" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="36" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="37" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="38" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="39" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="40" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="41" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="42" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="43" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="44" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="45" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="46" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="47" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="48" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="49" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="50" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope with-tick">
<!-- ngIf: $ctrl.intervals.includes(label) --><span class="interval ng-binding ng-scope" ng-if="$ctrl.intervals.includes(label)">50</span><!-- end ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="51" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="52" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="53" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="54" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="55" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="56" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="57" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="58" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="59" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="60" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="61" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="62" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="63" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="64" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="65" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="66" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="67" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="68" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="69" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="70" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="71" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="72" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="73" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="74" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="75" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope with-tick">
<!-- ngIf: $ctrl.intervals.includes(label) --><span class="interval ng-binding ng-scope" ng-if="$ctrl.intervals.includes(label)">75</span><!-- end ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="76" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="77" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="78" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="79" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="80" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="81" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="82" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="83" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="84" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="85" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="86" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="87" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="88" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="89" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="90" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="91" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="92" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="93" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="94" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="95" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="96" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="97" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="98" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="99" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope">
<!-- ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
<li data-value="100" ng-repeat="label in $ctrl.labels" ng-class="{'with-tick': $ctrl.intervals.includes(label), 'selected': $ctrl.value >= label}" class="ng-scope with-tick">
<!-- ngIf: $ctrl.intervals.includes(label) --><span class="interval ng-binding ng-scope" ng-if="$ctrl.intervals.includes(label)">100</span><!-- end ngIf: $ctrl.intervals.includes(label) -->
</li><!-- end ngRepeat: label in $ctrl.labels -->
</ul>
</fs-input-range></div>
<div class="row compact additional-options">
<div class="col-12 col-md-6">
<div class="form-group"><label for="course-type">Course Category <small aria-hidden="true">(optional)</small></label><select class="form-control ng-pristine ng-untouched ng-valid ng-empty" id="course-type"
ng-class="{'is-invalid': errors.level_category}" name="level_category" ng-model="vm.data.level_category" ng-options="option.id as option.label for option in vm.filters.levels_categories" ng-change="::vm.onCourseTypeChange()">
<option label="All Course Categories" value="undefined:undefined" selected="selected">All Course Categories</option>
<option label="Baby Bonding (3-5 Months)" value="number:2">Baby Bonding (3-5 Months)</option>
<option label="Little Flippers (3+ Years)" value="number:4">Little Flippers (3+ Years)</option>
<option label="Mini Masters (3+ Years)" value="number:5">Mini Masters (3+ Years)</option>
<option label="Small Fry (5-36 Months)" value="number:3">Small Fry (5-36 Months)</option>
</select>
<div class="form-text invalid-feedback ng-binding ng-hide" ng-show="errors.level_category" ng-bind="errors.level_category"></div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="form-group"><label for="level">Course Type <small aria-hidden="true">(optional)</small></label><select class="form-control ng-pristine ng-untouched ng-valid ng-empty" id="level" ng-class="{'is-invalid': errors.level}"
name="level" ng-model="vm.data.level" ng-options="option.id as option.label for option in vm.filters.levels">
<option label="All Course Types" value="undefined:undefined" selected="selected">All Course Types</option>
<option label="Baby Bonding (3-5 Months)" value="number:1">Baby Bonding (3-5 Months)</option>
<option label="Little Flippers 1 (3+ Years)" value="number:6">Little Flippers 1 (3+ Years)</option>
<option label="Little Flippers 2 (3+ Years)" value="number:7">Little Flippers 2 (3+ Years)</option>
<option label="Little Flippers 3 (3+ Years)" value="number:8">Little Flippers 3 (3+ Years)</option>
<option label="Mini Masters 1 (3+ Years)" value="number:9">Mini Masters 1 (3+ Years)</option>
<option label="Mini Masters 2 (3+ Years)" value="number:10">Mini Masters 2 (3+ Years)</option>
<option label="Mini Masters 3 (3+ Years)" value="number:11">Mini Masters 3 (3+ Years)</option>
<option label="Small Fry 1 (5-13 Months)" value="number:2">Small Fry 1 (5-13 Months)</option>
<option label="Small Fry 2 (12 - 21 Months)" value="number:3">Small Fry 2 (12 - 21 Months)</option>
<option label="Small Fry 3 (21 -28 Months)" value="number:4">Small Fry 3 (21 -28 Months)</option>
<option label="Small Fry 4 (28 - 36 Months)" value="number:5">Small Fry 4 (28 - 36 Months)</option>
</select>
<div class="form-text invalid-feedback ng-binding ng-hide" ng-show="errors.level" ng-bind="errors.level"></div>
</div>
</div>
</div>
</div>
<div class="row flex-row-reverse mt-3 mt-xl-5">
<div class="col-12 col-xl-4">
<div class="form-group mb-0 text-right submit ml-xl-auto"><button class="form-submit-button" id="submit-search-btn">Search</button></div>
<div class="action show-help text-xl-right" ng-transclude="action">
<action class="ng-scope"> <button class="btn btn-plain small" ng-click="onHelpToggle()">Need help?</button></action>
</div>
</div>
<div class="col-12 col-xl-8 mt-5 mt-xl-0"><!-- ngIf: vm.companyProfile && vm.companyProfile.finder_message --></div>
</div>
</div>
</form>
Text Content
Where would you like to Swim? * Use my location Enable Location Services to use Location is requiredRequired Hide Options Day (optional) Mon Tue Wed Thu Fri Sat Sun Any Travelling Distance (in miles) 15 * 5 * * * * * 10 * * * * * 15 * * * * * * * * * * 25 * * * * * * * * * * * * * * * * * * * * * * * * * 50 * * * * * * * * * * * * * * * * * * * * * * * * * 75 * * * * * * * * * * * * * * * * * * * * * * * * * 100 Course Category (optional)All Course CategoriesBaby Bonding (3-5 Months)Little Flippers (3+ Years)Mini Masters (3+ Years)Small Fry (5-36 Months) Course Type (optional)All Course TypesBaby Bonding (3-5 Months)Little Flippers 1 (3+ Years)Little Flippers 2 (3+ Years)Little Flippers 3 (3+ Years)Mini Masters 1 (3+ Years)Mini Masters 2 (3+ Years)Mini Masters 3 (3+ Years)Small Fry 1 (5-13 Months)Small Fry 2 (12 - 21 Months)Small Fry 3 (21 -28 Months)Small Fry 4 (28 - 36 Months) Search Need help? Edit Search USING THE FISHNFLIPS LESSON FINDER Please note: if you are an existing customer looking to move to a different class, please contact your local fishnflips Office. The Lesson Finder can also be used to find contact details for your local fishnflips office. This tool can be used to help find your nearest fishnflips classes and contact details (Fields are required unless marked as 'optional'). 1. To begin, enter your location. a. Alternatively, enter the name of the fishnflips venue you are looking for b. Clicking 'Enter' on your keyboard with this field selected will begin your search. You can search just using Location, or select Show More Options to filter your requirements further: 1. Select Course Category (Optional) 2. Select Course Type (Optional) 3. Select a preferred day (Optional) 4. Adjust the maximum distance you are willing to travel (not necessary for online lessons) 5. Click Search The fishnflips Lesson Finder will search for classes that match your preferences: 1. Select a Venue to see available classes a. This will also show the contact details for the local fishnflips office 2. If you want to see further details and booking options of the class, select Find Out More. This will take you to the Class Preview Page. If you are a new fishnflips customer, you will need to select Register when you reach the login page. NO RESULTS FOUND WITHIN 15 MILES OF Not the result you were expecting? Please try one or more of the following: * Search using your Postcode * Select “Use My Location” in the search filters * Enter a more specific search, for example: "Town Name" "County Name" Unfortunately we could not find any fishnflips venues in . There may be a Franchise Opportunity in this, or surrounding areas. If you would like some information on running your own fishnflips franchise please Contact Us. YOU'VE GOT US!