MVR - Manage Dry Leases

Short page description

        
          <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 &amp; 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 &amp; 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">
                  Dry Lease Training 
                  <span>90-day look ahead</span>
                </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">
              <div class="row align-items-center mt-3 mb-2">
          
                <div class="col">
                  <div class="h6 font-weight-normal">3 Result(s)</div>
                </div>
      
                <div class="col-auto mr-md-0 ml-auto text-right">
                  <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>
      
              </div>
            </div>
      
            <div class="col-lg-3 position-static">
              <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="p-3 p-lg-0">
                  <div id="tabFilter">
                    <form action="#" method="post" class="lmp-form needs-validation" 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>
                      
                      <div class="accordion lmp-filter-accordions">
                        <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">Gatwick</label>
                                  </div>
                                  <div class="custom-control custom-checkbox">
                                    <input type="checkbox" class="custom-control-input" id="location2">
                                    <label class="custom-control-label" for="location2">Miami</label>
                                  </div>
                                  <div class="custom-control custom-checkbox">
                                    <input type="checkbox" class="custom-control-input" id="location3">
                                    <label class="custom-control-label" for="location3">Shanghai</label>
                                  </div>
                              </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">737</label>
                                  </div>
                                  <div class="custom-control custom-checkbox">
                                    <input type="checkbox" class="custom-control-input" id="airplane2">
                                    <label class="custom-control-label" for="airplane2">757</label>
                                  </div>
                                  <div class="custom-control custom-checkbox">
                                    <input type="checkbox" class="custom-control-input" id="airplane3">
                                    <label class="custom-control-label" for="airplane3">787</label>
                                  </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      
                        <div class="lmp-filter-item filterResourceType">
                          <h5 id="filterResourceTypeHeading" class="mb-0 h6">
                            <button class="accordion-trigger collapsed" type="button" data-toggle="collapse" data-target="#filterResourceType" aria-expanded="false" aria-controls="filterResourceType">
                              Resource Type
                            </button>
                          </h5>
                      
                          <div id="filterResourceType" class="accordion-collapse collapse" aria-labelledby="filterResourceTypeHeading">
                            <div class="accordion-content">
                              <div class="form-check">
                                  <div class="custom-control custom-checkbox">
                                    <input type="checkbox" class="custom-control-input" id="resourcesType1">
                                    <label class="custom-control-label" for="resourcesType1">Fixed Based Simulator</label>
                                  </div>
                                  <div class="custom-control custom-checkbox">
                                    <input type="checkbox" class="custom-control-input" id="resourcesType2">
                                    <label class="custom-control-label" for="resourcesType2">Flight Training Device</label>
                                  </div>
                                  <div class="custom-control custom-checkbox">
                                    <input type="checkbox" class="custom-control-input" id="resourcesType3">
                                    <label class="custom-control-label" for="resourcesType3">Full Flight Simulator</label>
                                  </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      
                      </div>
                    </form>
                  </div>
                </div>
              </div>
            </div>
      
            <div class="col-lg-9">
      
              <div class="row">
                <div class="col-md-6 mb-4">
                  <div class="atp-card-overview">
                    <div class="card-title">
                      <h3 class="h4 mb-2"><a href="#">(737) Fixed Based Simulator</a></h3>
                      <ul class="title-details">
                        <li><span class="sr-only">Location: </span>Gatwick</li>
                      </ul>
                    </div>
                    <div class="row px-3">
                  
                      <div class="col-6 py-3 pb-lg-4 border-right border-lmp-gray">
                        <div class="overview-val-lg">30</div>
                        <div class="card-label">Upcoming</div>
                      </div>
                      <div class="col-6 py-3 pb-lg-4">
                        <div class="overview-val-lg">5</div>
                        <div class="card-label">Today</div>
                      </div>
                  
                    </div>
                  </div>
                </div>
                <div class="col-md-6 mb-4">
                  <div class="atp-card-overview">
                    <div class="card-title">
                      <h3 class="h4 mb-2"><a href="#">(787) Flight Training Device</a></h3>
                      <ul class="title-details">
                        <li><span class="sr-only">Location: </span>Gatwick</li>
                      </ul>
                    </div>
                    <div class="row px-3">
                  
                      <div class="col-6 py-3 pb-lg-4 border-right border-lmp-gray">
                        <div class="overview-val-lg">23</div>
                        <div class="card-label">Upcoming</div>
                      </div>
                      <div class="col-6 py-3 pb-lg-4">
                        <div class="overview-val-lg">3</div>
                        <div class="card-label">Today</div>
                      </div>
                  
                    </div>
                  </div>
                </div>
                <div class="col-md-6 mb-4">
                  <div class="atp-card-overview">
                    <div class="card-title">
                      <h3 class="h4 mb-2"><a href="#">(787) Full Flight Simulator (FFS)</a></h3>
                      <ul class="title-details">
                        <li><span class="sr-only">Location: </span>Shanghai</li>
                      </ul>
                    </div>
                    <div class="row px-3">
                  
                      <div class="col-6 py-3 pb-lg-4 border-right border-lmp-gray">
                        <div class="overview-val-lg">21</div>
                        <div class="card-label">Upcoming</div>
                      </div>
                      <div class="col-6 py-3 pb-lg-4">
                        <div class="overview-val-lg">10</div>
                        <div class="card-label">Today</div>
                      </div>
                  
                    </div>
                  </div>
                </div>
              </div>
      
              <div class="h4 text-center font-weight-normal">3 results shown</div>
      
            </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 &amp; Cookie Statement</a>
              </nav>
            </div>
            <div class="col-lg-5 text-center text-lg-right">
              Copyright &copy; 2020 Boeing. All right reserved.
            </div>
          </div>
        </div>
      </footer>