Table Filters
The Table filters are included above the table display.
Show trips from:
<div class="table-filters">
<h3 class="table-filters--header">Show trips from:</h3>
<form class="table-filters__form">
<div class="form-control__item">
<label class="form-control__label" for="table-filters-1">
<input class="form-control__el" type="radio" name="trips" value="All world countries" id="table-filters-1" tabindex="1">
<div class="form-control__indicator form-control__indicator--radio"></div>
<div class="form-control__desc">
All world countries
</div>
</label>
</div>
<div class="form-control__item">
<label class="form-control__label" for="table-filters-2">
<input class="form-control__el" type="radio" name="trips" value="Africa & the Middle East" id="table-filters-2" tabindex="2">
<div class="form-control__indicator form-control__indicator--radio"></div>
<div class="form-control__desc">
Africa & the Middle East
</div>
</label>
</div>
<div class="form-control__item">
<label class="form-control__label" for="table-filters-3">
<input class="form-control__el" type="radio" name="trips" value="Europe & Central Asia" id="table-filters-3" tabindex="3">
<div class="form-control__indicator form-control__indicator--radio"></div>
<div class="form-control__desc">
Europe & Central Asia
</div>
</label>
</div>
<div class="form-control__item">
<label class="form-control__label" for="table-filters-4">
<input class="form-control__el" type="radio" name="trips" value="Asia & the Pacific" id="table-filters-4" tabindex="4">
<div class="form-control__indicator form-control__indicator--radio"></div>
<div class="form-control__desc">
Asia & the Pacific
</div>
</label>
</div>
<div class="form-control__item">
<label class="form-control__label" for="table-filters-5">
<input class="form-control__el" type="radio" name="trips" value="Latin America & the Caribbean" id="table-filters-5" tabindex="5">
<div class="form-control__indicator form-control__indicator--radio"></div>
<div class="form-control__desc">
Latin America & the Caribbean
</div>
</label>
</div>
<div class="form-control__item">
<label class="form-control__label" for="table-filters-6">
<input class="form-control__el" type="radio" name="trips" value="Canada" id="table-filters-6" tabindex="6">
<div class="form-control__indicator form-control__indicator--radio"></div>
<div class="form-control__desc">
Canada
</div>
</label>
</div>
<div class="form-control__item">
<label class="form-control__label" for="table-filters-7">
<input class="form-control__el" type="radio" name="trips" value="United States" id="table-filters-7">
<div class="form-control__indicator form-control__indicator--radio"></div>
<div class="form-control__desc">
United States
</div>
</label>
</div>
</form>
</div>