<!DOCTYPE html>
<html>
<head>
   <meta charset="UTF-8">
   <title>Add new flight</title>
   <link rel="stylesheet" type="text/css" href="../style/default.css"/>
   <link rel="stylesheet" type="text/css" href="../style/addflight.css"/>
   <link rel="stylesheet" type="text/css" href="../style/jquery.alerts.css"/>

   <!-- jquery -->
   <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
   <!-- jquery UI -->
   <script type="text/javascript"
        src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>
   <!-- Form handler class -->
   <script type="text/javascript" src="addflight.js"></script>
   <script src="../common/jquery.alerts.js"></script>

</head>
<body>
<div id="arsf_header">
   <a href="/">
      <img src="../images/banner.jpg">
   </a>
</div>
<div id="nerclogo">
   <a href="http://www.nerc.ac.uk/">
      <img src="/images/nerc_logo.png" width="86" height="60" border="0" alt="NERC Homepage" title="NERC Homepage">
   </a>
</div>
<div id="flight_form">
<h1>Add new flight</h1>

<p>Please insert information about the flight below<br/><a href="addproject.php">Add a new project or PI</a></p>

<h2>Date details</h2>

<div class="form_row">
   <div class="row_title">
      Date received
   </div>
   <div class="row_content">
      <input name="date_received" id="date_received" type="text"/>
   </div>
   <div class='form_error_block' style='display: none;' id='date_received_err'>
      <div class='form_error' id='date_received_err_msg'></div>
   </div>
</div>
<div class="form_row">
   <div class="row_title">
      Data location
   </div>
   <div class="row_content">
      <input name="data_location" id="data_location" type="text"/>
   </div>
</div>
<h2>Project details</h2>

<div class="form_row" style="display: none;">
   <div class="row_title">
      Project count
   </div>
   <div class="row_content">
      <input name="project_count" id="project_count" value="1" type="text"/>
   </div>
</div>
<div class="form_row" style="display: none;">
   <div class="row_title">
      Project list
   </div>
   <div class="row_content">
      <input name="project_list" id="project_list" value="1," type="text"/>
   </div>
</div>
<div id="project_top">
   <div id="project_input_1">
      <div class="form_row">
         <div class="row_title">
            Select a project
         </div>
         <div class="row_content select_row">
            <select name="project_1_select" id="project_1_select">
               <?php
               foreach($projects as $project) {
                  echo sprintf('<option value="%s">%s</option>', $project, $project);
               }
               ?>
            </select>
         </div>
         <div class='form_error_block' style='display: none;' id='project_1_err'>
            <div class='form_error' id='project_1_err_msg'>
            </div>
         </div>
      </div>
      <div id="new_project_1" style="display: none;">
         <div class="form_row">
            <div class="row_title">
               Project code:
            </div>
            <div class="row_content">
               <input name='project_1_code' type='text' id='project_1_code'>
            </div>
            <div class='form_error_block' style='display: none;' id='project_1_code_err'>
               <div class='form_error' id='project_1_code_err_msg'></div>
            </div>
         </div>
         <div class="form_row">
            <div class="row_title">
               Project EUFAR code:
            </div>
            <div class="row_content">
               <input name='project_1_eufar_code' type='text' id='project_1_eufar_code'>
            </div>
            <div class='form_error_block' style='display: none;' id='project_1_eufar_code_err'>
               <div class='form_error' id='project_1_eufar_code_err_msg'></div>
            </div>
         </div>
         <div class="form_row">
            <div class="row_title">
               Project summary:
            </div>
            <div class="row_content">
               <textarea name='project_1_summary' type='text' id='project_1_summary'></textarea>
            </div>
            <div class='form_error_block' style='display: none;' id='project_1_summary_err'>
               <div class='form_error' id='project_1_summary_err_msg'></div>
            </div>
         </div>
         <div class="form_row">
            <div class="row_title">
               Project objective
            </div>
            <div class="row_content">
               <textarea name='project_1_obj' type='text' id='project_1_obj'></textarea>
            </div>
            <div class='form_error_block' style='display: none;' id='project_1_obj_err'>
               <div class='form_error' id='project_1_obj_err_msg'></div>
            </div>
         </div>
         <div class="form_row">
            <div class="row_title">
               Project alpha grading
            </div>
            <div class="row_content">
               <select name="project_1_priority" id="project_1_priority">
                  <option value='' selected></option>
                  <?php
                  foreach($priorities as $priority) {
                     echo sprintf("<option value='%s'>%s</option>", $priority['priority_name'], $priority['description']);
                  }
                  ?>
               </select>
            </div>
            <div class='form_error_block' style='display: none;' id='project_1_priority_err'>
               <div class='form_error' id='project_1_priority_err_msg'></div>
            </div>
         </div>
      </div>
   </div>
</div>
<div class="form_row">
   <div class="row_title"></div>
   <div class="row_content">
      <div id="add_project_button">
         <input id="add_project" type="button" value="Add another project"/>
      </div>
   </div>
</div>
<div class="form_row">
   <h2>PI details</h2>
</div>
<div class="form_row" style="display: none;">
   <div class="row_title">
      PI count
   </div>
   <div class="row_content">
      <input name="pi_count" id="pi_count" value="1" type="text"/>
   </div>
</div>
<div class="form_row" style="display: none;">
   <div class="row_title">
      PI list
   </div>
   <div class="row_content">
      <input name="pi_list" id="pi_list" value="1," type="text"/>
   </div>
</div>
<div id="pi_top">
   <div id="pi_input_1">
      <div id="new_pi_1" style="display:block;">
         <div class="form_row">
            <div class="row_title">
               PI name:
            </div>
            <div class="row_content">
               <span id='pi_1_name'></span>
            </div>
            <div class='form_error_block' style='display: block;' id='pi_1_name_err'>
               <div class='form_error' id='pi_1_name_err_msg'></div>
            </div>
         </div>
         <div class="form_row">
            <div class="row_title">
               PI email:
            </div>
            <div class="row_content">
               <span id="pi_1_email"></span>
            </div>
            <div class='form_error_block' style='display: block;' id='pi_1_email_err'>
               <div class='form_error' id='pi_1_email_err_msg'></div>
            </div>
         </div>
         <div class="form_row">
            <div class="row_title">
               PI address:
            </div>
            <div class="row_content">
               <span id="pi_1_address"></span>
               <hr/>
            </div>
            <div class='form_error_block' style='display: block;' id='pi_1_address_err'>
               <div class='form_error' id='pi_1_address_err_msg'></div>
            </div>
         </div>
      </div>
   </div>
</div>
<h2>Flight details</h2>
<label for="">
   <div class="form_row">
      <div class="row_title">
         Flight year<span class="red">*</span>
      </div>
      <div class="row_content">
         <input name="flight_year" type="text" id='flight_year'/>
      </div>
      <div class='form_error_block' style='display: none;' id='flight_year_err'>
         <div class='form_error' id='flight_year_err_msg'></div>
      </div>
   </div>
   <div class="form_row">
      <div class="row_title">
         Flight julian day<span class="red">*</span>
      </div>
      <div class="row_content">
         <input name="flight_jday" type="text" id='flight_jday'/>
      </div>
      <div class='form_error_block' style='display: none;' id='flight_jday_err'>
         <div class='form_error' id='flight_jday_err_msg'></div>
      </div>
   </div>
   <div class="form_row">
      <div class="row_title">
         Flight letter
      </div>
      <div class="row_content">
         <input name="flight_letter" type="text" id='flight_letter'/>
      </div>
      <div class='form_error_block' style='display: none;' id='flight_letter_err'>
         <div class='form_error' id='flight_letter_err_msg'></div>
      </div>
   </div>
   <div class="form_row">
      <div class="row_title">
         Flight area<span class="red">*</span>
      </div>
      <div class="row_content">
         <input name="flight_area" type="text" id='flight_area'/>
      </div>
      <div class='form_error_block' style='display: none;' id='flight_area_err'>
         <div class='form_error' id='flight_area_err_msg'></div>
      </div>
   </div>
   <div class="form_row">
      <div class="row_title">
         Flight Priority<span class="red">*</span>
      </div>
      <div class="row_content">
         <select name="flight_priority" id="flight_priority">
            <?php
            foreach($priorities as $priority) {
               echo sprintf("<option value='%s'>%s</option>", $priority['priority_name'], $priority['description']);
            }
            ?>
         </select>
      </div>
      <div class='form_error_block' style='display: none;' id='flight_area_err'>
         <div class='form_error' id='flight_area_err_msg'></div>
      </div>
   </div>
   <h2>Sensors</h2>

   <div id="sensor_table">
      <table>
         <thead>
         <tr>
            <td>
               <h3>Sensor name</h3>
            </td>
            <td>
               <h3>Type</h3>
            </td>
            <td>
               <h3>Present?</h3>
            </td>
            <td>
               <h3>No. Flightlines</h3>
            </td>
            <td>
               <h3>Priority</h3>
            </td>
         </tr>
         </thead>
         <tbody>
         <?php foreach($sensors as $sensor): ?>
            <tr>
               <td>
                  <?php echo $sensor['sensor_name'] ?>
               </td>
               <td>
                  <?php echo $sensor['sensor_type'] ?>
               </td>
               <td class='check_box'>
                  <input type='checkbox' name='sensor_check_<?php echo $sensor['sensor_name'] ?>'>
               </td>
               <td>
                  <input type='text' name='lines_<?php echo $sensor['sensor_name'] ?>'>
               </td>
               <td>
                  <select name='flightline_priority_<?php echo $sensor['sensor_name'] ?>'
                       class='flightline_alphas'>
                     <option value='' selected></option>
                     <?php
                     foreach($priorities as $priority) {
                        echo sprintf("<option value='%s'>%s</option>", $priority['priority_name'], $priority['description']);
                     }
                     ?>
                  </select>
               </td>
            </tr>
         <?php endforeach; ?>
         </tbody>
      </table>
      <div class='form_error_block' style='display: none;' id='sensors_err'>
         <div class='form_error' id='sensors_err_msg'>
         </div>
      </div>
   </div>
   <h2>Notes</h2>
   <textarea id="flight_notes" type="text" class="flight_notes"></textarea>
   <input type="submit" id="submit" name="submit" value="Add flight" class="submit_button"/>
</body>
</html>

