Wet Flight Training Management
View and manage active and upcoming Wet Flight trainings
<header>
<a class="sr-only sr-only-focusable" href="#mainContent">Skip navigation to main content</a>
<nav class="navbar navbar-expand-lg atp-navbar" aria-label="Main">
<div class="container">
<div class="row no-gutters w-100 mb-lg-2">
<div class="col d-flex align-items-center">
<button class="navbar-toggler mr-2 px-1" type="button" data-toggle="collapse" data-target="#atpNavbarContent" aria-controls="atpNavbarContent" aria-expanded="false" aria-label="Toggle navigation">
<i class="lmp-icon icon-lg" aria-hidden="true">menu</i>
</button>
<a class="navbar-brand d-none d-lg-inline-block" href="#">
Aviation Training Portal
</a>
<div class="navbar-title d-lg-none">
Products & Services
</div>
</div>
<div class="col-auto">
<ul class="navbar-nav navbar-icon-nav justify-content-end">
<li class="nav-item d-none d-sm-block">
<a class="nav-link" href="#">
<i class="lmp-icon icon-lg" aria-hidden="true">help_outline</i>
<span class="sr-only">Help Center</span>
</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="lmp-icon icon-lg" aria-hidden="true">apps</i>
<span class="sr-only">Applications Menu</span>
</a>
<div class="dropdown-menu dropdown-menu-right atp-nav-dropdown" aria-labelledby="navbarDropdown">
<h6 class="dropdown-header">Portal</h6>
<a class="dropdown-item" href="#">MyBoeingFleet</a>
<div class="dropdown-divider"></div>
<h6 class="dropdown-header">Applications</h6>
<a class="dropdown-item" href="#">Application 1</a>
<a class="dropdown-item" href="#">Application 2</a>
<a class="dropdown-item" href="#">Application 3</a>
<a class="dropdown-item" href="#">More Applications</a>
</div>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="accountMenuDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="lmp-icon icon-lg" aria-hidden="true">account_circle</i>
<span class="sr-only">Account Menu</span>
</a>
<div class="dropdown-menu dropdown-menu-right atp-nav-dropdown pb-0" aria-labelledby="accountMenuDropdown">
<div class="h5 font-weight-bold mb-1 px-4">FirstName LastName</div>
<div class="dropdown-small-text">firstname.lastname@company.com</div>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">MBF Account Details</a>
<a href="#" class="dropdown-item dropdown-btn mt-4">Log Out</a>
</div>
</li>
</ul>
</div>
</div>
<div class="collapse navbar-collapse" id="atpNavbarContent">
<div class="row d-lg-none pt-lg-1">
<div class="col py-3 pl-4">
<img src="../../../../assets/images/boeing-logo.svg" width="145" height="34" alt="Boeing" loading="lazy" style="width: 150px; display: block; height: auto;">
</div>
<div class="col-auto py-3 pr-2">
<button class="navbar-toggler text-dark" type="button" data-toggle="collapse" data-target="#atpNavbarContent" aria-controls="atpNavbarContent" aria-expanded="false" aria-label="Close navigation">
<i class="lmp-icon icon-lg" aria-hidden="true">close</i>
</button>
</div>
<div class="col-12 border-top border-bottom py-1 px-3">
<a class="navbar-brand-mobile" href="#">Aviation Training Portal</a>
</div>
</div>
<div class="row no-gutters">
<div class="col-12">
<ul class="navbar-nav navbar-link-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Products & Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Materials</a>
</li>
<li class="nav-item d-sm-none border-top mt-1 pt-2">
<a href="#" class="nav-link d-flex align-items-center">
<i class="lmp-icon mr-2" aria-hidden="true">help_outline</i> Help Center
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</nav>
</header>
<main id="mainContent" class="bg-gray-lt">
<div class="atp-header">
<div class="container">
<div class="row">
<div class="col d-flex align-items-start order-1 order-md-0">
<h1 class="order-1">
Wet Flight Training
</h1>
<a href="#" class="btn lmp-link atp-header-back-link order-0">
<i class="lmp-icon icon-md" aria-hidden="true">arrow_back</i>
<span class="sr-only">Navigate to previous page</span>
</a>
</div>
</div>
</div>
</div>
<div class="container lmp-page-content">
<div class="row py-2 px-lg-2 bg-md-gray-md rounded">
<div class="col-12">
<nav role="navigation" aria-label="Page">
<div class="nav atp-tabs" id="flightTrainingTabs" role="tablist">
<a class="nav-item nav-link active" id="activeTab-tab" data-toggle="tab" href="#activeTab" role="tab" aria-controls="activeTab" aria-selected="true" data-title="Active Training" data-results="5">Active</a>
<a class="nav-item nav-link" id="upcomingTab-tab" data-toggle="tab" href="#upcomingTab" role="tab" aria-controls="upcomingTab" aria-selected="false" data-title="Upcoming Training" data-results="44">Upcoming</a>
</div>
</nav>
<div class="row align-items-center mt-3 mb-1">
<div class="col">
<div class="h6 font-weight-normal">5 Result(s)</div>
</div>
<div class="col-auto mr-md-0 ml-auto text-right">
<div class="lmp-export"><button type="button" class="btn lmp-link btn-sm" data-toggle="modal" data-target="#exportListModal">Export</button>
</div>
<button class="btn btn-sm btn-outline-secondary d-lg-none lmp-filter-btn"
type="button"
data-toggle="collapse"
data-target="#pageFilters"
aria-expanded="false"
aria-controls="pageFilters">
Filters <i class="lmp-icon" aria-hidden="true">expand_more</i>
</button>
<div class="lmp-view-controls-lg">
<div class="lmp-view-controls">
<ul>
<li>View</li>
<li class="mb-2">
<button class="btn btn-sm lmp-outline-secondary lmp-lg-icon lmp-date-sort active">Date <i class="lmp-icon icon-md icon-btn-date" aria-hidden="true">arrow_upward</i> </button>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 position-static">
<!-- Date picker container for absolute position workaround -->
<div id="filterPickerOutlet"></div>
<div class="collapse lmp-filter-container" id="pageFilters">
<div class="d-lg-none bg-steel p-3 text-right">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#pageFilters" aria-controls="pageFilters" aria-expanded="false" aria-label="Close filter pannel">
<span class="d-inline-block small text-white-50 text-uppercase">Close</span> <i class="lmp-icon icon-lg" aria-hidden="true">close</i>
</button>
</div>
<div class="d-lg-none p-3 border-bottom border-lmp-gray">
<div class="lmp-view-controls">
<div class="lmp-view-controls">
<ul>
<li>View</li>
<li class="mb-2">
<button class="btn btn-sm lmp-outline-secondary lmp-lg-icon lmp-date-sort active">Date <i class="lmp-icon icon-md icon-btn-date" aria-hidden="true">arrow_upward</i> </button>
</li>
</ul>
</div>
</div>
</div>
<div id="tabFilter" class="activeTab">
<form action="#" method="post" class="lmp-form needs-validation p-3 p-lg-0" novalidate>
<div class="row pt-3 pt-lg-0">
<div class="col-auto">
<h4 id="pgFltrHead" class="mb-0">Filter By</h4>
</div>
<div class="col text-right">
<button class="btn lmp-link btn-sm">Reset Filters</button>
</div>
<div class="col-12 my-3">
<div class="animated-input">
<div class="input-group">
<input type="search" class="form-control" id="formInput-search" required>
<label for="formInput-search">Product Name or TP ID</label>
<div class="input-group-append">
<button class="btn lmp-outline-primary border-left-0 border-lmp-input" type="button" id="filterSearchBtn">
<i class="lmp-icon icon-lg" aria-hidden="true">search</i>
<span class="sr-only">Search</span> </button>
</div>
</div>
</div>
</div>
</div>
<div class="accordion lmp-filter-accordions">
<div class="lmp-filter-item filterDateRange">
<h5 id="filterDateRangeHeading" class="mb-0 h6">
<button class="accordion-trigger collapsed" type="button" data-toggle="collapse" data-target="#filterDateRange" aria-expanded="false" aria-controls="filterDateRange">
Date Range
</button>
</h5>
<div id="filterDateRange" class="accordion-collapse collapse" aria-labelledby="filterDateRangeHeading">
<div class="accordion-content">
<div class="animated-input">
<div class="form-group">
<input type="" class="form-control" id="upcominginputfilter-startdate">
<label for="upcominginputfilter-startdate"><i class="lmp-icon icon-sm">date_range</i> From</label>
</div>
</div>
<div class="animated-input">
<div class="form-group">
<input type="" class="form-control" id="upcominginputfilter-enddate" aria-describedby="inputHelp-upcominginputfilter-enddate">
<label for="upcominginputfilter-enddate"><i class="lmp-icon icon-sm">date_range</i> To</label>
<span id="inputHelp-upcominginputfilter-enddate" class="form-text">Date range is limited to the 120-day look ahead</span>
</div>
</div>
</div>
</div>
</div>
<div class="lmp-filter-item filterLocation">
<h5 id="filterLocationHeading" class="mb-0 h6">
<button class="accordion-trigger collapsed" type="button" data-toggle="collapse" data-target="#filterLocation" aria-expanded="false" aria-controls="filterLocation">
Location
</button>
</h5>
<div id="filterLocation" class="accordion-collapse collapse" aria-labelledby="filterLocationHeading">
<div class="accordion-content">
<div class="form-check">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="location1">
<label class="custom-control-label" for="location1">Location 1</label>
</div>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="location2">
<label class="custom-control-label" for="location2">Location 2</label>
</div>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="location3">
<label class="custom-control-label" for="location3">Location 3</label>
</div>
</div>
</div>
</div>
</div>
<div class="lmp-filter-item filterTrainingType">
<h5 id="filterTrainingTypeHeading" class="mb-0 h6">
<button class="accordion-trigger collapsed" type="button" data-toggle="collapse" data-target="#filterTrainingType" aria-expanded="false" aria-controls="filterTrainingType">
Training Type
</button>
</h5>
<div id="filterTrainingType" class="accordion-collapse collapse" aria-labelledby="filterTrainingTypeHeading">
<div class="accordion-content">
<div class="form-check">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="checkExample1">
<label class="custom-control-label" for="checkExample1">Differences</label>
</div>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="checkExample2">
<label class="custom-control-label" for="checkExample2">Intrament Rating</label>
</div>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="checkExample3">
<label class="custom-control-label" for="checkExample3">Proficiency Check</label>
</div>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="checkExample4">
<label class="custom-control-label" for="checkExample4">Recurrent</label>
</div>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="checkExample5">
<label class="custom-control-label" for="checkExample5">Refresher</label>
</div>
<div id="filter-2" class="collapse">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="checkExample6">
<label class="custom-control-label" for="checkExample6">STAR</label>
</div>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="checkExample7">
<label class="custom-control-label" for="checkExample7">Type Rating</label>
</div>
</div>
<a href="#filter-2" class="lmp-filter-toggle" data-toggle="collapse" aria-expanded="false" aria-controls="filter-2">
<span class="more">Show More</span>
<span class="less">Show Less</span>
</a>
</div>
</div>
</div>
</div>
<div class="lmp-filter-item filterAirplaneModel">
<h5 id="filterAirplaneModelHeading" class="mb-0 h6">
<button class="accordion-trigger collapsed" type="button" data-toggle="collapse" data-target="#filterAirplaneModel" aria-expanded="false" aria-controls="filterAirplaneModel">
Airplane Model
</button>
</h5>
<div id="filterAirplaneModel" class="accordion-collapse collapse" aria-labelledby="filterAirplaneModelHeading">
<div class="accordion-content">
<div class="form-check">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="airplane1">
<label class="custom-control-label" for="airplane1">Airplane Option 1</label>
</div>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="airplane2">
<label class="custom-control-label" for="airplane2">Airplane Option 2</label>
</div>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="airplane3">
<label class="custom-control-label" for="airplane3">Airplane Option 3</label>
</div>
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="airplane4">
<label class="custom-control-label" for="airplane4">Airplane Option 4</label>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="col-lg-9">
<!-- BEGIN: Tab Content Area -->
<div class="tab-content" id="pageTabsContent">
<div class="tab-pane show active" id="activeTab" role="tabpanel" aria-labelledby="activeTab-tab">
<div class="lmp-card-fltr">
<div class="row no-gutters">
<div class="col-md-8 card-details">
<div class="p-3 pt-md-4 pb-md-2">
<ul class="lmp-tag-list active">
<li>Active</li>
<li>Flight Training</li>
</ul>
<h4 class="font-weight-normal"><a href="#">(787) Air Canada Type Rating with LOFT, CATT II/III</a></h4>
<ul class="lmp-inline-bullet">
<li>Type Rating</li>
<li>787 - 8/9/10</li>
</ul>
<ul class="lmp-inline-bullet">
<li>Product #100178895</li>
<li>TP ID #1234567</li>
</ul>
</div>
<ul class="lmp-outlined">
<li>Miami</li>
<li>3 Aug 2020 - 12 Aug 2020</li>
<li>2 Participants</li>
</ul>
</div>
<div class="col-md-4 card-progress">
<div class="row h-100">
<div class="col-7 col-md-12">
<h5 class="progress-label">Course Progress</h5>
<div class="prog-val">50%</div>
<span class="progress lmp-progress"><span class="progress-bar" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" aria-label="Course progress"></span></span>
</div>
</div>
</div>
</div>
</div>
<div class="lmp-card-fltr">
<div class="row no-gutters">
<div class="col-md-8 card-details">
<div class="p-3 pt-md-4 pb-md-2">
<ul class="lmp-tag-list active">
<li>Active</li>
<li>Flight Training</li>
</ul>
<h4 class="font-weight-normal"><a href="#">(737) 737 MAX to 727NG Differences</a></h4>
<ul class="lmp-inline-bullet">
<li>Differences</li>
<li>737 - MAX</li>
</ul>
<ul class="lmp-inline-bullet">
<li>Product #100178895</li>
<li>TP ID #1234567</li>
</ul>
</div>
<ul class="lmp-outlined">
<li>Gatwick</li>
<li>1 Jul 2020 - 4 Aug 2020</li>
<li>2 Participants</li>
</ul>
</div>
<div class="col-md-4 card-progress">
<div class="row h-100">
<div class="col-7 col-md-12">
<h5 class="progress-label">Course Progress</h5>
<div class="prog-val">80%</div>
<span class="progress lmp-progress"><span class="progress-bar" role="progressbar" style="width: 80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" aria-label="Course progress"></span></span>
</div>
</div>
</div>
</div>
</div>
<div class="lmp-card-fltr">
<div class="row no-gutters">
<div class="col-md-8 card-details">
<div class="p-3 pt-md-4 pb-md-2">
<ul class="lmp-tag-list active">
<li>Active</li>
<li>Flight Training</li>
</ul>
<h4 class="font-weight-normal"><a href="#">(737) 737 MAX EASA ATO Type Rating Additional</a></h4>
<ul class="lmp-inline-bullet">
<li>Type Rating</li>
<li>737 - MAX</li>
</ul>
<ul class="lmp-inline-bullet">
<li>Product #100179376</li>
<li>TP ID #1234567</li>
</ul>
</div>
<ul class="lmp-outlined">
<li>Miami</li>
<li>3 Jul 2020 - 17 Aug 2020</li>
<li>2 Participants</li>
</ul>
</div>
<div class="col-md-4 card-progress">
<div class="row h-100">
<div class="col-7 col-md-12">
<h5 class="progress-label">Course Progress</h5>
<div class="prog-val">50%</div>
<span class="progress lmp-progress"><span class="progress-bar" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" aria-label="Course progress"></span></span>
</div>
</div>
</div>
</div>
</div>
<div class="lmp-card-fltr">
<div class="row no-gutters">
<div class="col-md-8 card-details">
<div class="p-3 pt-md-4 pb-md-2">
<ul class="lmp-tag-list active">
<li>Active</li>
<li>Flight Training</li>
</ul>
<h4 class="font-weight-normal"><a href="#">(787) Shortened Type RTating Training (STAR) - FAA</a></h4>
<ul class="lmp-inline-bullet">
<li>STAR</li>
<li>787 - 300/400/500</li>
</ul>
<ul class="lmp-inline-bullet">
<li>Product #100178895</li>
<li>TP ID #1234567</li>
</ul>
</div>
<ul class="lmp-outlined">
<li>Miami</li>
<li>26 Jul 2020 - 8 Aug 2020</li>
<li>2 Participants</li>
</ul>
</div>
<div class="col-md-4 card-progress">
<div class="row h-100">
<div class="col-7 col-md-12">
<h5 class="progress-label">Course Progress</h5>
<div class="prog-val">40%</div>
<span class="progress lmp-progress"><span class="progress-bar" role="progressbar" style="width: 40%" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" aria-label="Course progress"></span></span>
</div>
</div>
</div>
</div>
</div>
<div class="lmp-card-fltr">
<div class="row no-gutters">
<div class="col-md-8 card-details">
<div class="p-3 pt-md-4 pb-md-2">
<ul class="lmp-tag-list active">
<li>Active</li>
<li>Flight Training</li>
</ul>
<h4 class="font-weight-normal"><a href="#">(787) Air Canada Type Rating with LOFT, CATT II/III</a></h4>
<ul class="lmp-inline-bullet">
<li>Type Rating</li>
<li>787 - 8/9/10</li>
</ul>
<ul class="lmp-inline-bullet">
<li>Product #100178895</li>
<li>TP ID #1234567</li>
</ul>
</div>
<ul class="lmp-outlined">
<li>Miami</li>
<li>30 Jul 2020 - 12 Aug 2020</li>
<li>2 Participants</li>
</ul>
</div>
<div class="col-md-4 card-progress">
<div class="row h-100">
<div class="col-7 col-md-12">
<h5 class="progress-label">Course Progress</h5>
<div class="prog-val">25%</div>
<span class="progress lmp-progress"><span class="progress-bar" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100" aria-label="Course progress"></span></span>
</div>
</div>
</div>
</div>
</div>
<div class="h4 text-center font-weight-normal">5 results shown</div>
</div><div class="tab-pane" id="upcomingTab" role="tabpanel" aria-labelledby="upcomingTab-tab">
<div class="text-lg-right mb-3">
<button type="button" id="modifyCancelBooking" class="btn lmp-link btn-sm">Modify / Cancel Bookings</button>
</div>
<div class="lmp-card-fltr">
<div class="row no-gutters">
<div class="col card-details">
<div class="p-3 pt-md-4 pb-md-2">
<ul class="lmp-tag-list active">
<li>Upcoming</li>
<li>Flight Training</li>
</ul>
<h4 class="font-weight-normal"><a href="#">(787) Air Canada Type Rating with LOFT, CATT II/III</a></h4>
<ul class="lmp-inline-bullet">
<li>Type Rating</li>
<li>787 - 8/9/10</li>
</ul>
<ul class="lmp-inline-bullet">
<li>Product #100178895</li>
<li>TP ID #1234567</li>
</ul>
</div>
<ul class="lmp-outlined">
<li>Miami</li>
<li>27 Oct 2020 - 11 Nov 2020</li>
<li>2 Participants</li>
</ul>
</div>
</div>
</div>
<div class="lmp-card-fltr">
<div class="row no-gutters">
<div class="col card-details">
<div class="p-3 pt-md-4 pb-md-2">
<ul class="lmp-tag-list active">
<li>Upcoming</li>
<li>Flight Training</li>
</ul>
<h4 class="font-weight-normal"><a href="#">(737) 737 MAX to 727NG Differences</a></h4>
<ul class="lmp-inline-bullet">
<li>Differences</li>
<li>737 - MAX</li>
</ul>
<ul class="lmp-inline-bullet">
<li>Product #100178895</li>
<li>TP ID #1234567</li>
</ul>
</div>
<ul class="lmp-outlined">
<li>Gatwick</li>
<li>31 Oct 2020 - 8 Nov 2020</li>
<li>2 Participants</li>
</ul>
</div>
</div>
</div>
<div class="lmp-card-fltr">
<div class="row no-gutters">
<div class="col card-details">
<div class="p-3 pt-md-4 pb-md-2">
<ul class="lmp-tag-list active">
<li>Upcoming</li>
<li>Flight Training</li>
</ul>
<h4 class="font-weight-normal"><a href="#">(747) Recurrent Training and Proficiency Check</a></h4>
<ul class="lmp-inline-bullet">
<li>Recurrent</li>
<li>747</li>
</ul>
<ul class="lmp-inline-bullet">
<li>Product #100178895</li>
<li>TP ID #1234567</li>
</ul>
</div>
<ul class="lmp-outlined">
<li>Miami</li>
<li>28 Nov 2020 - 14 Dec 2020</li>
<li>2 Participants</li>
</ul>
</div>
</div>
</div>
<div class="lmp-card-fltr">
<div class="row no-gutters">
<div class="col card-details">
<div class="p-3 pt-md-4 pb-md-2">
<ul class="lmp-tag-list active">
<li>Upcoming</li>
<li>Flight Training</li>
</ul>
<h4 class="font-weight-normal"><a href="#">(787) Shortened Type Rating Training (STAR) - FAA</a></h4>
<ul class="lmp-inline-bullet">
<li>STAR</li>
<li>787 - 8/9/10</li>
</ul>
<ul class="lmp-inline-bullet">
<li>Product #100178895</li>
<li>TP ID #1234567</li>
</ul>
</div>
<ul class="lmp-outlined">
<li>Miami</li>
<li>13 Dec 2020 - 22 Dec 2020</li>
<li>2 Participants</li>
</ul>
</div>
</div>
</div>
<div class="lmp-card-fltr">
<div class="row no-gutters">
<div class="col card-details">
<div class="p-3 pt-md-4 pb-md-2">
<ul class="lmp-tag-list active">
<li>Upcoming</li>
<li>Flight Training</li>
</ul>
<h4 class="font-weight-normal"><a href="#">(737) 737 MAX to 727NG Differences</a></h4>
<ul class="lmp-inline-bullet">
<li>Differences</li>
<li>737 - MAX</li>
</ul>
<ul class="lmp-inline-bullet">
<li>Product #100178895</li>
<li>TP ID #1234567</li>
</ul>
</div>
<ul class="lmp-outlined">
<li>Singapore</li>
<li>1 Feb 2021 - 14 Feb 2021</li>
<li>2 Participants</li>
</ul>
</div>
</div>
</div>
</div> </div>
<!-- END: Tab Content Area -->
</div>
</div>
</div>
</main>
<footer class="atp-foooter">
<div class="container">
<div class="row">
<div class="col-lg-7">
<nav class="atp-footer-links" aria-label="Footer">
<a href="#">MBF Home</a>
<a href="#">Contact Us</a>
<a href="#">Terms of Use</a>
<a href="#">Boeing Privacy & Cookie Statement</a>
</nav>
</div>
<div class="col-lg-5 text-center text-lg-right">
Copyright © 2020 Boeing. All right reserved.
</div>
</div>
</div>
</footer>
<div class="lmp-modal modal fade" id="upcomingdatepicker-modal" tabindex="-1" aria-labelledby="upcomingdatepicker-modalLabel" aria-hidden="true" data-backdrop="static">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title" id="upcomingdatepicker-modalLabel">Date Range</h3>
</div>
<div class="modal-body">
<div class="row">
<div class="col-lg-6">
<h4 id="upcomingdatepickerfrom-label" class="text-center">From</h4>
<div id="startDateOutlet" class="lmp-static-date-picker"></div>
<div class="d-none"><div class="lmp-form">
<div class="animated-input">
<div class="form-group">
<input type="text" id="upcomingdatepicker-filterstartdatedual" class="form-control lmp-pickadate" data-value="20 Mar 2021" data-max="89" data-outlet="startDateOutlet">
<label for="upcomingdatepicker-filterstartdatedual" class="d-flex align-items-center lmp-pickadate-icon"><i class="lmp-icon">date_range</i> From</label>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<h4 id="upcomingdatepickerto-label" class="text-center">To</h4>
<div id="endDateOutlet" class="lmp-static-date-picker"></div>
<div class="d-none"><div class="lmp-form">
<div class="animated-input">
<div class="form-group">
<input type="text" id="upcomingdatepicker-filterenddatedual" class="form-control lmp-pickadate" data-value="25 Jun 2021" data-max="89" data-outlet="endDateOutlet">
<label for="upcomingdatepicker-filterenddatedual" class="d-flex align-items-center lmp-pickadate-icon"><i class="lmp-icon">date_range</i> To</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button id="upcomingdatepickercancel-button" class="btn lmp-outline-secondary mr-2" data-dismiss="modal">Cancel</button>
<button id="upcomingdatepickerapply-button" class="btn lmp-secondary" data-dismiss="modal">Apply</button>
</div>
</div>
</div>
</div>
<div class="lmp-modal modal fade" id="exportListModal" tabindex="-1" aria-labelledby="exportListModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title" id="exportListModalLabel">Export Options</h3>
</div>
<div class="modal-body">
<form action="#" class="lmp-form">
<h4 class="border-bottom border-lmp-gray pb-1">Data</h4>
<div class="form-group">
<div class="form-check">
<div class="custom-control custom-radio">
<input type="radio" class="custom-control-input" id="exportOptData-0" name="exportOptData" value="FilteredList" required checked>
<label class="custom-control-label" for="exportOptData-0">Filtered results (current list)</label>
</div>
<div class="custom-control custom-radio">
<input type="radio" class="custom-control-input" id="exportOptData-1" name="exportOptData" value="AddData" required>
<label class="custom-control-label" for="exportOptData-1">All results</label>
</div>
</div>
</div>
<h4 class="border-bottom border-lmp-gray pb-1">File Format</h4>
<div class="form-group">
<div class="form-check">
<div class="custom-control custom-radio">
<input type="radio" class="custom-control-input" id="exportOptFormat-0" name="exportOptFormat" value="PDF" required checked>
<label class="custom-control-label" for="exportOptFormat-0">PDF</label>
</div>
<div class="custom-control custom-radio">
<input type="radio" class="custom-control-input" id="exportOptFormat-1" name="exportOptFormat" value="CSV" required>
<label class="custom-control-label" for="exportOptFormat-1">Comma-separated values (CSV)</label>
</div>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn lmp-outline-secondary mr-2" data-dismiss="modal" aria-label="Close">Cancel</button>
<button class="btn lmp-secondary" data-dismiss="modal">Export</button>
</div>
</div>
</div>
</div>