<commit_before><p-panel header="{{'FLIGHT-ORGANIZE'|translate}}">
  <div class="main-div ui-g">

    <div class="ui-g">
      <div class="top-div ui-g-12">
        <div class="ui-g-12 ui-md-2">
          <label>{{'FLIGHT-NUMBER' | translate}}</label>
        </div>
        <div class="ui-g-12 ui-md-10">
          <input
            pInputText
            [(ngModel)]="flightNumber"
            type="text"
          >
        </div>
        <div class="ui-g-12 ui-md-2">
          <label>{{'FLIGHT-AIRLINE' | translate}}</label>
        </div>
        <div class="ui-g-12 ui-md-10">
          <p-autoComplete placeholder="Airline"
                          field="name"
                          [(ngModel)]="selectedAirline"
                          [suggestions]="airlineSuggestion"
                          (completeMethod)="loadAirlineSuggestions($event)"
                          (onSelect)="onAirlineSelected($event)"
          ></p-autoComplete>
        </div>
        <div class="ui-g-12 ui-md-2">
          <label>{{'FLIGHT-PRICE' | translate}}</label>
        </div>
        <div class="ui-g-12 ui-md-10">
          <input
            pInputText
            [(ngModel)]="price"
            type="text"
          >
        </div>
      </div>
      <!-----Center Bottom------->
      <div class="bottom-div ui-g">
        <div class="ui-g-12 ui-md-5">
          <div class="ui-g-12">
            <label class="start-label">{{'FLIGHT-DEPARTURE' | translate}}</label>
            <!-- <span class="ui-inputgroup-addon"><i class="fa fa-angle-right fa-2x"></i></span>-->
          </div>
          <div class="ui-g-12 ui-md-3">
            <label>{{'FLIGHT-CITY' | translate}}</label>
          </div>
          <div class="ui-g-12 ui-md-9">
            <p-autoComplete placeholder="Airport"
                            field="city"
                            [suggestions]="airportSuggestion"
                            (completeMethod)="loadAirportSuggestions($event)"
                            (onSelect)="onStartAirportSelected($event)"
            ></p-autoComplete>
          </div>
          <div class="ui-g-12 ui-md-3">
            <label>{{'FLIGHT-AIRPORT' | translate}}</label>
          </div>
          <div class="ui-g-12 ui-md-9">
            <input
              pInputText
              [(ngModel)]="departureAirport"
              type="text"
            >
          </div>
          <div class="ui-g-12 ui-md-3">
            <label>{{'DATE' | translate}}</label>
          </div>
          <div class="ui-g-12 ui-md-9">
            <p-calendar [(ngModel)]="departureDate"
                        [showIcon]="true"
            ></p-calendar>
          </div>
          <div class="ui-g-12 ui-md-3">
            <label>{{'TIME' | translate}}</label>
          </div>
          <div class="ui-g-12 ui-md-9">
            <p-calendar [(ngModel)]="departureDate"
                        [timeOnly]="true"
            ></p-calendar>
            <span class="ui-inputgroup-addon"><i class="fa fa-clock-o fa-lg"></i></span>
          </div>
        </div>
        <!----Middle part Plane icon-->
        <div class="plane-class ui-g-12 ui-md-1">
          <span class="plane-icon-span"><i class="fa fa-plane fa-4x"></i></span>
        </div>
        <!----Rightside Finish area-->
        <div class=" right-side ui-g-12 ui-md-5">
          <div class="ui-g-12">
            <label class="finish">{{'FLIGHT-DESTINATION' | translate}}</label>
            <!--<span class="ui-inputgroup-addon"><i class="fa fa-angle-right fa-lg"></i></span>-->
          </div>
          <div class="ui-g-12 ui-md-3">
            <label>{{'FLIGHT-CITY' | translate}}</label>
          </div>
          <div class="ui-g-12 ui-md-9">
            <p-autoComplete placeholder="Airport"
                            field="city"
                            [suggestions]="airportSuggestion"
                            (completeMethod)="loadAirportSuggestions($event)"
                            (onSelect)="onDestinationAirportSelected($event)"
            ></p-autoComplete>
          </div>
          <div class="ui-g-12 ui-md-3">
            <label>{{'FLIGHT-AIRPORT' | translate}}</label>
          </div>
          <div class="ui-g-12 ui-md-9">
            <input
              pInputText
              [(ngModel)]="destinationAirport"
              type="text"
            >
          </div>
          <div class="ui-g-12 ui-md-3">
            <label>{{'DATE' | translate}}</label>
          </div>
          <div class="ui-g-12 ui-md-9">
            <p-calendar
              [(ngModel)]="destinationDate"
              [showIcon]="true"
            ></p-calendar>
          </div>
          <div class="ui-g-12 ui-md-3">
            <label>{{'TIME' | translate}}</label>
          </div>
          <div class="ui-g-12 ui-md-9">
            <p-calendar
              [(ngModel)]="destinationDate"
              [timeOnly]="true"
            ></p-calendar>
            <span class="ui-inputgroup-addon"><i class="fa fa-clock-o fa-lg"></i></span>
          </div>
        </div>
      </div>
    </div>
    <!------Footer-------->
    <div class="footer-class ui-g-12">
      <button style="float:right;" class="save-button" pButton type="button" label="{{'GENERIC_CREATE' | translate}}" icon="fa-check"
              class="ui-button-success" iconPos="right"
              (click)="saveFlight()"
      ></button>
      <button style="float:right;" class="abord-button" pButton type="button" label="{{'GENERIC_CANCEL' | translate}}" icon="fa-times"
              class="ui-button-danger" iconPos="right"<commit_msg>Refactored existing comments<commit_after><p-panel header="{{'FLIGHT-ORGANIZE'|translate}}">
  <div class="main-div ui-g">

    <div class="ui-g">
      <div class="top-div ui-g-12">
        <div class="ui-g-12 ui-md-2">
          <label>{{'FLIGHT-NUMBER' | translate}}</label>
        </div>
        <div class="ui-g-12 ui-md-10">
          <input
            pInputText
            [(ngModel)]="flightNumber"
            type="text"
          >
        </div>
        <div class="ui-g-12 ui-md-2">
          <label>{{'FLIGHT-AIRLINE' | translate}}</label>
        </div>
        <div class="ui-g-12 ui-md-10">
          <p-autoComplete placeholder="Airline"
                          field="name"
                          [(ngModel)]="selectedAirline"
                          [suggestions]="airlineSuggestion"
                          (completeMethod)="loadAirlineSuggestions($event)"
                          (onSelect)="onAirlineSelected($event)"
          ></p-autoComplete>
        </div>
        <div class="ui-g-12 ui-md-2">
          <label>{{'FLIGHT-PRICE' | translate}}</label>
        </div>
        <div class="ui-g-12 ui-md-10">
          <input
            pInputText
            [(ngModel)]="price"
            type="text"
          >
        </div>
      </div>
      <!-- Center Bottom -->
      <div class="bottom-div ui-g">
        <div class="ui-g-12 ui-md-5">
          <div class="ui-g-12">
            <label class="start-label">{{'FLIGHT-DEPARTURE' | translate}}</label>
          </div>
          <div class="ui-g-12 ui-md-3">
            <label>{{'FLIGHT-CITY' | translate}}</label>
          </div>
          <div class="ui-g-12 ui-md-9">
            <p-autoComplete placeholder="Airport"
                            field="city"
                            [suggestions]="airportSuggestion"
                            (completeMethod)="loadAirportSuggestions($event)"
                            (onSelect)="onStartAirportSelected($event)"
            ></p-autoComplete>
          </div>
          <div class="ui-g-12 ui-md-3">
            <label>{{'FLIGHT-AIRPORT' | translate}}</label>
          </div>
          <div class="ui-g-12 ui-md-9">
            <input
              pInputText
              [(ngModel)]="departureAirport"
              type="text"
            >
          </div>
          <div class="ui-g-12 ui-md-3">
            <label>{{'DATE' | translate}}</label>
          </div>
          <div class="ui-g-12 ui-md-9">
            <p-calendar [(ngModel)]="departureDate"
                        [showIcon]="true"
            ></p-calendar>
          </div>
          <div class="ui-g-12 ui-md-3">
            <label>{{'TIME' | translate}}</label>
          </div>
          <div class="ui-g-12 ui-md-9">
            <p-calendar [(ngModel)]="departureDate"
                        [timeOnly]="true"
            ></p-calendar>
            <span class="ui-inputgroup-addon"><i class="fa fa-clock-o fa-lg"></i></span>
          </div>
        </div>
        <!-- Middle part Plane icon -->
        <div class="plane-class ui-g-12 ui-md-1">
          <span class="plane-icon-span"><i class="fa fa-plane fa-4x"></i></span>
        </div>
        <!-- Rightside Finish area -->
        <div class=" right-side ui-g-12 ui-md-5">
          <div class="ui-g-12">
            <label class="finish">{{'FLIGHT-DESTINATION' | translate}}</label>
          </div>
          <div class="ui-g-12 ui-md-3">
            <label>{{'FLIGHT-CITY' | translate}}</label>
          </div>
          <div class="ui-g-12 ui-md-9">
            <p-autoComplete placeholder="Airport"
                            field="city"
                            [suggestions]="airportSuggestion"
                            (completeMethod)="loadAirportSuggestions($event)"
                            (onSelect)="onDestinationAirportSelected($event)"
            ></p-autoComplete>
          </div>
          <div class="ui-g-12 ui-md-3">
            <label>{{'FLIGHT-AIRPORT' | translate}}</label>
          </div>
          <div class="ui-g-12 ui-md-9">
            <input
              pInputText
              [(ngModel)]="destinationAirport"
              type="text"
            >
          </div>
          <div class="ui-g-12 ui-md-3">
            <label>{{'DATE' | translate}}</label>
          </div>
          <div class="ui-g-12 ui-md-9">
            <p-calendar
              [(ngModel)]="destinationDate"
              [showIcon]="true"
            ></p-calendar>
          </div>
          <div class="ui-g-12 ui-md-3">
            <label>{{'TIME' | translate}}</label>
          </div>
          <div class="ui-g-12 ui-md-9">
            <p-calendar
              [(ngModel)]="destinationDate"
              [timeOnly]="true"
            ></p-calendar>
            <span class="ui-inputgroup-addon"><i class="fa fa-clock-o fa-lg"></i></span>
          </div>
        </div>
      </div>
    </div>
    <!-- Footer -->
    <div class="footer-class ui-g-12">
      <button style="float:right;" class="save-button" pButton type="button" label="{{'GENERIC_CREATE' | translate}}" icon="fa-check"
              class="ui-button-success" iconPos="right"
              (click)="saveFlight()"
      ></button>
      <button style="float:right;" class="abord-button" pButton type="button" label="{{'GENERIC_CANCEL' | translate}}" icon="fa-times"
              class="ui-button-danger" iconPos="right"
{'fraction_non_alphanumeric': 0.1809454808911429, 'fraction_numerical': 0.015848578156131134, 'mean_word_length': 1.4682610639248994, 'pattern_counts': {'":': 0, '<': 265, '<?xml version=': 0, '>': 263, 'https://': 0, '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': '2376162', 'n_tokens_mistral': 3533, 'n_tokens_neox': 3347, 'n_words': 525}