@extends('master')
@section('content')
<div class="col-md-12 ">
   <div  class="panel panel-default">
      <div class="panel-heading">
         <div class="panel-title">
            <i class="fa fa-edit"></i>
            Quarterly Inspection Checklist
            <div class="bars pull-right">
               <a href="#"><i class="minimize fa fa-chevron-down" data-toggle="tooltip" data-placement="bottom" title="Collapse"></i></a>
            </div>
         </div>
      </div>
      <div class="panel-body">
         <table id="user" class="table table-bordered table-striped" style="clear: both">
            <thead>
               <tr>
                  <th>Dipenser Fueling Point#'s</th>
                  <th>1</th>
                  <th>2</th>
                  <th>3</th>
                  <th>4</th>
                  <th>5</th>
                  <th>6</th>
                  <th>7</th>
                  <th>8</th>
                  <th>9</th>
                  <th>10</th>
                  <th>11</th>
                  <th>12</th>
               </tr>
            </thead>
            <tbody>
               <tr>
                  <td>Check for leaks</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
               </tr>
               <tr>
                  <td>Check hoses</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
               </tr>
               <tr>
                  <td>Check nozzles</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
               </tr>
               <tr>
                  <td>Check breakways</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
               </tr>
               <tr>
                  <td>Check nozzle cover splash guards</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
               </tr>
               <tr>
                  <td>Check regulatory and octane decals</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
               </tr>
               <tr>
                  <td>Are dispensers anchored</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
               </tr>
               <tr>
                  <td>Is dispenser containment free of products/water/debris?</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
               </tr>
               <tr>
                  <td>Is fire extinguisher charged and dated?</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
                  <td>---</td>
               </tr>
            </tbody>
         </table>
         <table class="table table-bordered table-striped" style="clear: both">
            <thead>
               <tr>
                  <th rowspan="2">Tank/Tank Monitor</th>
                  <th colspan="2">Regular</th>
                  <th colspan="2">Midgrade</th>
                  <th colspan="2">Premium</th>
                  <th colspan="2">Diesel</th>
               </tr>
               <tr>
                  <th>On</th>
                  <th>Need Maint</th>
                  <th>On</th>
                  <th>Need Maint</th>
                  <th>On</th>
                  <th>Need Maint</th>
                  <th>On</th>
                  <th>Need Maint</th>
               </tr>
            </thead>
            <tbody>
               <tr>
                  <td>Check M/H covers and fill caps, verify all 4" caps have gaskets and are liquied light</td>
                  <td>---</td><td>---</td><td>---</td><td>---</td><td>---</td><td>---</td><td>---</td><td>---</td>
               </tr>
               <tr>
                  <td>Check spill buckets for cracks</td>
                  <td>---</td><td>---</td><td>---</td><td>---</td><td>---</td><td>---</td><td>---</td><td>---</td>
               </tr>
               <tr>
                  <td>Check vent caps</td>
                  <td>---</td><td>---</td><td>---</td><td>---</td><td>---</td><td>---</td><td>---</td><td>---</td>
               </tr>
               <tr>
                  <td>Check drop tubes and over fill valves</td>
                  <td>---</td><td>---</td><td>---</td><td>---</td><td>---</td><td>---</td><td>---</td><td>---</td>
               </tr>
               <tr>
                  <td>Are all probes operational and calibrate correctly?</td>
                  <td>---</td><td>---</td><td>---</td><td>---</td><td>---</td><td>---</td><td>---</td><td>---</td>
               </tr>
               <tr>
                  <td>Are STP Containements free of product/water/debris?</td>
                  <td>---</td><td>---</td><td>---</td><td>---</td><td>---</td><td>---</td><td>---</td><td>---</td>
               </tr>
               <tr>
                  <td>Are fills/vapor recovery free of product/water/debris?</td>
                  <td>---</td><td>---</td><td>---</td><td>---</td><td>---</td><td>---</td><td>---</td><td>---</td>
               </tr>
               <tr>
                  <td>verify the test boots for the D/W are not blocking liquid access into the sump?</td>
                  <td>---</td><td>---</td><td>---</td><td>---</td><td>---</td><td>---</td><td>---</td><td>---</td>
               </tr>
         <tr>
                  <td></td>
                  <td>Yes</td><td>No</td><td>N/A</td>
               </tr>
         <tr>
                  <td>Check for presence of overfill</td>
                  <td>---</td><td>---</td><td>---</td>
               </tr>
         <tr>
                  <td>Is overfill alarm functioning properly?</td>
                  <td>---</td><td>---</td><td>---</td>
               </tr>
         <tr>
                  <td>Is tank monitor time set corrrectly?</td>
                  <td>---</td><td>---</td><td>---</td>
               </tr>
         <tr>
                  <td>Is E-stop operational and at least 20' but no more then 100' from dispensers?</td>
                  <td>---</td><td>---</td><td>---</td>
               </tr>
            </tbody>
         </table>
     <table class="table table-bordered table-striped" style="clear: both">
  <tr>
    <th>General Items</th>
    <th>Yes</th><th>No</th>
  </tr>
  <tr>
    <td>Does inrercom function at all islands?</td>
    <td>---</td><td>---</td>
  </tr>
  <tr>
    <td>Current tank registration certificate present on site ?</td>
    <td>---</td><td>---</td>
  </tr>
  <tr>
    <td>Tank registration information correct?</td>
  <td>---</td><td>---</td>
  </tr>
</table>

<table class="table table-bordered table-striped" style="clear: both">
  <tr>
    <th>Annuaul Requirments</th>
    <th>Yes</th><th>No</th><th>N/A</th><th>Date of Last Test</th>
  </tr>
  <tr>
    <td>Impact valve tested?</td>
    <td>---</td><td>---</td><td>---</td><td>---</td>
  </tr>
  <tr>
    <td>Leak detector tested(No electonic leak detection)?</td>
    <td>---</td><td>---</td><td>---</td><td>---</td>
  </tr>
  <tr>
    <td>If electronic leak detection 1,2, or 3 test being ran?</td>
  <td>---</td><td>---</td><td>---</td><td>---</td>
  </tr> 
  <tr>
    <td></td>
  <td>Electronic</td><td>Manual</td><td>Sensors</td><td>Date of Last Test</td>
  </tr>
  <tr>
    <td>Method of line testing</td>
  <td>---</td><td>---</td><td>---</td><td>---</td>
  </tr>
  <tr>
    <td>Method of tank testing?</td>
  <td>---</td><td>---</td><td>---</td><td>---</td>
  </tr>
</table>

<table class="table table-bordered table-striped" style="clear: both">
  <tr>
    <th>Corrosion Systems</th>
    <th>Yes</th><th>No</th><th>N/A</th><th>Date of Last 3 Year Inspection</th>
  </tr>
  <tr>
    <td>Galvanic : Anoode test records current? (Must be conducted every 3 years)(The previous 2 inspections must be available)</td>
    <td>---</td><td>---</td><td>---</td><td>---</td>
  </tr>
  <tr>
    <td>Impressed Current : Rectifier functional today?</td>
    <td>---</td><td>---</td><td>---</td><td>---</td>
  </tr>
  <tr>
    <td>Impressed Current : Readings recorded on schedule?(every 60 days)(The previous 3 readings are required the previous 2 inspections must be available )</td>
  <td>---</td><td>---</td><td>---</td><td>---</td>
  </tr>
  </table>
  
   <table class="table table-bordered table-striped" style="clear: both;">
  <tr>
    <th>Leak Detection Systems</th>
    <th>Yes</th><th>No</th><th>N/A</th>
  </tr>
  <tr>
    <td>Has each alarm condition been responded to appropriately? (Record comments below)</td>
    <td>---</td><td>---</td><td>---</td>
  </tr>
  
</table>
<div class="col-md-12 row">
  <style type="text/css">
     .bottom-input{
      border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px solid black;
     }
  </style>
<div class="col-md-12">
    <div class="col-md-6">
        <STRONG>DESIGNATED B OPERATOR :</STRONG>
     </div>
     <div class="col-md-6">
       <STRONG> ALTERNATE B OPERATOR :</STRONG>
     </div>
</div>
<div class="col-md-12">
<div class="col-md-6">
      <div class="col-md-6 ">
        Signature :
     </div>
      <div class="col-md-6">
        <input type="text" class="bottom-input" name="">
     </div>
      <div class="col-md-6 ">
        Printed Name :
     </div>
      <div class="col-md-6">
        <input type="text" class="bottom-input" name="">
     </div>
      <div class="col-md-6 ">
        Candidate ID:
     </div>
      <div class="col-md-6 ">
        <input type="text" class="bottom-input" name="">
     </div>
</div>
<div class="col-md-6">
      <div class="col-md-6 ">
        Signature :
     </div>
      <div class="col-md-6">
        <input type="text" class="bottom-input" name="">
     </div>
      <div class="col-md-6 ">
        Printed Name :
     </div>
      <div class="col-md-6">
        <input type="text" class="bottom-input" name="">
     </div>
      <div class="col-md-6 ">
        Candidate ID:
     </div>
      <div class="col-md-6 ">
        <input type="text" class="bottom-input" name="">
     </div>
     <div class="col-md-12" style="padding:0px;">
        <div class="col-md-6">
        Data Reviewed & Approved By Designated B Operator :
     </div>
      <div class="col-md-6">
        <input type="text" class="bottom-input" name="">
     </div>
     </div>
      
</div>
  
</div>
    

     
  </div>
  
  
  
  
  
         <!--<table id="user" class="table table-bordered table-striped" style="clear: both">
            <tbody>
               <tr>
                  <td>Check for leaks</td>
                  <td><a href="#" id="leaks" data-type="checklist" data-value="Dispencer Fueling point#'s" data-original-title="Select fruits"></a></td>
               </tr>
               <tr>
                  <td>Check hoses</td>
                  <td><a href="#" id="hoses" data-type="checklist" data-value="Dispencer Fueling point#'s" data-original-title="Select fruits"></a></td>
               </tr>
               <tr>
                  <td>Check nozzles</td>
                  <td><a href="#" id="nozzles" data-type="checklist" data-value="Dispencer Fueling point#'s" data-original-title="Select fruits"></a></td>
               </tr>
               <tr>
                  <td>Check breakways</td>
                  <td><a href="#" id="breakways" data-type="checklist" data-value="Dispencer Fueling point#'s" data-original-title="Select fruits"></a></td>
               </tr>
               <tr>
                  <td>Check nozzle cover splash guards</td>
                  <td><a href="#" id="splash-guards" data-type="checklist" data-value="Dispencer Fueling point#'s" data-original-title="Select fruits"></a></td>
               </tr>
               <tr>
                  <td>Check regulatory and octane decals</td>
                  <td><a href="#" id="regulatory" data-type="checklist" data-value="Dispencer Fueling point#'s" data-original-title="Select fruits"></a></td>
               </tr>
               <tr>
                  <td>Are dispensers anchored</td>
                  <td><a href="#" id="anchored" data-type="checklist" data-value="Dispencer Fueling point#'s" data-original-title="Select fruits"></a></td>
               </tr>
               <tr>
                  <td>Is dispenser containment free of products/water/debris?</td>
                  <td><a href="#" id="containment" data-type="checklist" data-value="Dispencer Fueling point#'s" data-original-title="Select fruits"></a></td>
               </tr>
               <tr>
                  <td>Is fire extinguisher charged and dated?</td>
                  <td><a href="#" id="extinguisher" data-type="checklist" data-value="Dispencer Fueling point#'s" data-original-title="Select fruits"></a></td>
               </tr>
               <tr>
                  <td>Check M/H covers and fill caps, verify all 4" caps have gaskets and are liquied light <b>(Tank/Tank Monitor)</b></td>
                  <td><a href="#" id="regular" data-type="select" data-pk="1" data-value="0" data-source="/regular" data-original-title="Select group" style="padding:5px;"> Regular </a>
                     <a href="#" id="midgrade" data-type="select" data-pk="1" data-value="0" data-source="/midgrade" data-original-title="Select group" style="padding:5px;"> Midgrade </a>
                     <a href="#" id="premium" data-type="select" data-pk="1" data-value="0" data-source="/premium" data-original-title="Select group" style="padding:5px;"> Premium </a>
                     <a href="#" id="diesel" data-type="select" data-pk="1" data-value="0" data-source="/diesel" data-original-title="Select group" style="padding:5px;"> Diesel </a>
                  </td>
               </tr>
               <tr>
                  <td>Check spill buckets for cracks <b>(Tank/Tank Monitor)</b></td>
                  <td><a href="#" id="regular1" data-type="select" data-pk="1" data-value="0" data-source="/regular1" data-original-title="Select group" style="padding:5px;"> Regular </a>
                     <a href="#" id="midgrade1" data-type="select" data-pk="1" data-value="0" data-source="/midgrade1" data-original-title="Select group" style="padding:5px;"> Midgrade </a>
                     <a href="#" id="premium1" data-type="select" data-pk="1" data-value="0" data-source="/premium1" data-original-title="Select group" style="padding:5px;"> Premium </a>
                     <a href="#" id="diesel1" data-type="select" data-pk="1" data-value="0" data-source="/diesel1" data-original-title="Select group" style="padding:5px;"> Diesel </a>
                  </td>
               </tr>
               <tr>
                  <td>Check vent caps <b>(Tank/Tank Monitor)</b></td>
                  <td><a href="#" id="regular2" data-type="select" data-pk="1" data-value="0" data-source="/regular2" data-original-title="Select group" style="padding:5px;"> Regular </a>
                     <a href="#" id="midgrade2" data-type="select" data-pk="1" data-value="0" data-source="/midgrade2" data-original-title="Select group" style="padding:5px;"> Midgrade </a>
                     <a href="#" id="premium2" data-type="select" data-pk="1" data-value="0" data-source="/premium2" data-original-title="Select group" style="padding:5px;"> Premium </a>
                     <a href="#" id="diesel2" data-type="select" data-pk="1" data-value="0" data-source="/diesel2" data-original-title="Select group" style="padding:5px;"> Diesel </a>
                  </td>
               </tr>
               <tr>
                  <td>Check drop tubes and over fill valves <b>(Tank/Tank Monitor)</b></td>
                  <td><a href="#" id="regular3" data-type="select" data-pk="1" data-value="0" data-source="/regular3" data-original-title="Select group" style="padding:5px;"> Regular </a>
                     <a href="#" id="midgrade3" data-type="select" data-pk="1" data-value="0" data-source="/midgrade3" data-original-title="Select group" style="padding:5px;"> Midgrade </a>
                     <a href="#" id="premium3" data-type="select" data-pk="1" data-value="0" data-source="/premium3" data-original-title="Select group" style="padding:5px;"> Premium </a>
                     <a href="#" id="diesel3" data-type="select" data-pk="1" data-value="0" data-source="/diesel3" data-original-title="Select group" style="padding:5px;"> Diesel </a>
                  </td>
               </tr>
               <tr>
                  <td>Are all probes operational and calibrate correctly? <b>(Tank/Tank Monitor)</b></td>
                  <td><a href="#" id="regular4" data-type="select" data-pk="1" data-value="0" data-source="/regular4" data-original-title="Select group" style="padding:5px;"> Regular </a>
                     <a href="#" id="midgrade4" data-type="select" data-pk="1" data-value="0" data-source="/midgrade4" data-original-title="Select group" style="padding:5px;"> Midgrade </a>
                     <a href="#" id="premium4" data-type="select" data-pk="1" data-value="0" data-source="/premium4" data-original-title="Select group" style="padding:5px;"> Premium </a>
                     <a href="#" id="diesel4" data-type="select" data-pk="1" data-value="0" data-source="/diesel4" data-original-title="Select group" style="padding:5px;"> Diesel </a>
                  </td>
               </tr>
               <tr>
                  <td>Are STP Containements free of product/water/debris? <b>(Tank/Tank Monitor)</b></td>
                  <td><a href="#" id="regular5" data-type="select" data-pk="1" data-value="0" data-source="/regular5" data-original-title="Select group" style="padding:5px;"> Regular </a>
                     <a href="#" id="midgrade5" data-type="select" data-pk="1" data-value="0" data-source="/midgrade5" data-original-title="Select group" style="padding:5px;"> Midgrade </a>
                     <a href="#" id="premium5" data-type="select" data-pk="1" data-value="0" data-source="/premium5" data-original-title="Select group" style="padding:5px;"> Premium </a>
                     <a href="#" id="diesel5" data-type="select" data-pk="1" data-value="0" data-source="/diesel5" data-original-title="Select group" style="padding:5px;"> Diesel </a>
                  </td>
               </tr>
               <tr>
                  <td>Are fills/vapor recovery free of product/water/debris? <b>(Tank/Tank Monitor)</b></td>
                  <td><a href="#" id="regular6" data-type="select" data-pk="1" data-value="0" data-source="/regular6" data-original-title="Select group" style="padding:5px;"> Regular </a>
                     <a href="#" id="midgrade6" data-type="select" data-pk="1" data-value="0" data-source="/midgrade6" data-original-title="Select group" style="padding:5px;"> Midgrade </a>
                     <a href="#" id="premium6" data-type="select" data-pk="1" data-value="0" data-source="/premium6" data-original-title="Select group" style="padding:5px;"> Premium </a>
                     <a href="#" id="diesel6" data-type="select" data-pk="1" data-value="0" data-source="/diesel6" data-original-title="Select group" style="padding:5px;"> Diesel </a>
                  </td>
               </tr>
               <tr>
                  <td>verify the test boots for the D/W are not blocking liquid access into the sump? <b>(Tank/Tank Monitor)</b></td>
                  <td><a href="#" id="regular7" data-type="select" data-pk="1" data-value="0" data-source="/regular7" data-original-title="Select group" style="padding:5px;"> Regular </a>
                     <a href="#" id="midgrade7" data-type="select" data-pk="1" data-value="0" data-source="/midgrade7" data-original-title="Select group" style="padding:5px;"> Midgrade </a>
                     <a href="#" id="premium7" data-type="select" data-pk="1" data-value="0" data-source="/premium7" data-original-title="Select group" style="padding:5px;"> Premium </a>
                     <a href="#" id="diesel7" data-type="select" data-pk="1" data-value="0" data-source="/diesel7" data-original-title="Select group" style="padding:5px;"> Diesel </a>
                  </td>
               </tr>
               <tr>
                  <td>Check for presence of overfill</td>
                  <td><a href="#" id="tank" data-type="select" data-pk="1" data-value="" data-original-title="tank"></a></td>
               </tr>
               <tr>
                  <td>Is overfill alarm functioning properly?</td>
                  <td><a href="#" id="tank1" data-type="select" data-pk="1" data-value="" data-original-title="tank"></a></td>
               </tr>
               <tr>
                  <td>Is tank monitor time set corrrectly?</td>
                  <td><a href="#" id="tank2" data-type="select" data-pk="1" data-value="" data-original-title="tank"></a></td>
               </tr>
               <tr>
                  <td>Is E-stop operational and at least 20' but no more then 100' from dispensers?</td>
                  <td><a href="#" id="tank3" data-type="select" data-pk="1" data-value="" data-original-title="tank"></a></td>
               </tr>
               <tr>
                  <td>Does inrercom function at all islands?</td>
                  <td><a href="#" id="items" data-type="select" data-pk="1" data-value="" data-original-title="General items"></a></td>
               </tr>
               <tr>
                  <td>Current tank registration certificate present on site ?</td>
                  <td><a href="#" id="items1" data-type="select" data-pk="1" data-value="" data-original-title="General items"></a></td>
               </tr>
               <tr>
                  <td>Tank registration information correct?</td>
                  <td><a href="#" id="items2" data-type="select" data-pk="1" data-value="" data-original-title="General items"></a></td>
               </tr>
               <tr>
                  <td>Impact valve tested?</td>
                  <td><a href="#" id="annual-requirement" data-type="select" data-pk="1" data-value="" data-original-title="Annuaul Requirements"></a></td>
               </tr>
               <tr>
                  <td>Leak detector tested(No electonic leak detection)?</td>
                  <td><a href="#" id="annual-requirement1" data-type="select" data-pk="1" data-value="" data-original-title="Annuaul Requirements"></a></td>
               </tr>
               <tr>
                  <td>If electronic leak detection 1,2, or 3 test being ran?</td>
                  <td><a href="#" id="annual-requirement2" data-type="select" data-pk="1" data-value="" data-original-title="Annuaul Requirements"></a></td>
               </tr>
               <tr>
                  <td>Method of line testing?</td>
                  <td><a href="#" id="annual-requirement3" data-type="select" data-pk="1" data-value="" data-original-title="Annuaul Requirements"></a></td>
               </tr>
               <tr>
                  <td>Method of tank testing?</td>
                  <td><a href="#" id="annual-requirement4" data-type="select" data-pk="1" data-value="" data-original-title="Annuaul Requirements"></a></td>
               </tr>
               <tr>
                  <td><b>Galvanic : </b> Anoode test records current? (Must be conducted every 3 years)(The previous 2 inspections must be available)</td>
                  <td><a href="#" id="corrosion-systems" data-type="select" data-pk="1" data-value="" data-original-title="Annuaul Requirements"></a></td>
               </tr>
               <tr>
                  <td><b>Impressed Current : </b> Rectifier functional today?</td>
                  <td><a href="#" id="corrosion-systems1" data-type="select" data-pk="1" data-value="" data-original-title="Annuaul Requirements"></a></td>
               </tr>
               <tr>
                  <td><b>Impressed Current : </b> Readings recorded on schedule?(every 60 days)(The previous 3 readings are required the previous 2 inspections must be available )</td>
                  <td><a href="#" id="corrosion-systems2" data-type="select" data-pk="1" data-value="" data-original-title="Annuaul Requirements"></a></td>
               </tr>
               <tr>
                  <td>Has each alarm condition been responded to appropriately? (Record comments below)</td>
                  <td><a href="#" id="leak-detection-systems" data-type="select" data-pk="1" data-value="" data-original-title="Annuaul Requirements"></a></td>
               </tr>
               <tr>
                  <td>ADDITIONAL COMMENTS</td>
                  <td><a href="#" id="comments" data-type="textarea" data-pk="1" data-placeholder="Your comments here..." data-original-title="Enter comments">Comment Here..!</a></td>
               </tr>
            </tbody>
         </table>-->
      </div>
   </div>
   <!-- end panel -->
</div>
<!-- end .col-md-12 -->
<!-- Related JavaScript Library to This Page -->
<script type="text/javascript" src="../assets/vendors/x-editable/js/bootstrap-editable.min.js"></script>
<script type="text/javascript" src="../assets/vendors/momentjs/js/moment.min.js"></script>
<script type="text/javascript" src="../assets/vendors/typeaheadjs/js/typeaheadjs.min.js"></script>          
<script type="text/javascript" src="../assets/vendors/jquery-mockjax/js/jquery.mockjax.min.js"></script><!-- Use for ajax simulate -->
<script type="text/javascript">
   //ajax mocks
    $.mockjaxSettings.responseTime = 250;
   
    $.mockjax({
        url: '/post',
        response: function (settings) {
            log(settings, this);
        }
    });
   
    $.mockjax({
        url: '/error',
        status: 400,
        statusText: 'Bad Request',
        response: function (settings) {
            this.responseText = 'Please input correct value';
            log(settings, this);
        }
    });
   
    $.mockjax({
        url: '/status',
        status: 500,
        response: function (settings) {
            this.responseText = 'Internal Server Error';
            log(settings, this);
        }
    });
   
    
   
   //console log related to x-editable
    function log(settings, response) {
        var s = [],
            str;
        s.push(settings.type.toUpperCase() + ' url = "' + settings.url + '"');
        for (var a in settings.data) {
            if (settings.data[a] && typeof settings.data[a] === 'object') {
                str = [];
                for (var j in settings.data[a]) {
                    str.push(j + ': "' + settings.data[a][j] + '"');
                }
                str = '{ ' + str.join(', ') + ' }';
            } else {
                str = '"' + settings.data[a] + '"';
            }
            s.push(a + ' = ' + str);
        }
        s.push('RESPONSE: status = ' + response.status);
   
        if (response.responseText) {
            if ($.isArray(response.responseText)) {
                s.push('[');
                $.each(response.responseText, function (i, v) {
                    s.push('{value: ' + v.value + ', text: "' + v.text + '"}');
                });
                s.push(']');
            } else {
                s.push($.trim(response.responseText));
            }
        }
        s.push('--------------------------------------\n');
        $('#console').val(s.join('\n') + $('#console').val());
    }
    /*
     * X-EDITABLES
     */
     (function (e) {
        "use strict";
        var t = function (e) {
            this.init("address", e, t.defaults)
        };
        e.fn.editableutils.inherit(t, e.fn.editabletypes.abstractinput);
        e.extend(t.prototype, {
            render: function () {
                this.$input = this.$tpl.find("input")
            },
            value2html: function (t, n) {
                if (!t) {
                    e(n).empty();
                    return
                }
                var r = e("<div>").text(t.city).html() + ", " + e("<div>").text(t.street).html() +
                    " st., bld. " + e("<div>").text(t.building).html();
                e(n).html(r)
            },
            html2value: function (e) {
                return null
            },
            value2str: function (e) {
                var t = "";
                if (e)
                    for (var n in e)
                        t = t + n + ":" + e[n] + ";";
                return t
            },
            str2value: function (e) {
                return e
            },
            value2input: function (e) {
                if (!e)
                    return;
                this.$input.filter('[name="city"]').val(e.city);
                this.$input.filter('[name="street"]').val(e.street);
                this.$input.filter('[name="building"]').val(e.building)
            },
            input2value: function () {
                return {
                    city: this.$input.filter('[name="city"]').val(),
                    street: this.$input.filter('[name="street"]').val(),
                    building: this.$input.filter('[name="building"]').val()
                }
            },
            activate: function () {
                this.$input.filter('[name="city"]').focus()
            },
            autosubmit: function () {
                this.$input.keydown(function (t) {
                    t.which === 13 && e(this).closest("form").submit()
                })
            }
        });
        t.defaults = e.extend({}, e.fn.editabletypes.abstractinput.defaults, {
            tpl: '<div class="editable-address"><label><span>City: </span><input type="text" name="city" class="input-small"></label></div><div class="editable-address"><label><span>Street: </span><input type="text" name="street" class="input-small"></label></div><div class="editable-address"><label><span>Building: </span><input type="text" name="building" class="input-mini"></label></div>',
            inputclass: ""
        });
        e.fn.editabletypes.address = t
    })(window.jQuery);
   
    //defaults
    $.fn.editable.defaults.url = '/post';
    $.fn.editable.defaults.mode = 'inline'; //use this to edit inline
   
    //enable / disable
    $('#enable').click(function () {
        $('#user .editable').editable('toggleDisabled');
    });
   
    //editables
    $('#username').editable({
        url: '/post',
        type: 'text',
        pk: 1,
        name: 'username',
        title: 'Enter username'
    });
   
    $('#firstname').editable({
        validate: function (value) {
            if ($.trim(value) == '')
                return 'This field is required';
        }
    });
   $('#regular').editable({
        showbuttons: false
    });
   $('#midgrade').editable({
        showbuttons: false
    });
   $('#premium').editable({
        showbuttons: false
    });
   $('#diesel').editable({
        showbuttons: false
    });
   $('#regular1').editable({
        showbuttons: false
    });
   $('#midgrade1').editable({
        showbuttons: false
    });
   $('#premium1').editable({
        showbuttons: false
    });
   $('#diesel1').editable({
        showbuttons: false
    });
   $('#regular2').editable({
        showbuttons: false
    });
   $('#midgrade2').editable({
        showbuttons: false
    });
   $('#premium2').editable({
        showbuttons: false
    });
   $('#diesel2').editable({
        showbuttons: false
    });
   $('#regular3').editable({
        showbuttons: false
    });
   $('#midgrade3').editable({
        showbuttons: false
    });
   $('#premium3').editable({
        showbuttons: false
    });
   $('#diesel3').editable({
        showbuttons: false
    });
   $('#regular4').editable({
        showbuttons: false
    });
   $('#midgrade4').editable({
        showbuttons: false
    });
   $('#premium4').editable({
        showbuttons: false
    });
   $('#diesel4').editable({
        showbuttons: false
    });
   $('#regular5').editable({
        showbuttons: false
    });
   $('#midgrade5').editable({
        showbuttons: false
    });
   $('#premium5').editable({
        showbuttons: false
    });
   $('#diesel5').editable({
        showbuttons: false
    });
   $('#regular6').editable({
        showbuttons: false
    });
   $('#midgrade6').editable({
        showbuttons: false
    });
   $('#premium6').editable({
        showbuttons: false
    });
   $('#diesel6').editable({
        showbuttons: false
    });
   $('#regular7').editable({
        showbuttons: false
    });
   $('#midgrade7').editable({
        showbuttons: false
    });
   $('#premium7').editable({
        showbuttons: false
    });
   $('#diesel7').editable({
        showbuttons: false
    });
   
   $.mockjax({
        url: '/regular',
        response: function (settings) {
            this.responseText = [{
                value: 0,
                text: 'Select'
            }, {
                value: 1,
                text: 'Ok'
            },{
                value: 2,
                text: 'Need Maint'
            }];
           log(settings, this);
        }
    });
   $.mockjax({
        url: '/midgrade',
        response: function (settings) {
            this.responseText = [{
                value: 0,
                text: 'Select'
            }, {
                value: 1,
                text: 'Ok'
            },{
                value: 2,
                text: 'Need Maint'
            }];
           log(settings, this);
        }
    });
   $.mockjax({
        url: '/premium',
        response: function (settings) {
            this.responseText = [{
                value: 0,
                text: 'Select'
            }, {
                value: 1,
                text: 'Ok'
            },{
                value: 2,
                text: 'Need Maint'
            }];
           log(settings, this);
        }
    });
   $.mockjax({
        url: '/diesel',
        response: function (settings) {
            this.responseText = [{
                value: 0,
                text: 'Select'
            }, {
                value: 1,
                text: 'Ok'
            },{
                value: 2,
                text: 'Need Maint'
            }];
           log(settings, this);
        }
    });
   $.mockjax({
        url: '/regular1',
        response: function (settings) {
            this.responseText = [{
                value: 0,
                text: 'Select'
            }, {
                value: 1,
                text: 'Ok'
            },{
                value: 2,
                text: 'Need Maint'
            }];
           log(settings, this);
        }
    });
   $.mockjax({
        url: '/midgrade1',
        response: function (settings) {
            this.responseText = [{
                value: 0,
                text: 'Select'
            }, {
                value: 1,
                text: 'Ok'
            },{
                value: 2,
                text: 'Need Maint'
            }];
           log(settings, this);
        }
    });
   $.mockjax({
        url: '/premium1',
        response: function (settings) {
            this.responseText = [{
                value: 0,
                text: 'Select'
            }, {
                value: 1,
                text: 'Ok'
            },{
                value: 2,
                text: 'Need Maint'
            }];
           log(settings, this);
        }
    });
   $.mockjax({
        url: '/diesel1',
        response: function (settings) {
            this.responseText = [{
                value: 0,
                text: 'Select'
            }, {
                value: 1,
                text: 'Ok'
            },{
                value: 2,
                text: 'Need Maint'
            }];
           log(settings, this);
        }
    });
   $.mockjax({
        url: '/regular2',
        response: function (settings) {
            this.responseText = [{
                value: 0,
                text: 'Select'
            }, {
                value: 1,
                text: 'Ok'
            },{
                value: 2,
                text: 'Need Maint'
            }];
           log(settings, this);
        }
    });
   $.mockjax({
        url: '/midgrade2',
        response: function (settings) {
            this.responseText = [{
                value: 0,
                text: 'Select'
            }, {
                value: 1,
                text: 'Ok'
            },{
                value: 2,
                text: 'Need Maint'
            }];
           log(settings, this);
        }
    });
   $.mockjax({
        url: '/premium2',
        response: function (settings) {
            this.responseText = [{
                value: 0,
                text: 'Select'
            }, {
                value: 1,
                text: 'Ok'
            },{
                value: 2,
                text: 'Need Maint'
            }];
           log(settings, this);
        }
    });
   $.mockjax({
        url: '/diesel2',
        response: function (settings) {
            this.responseText = [{
                value: 0,
                text: 'Select'
            }, {
                value: 1,
                text: 'Ok'
            },{
                value: 2,
                text: 'Need Maint'
            }];
           log(settings, this);
        }
    });
   $.mockjax({
        url: '/regular3',
        response: function (settings) {
            this.responseText = [{
                value: 0,
                text: 'Select'
            }, {
                value: 1,
                text: 'Ok'
            },{
                value: 2,
                text: 'Need Maint'
            }];
           log(settings, this);
        }
    });
   $.mockjax({
        url: '/midgrade3',
        response: function (settings) {
            this.responseText = [{
                value: 0,
                text: 'Select'
            }, {
                value: 1,
                text: 'Ok'
            },{
                value: 2,
                text: 'Need Maint'
            }];
           log(settings, this);
        }
    });
   $.mockjax({
        url: '/premium3',
        response: function (settings) {
            this.responseText = [{
                value: 0,
                text: 'Select'
            }, {
                value: 1,
                text: 'Ok'
            },{
                value: 2,
                text: 'Need Maint'
            }];
           log(settings, this);
        }
    });
   $.mockjax({
        url: '/diesel3',
        response: function (settings) {
            this.responseText = [{
                value: 0,
                text: 'Select'
            }, {
                value: 1,
                text: 'Ok'
            },{
                value: 2,
                text: 'Need Maint'
            }];
           log(settings, this);
        }
    });
   $.mockjax({
        url: '/regular4',
        response: function (settings) {
            this.responseText = [{
                value: 0,
                text: 'Select'
            }, {
                value: 1,
                text: 'Ok'
            },{
                value: 2,
                text: 'Need Maint'
            }];
           log(settings, this);
        }
    });
   $.mockjax({
        url: '/midgrade4',
        response: function (settings) {
            this.responseText = [{
                value: 0,
                text: 'Select'
            }, {
                value: 1,
                text: 'Ok'
            },{
                value: 2,
                text: 'Need Maint'
            }];
           log(settings, this);
        }
    });
   $.mockjax({
        url: '/premium4',
        response: function (settings) {
            this.responseText = [{
                value: 0,
                text: 'Select'
            }, {
                value: 1,
                text: 'Ok'
            },{
                value: 2,
                text: 'Need Maint'
            }];
           log(settings, this);
        }
    });
   $.mockjax({
        url: '/diesel4',
        response: function (settings) {
            this.responseText = [{
                value: 0,
                text: 'Select'
            }, {
                value: 1,
                text: 'Ok'
            },{
                value: 2,
                text: 'Need Maint'
            }];
           log(settings, this);
        }
    });
   $.mockjax({
        url: '/regular5',
        response: function (settings) {
            this.responseText = [{
                value: 0,
                text: 'Select'
            }, {
                value: 1,
                text: 'Ok'
            },{
                value: 2,
                text: 'Need Maint'
            }];
           log(settings, this);
        }
    });
   $.mockjax({
        url: '/midgrade5',
        response: function (settings) {
            this.responseText = [{
                value: 0,
                text: 'Select'
            }, {
                value: 1,
                text: 'Ok'
            },{
                value: 2,
                text: 'Need Maint'
            }];
           log(settings, this);
        }
    });
   $.mockjax({
        url: '/premium5',
        response: function (settings) {
            this.responseText = [{
                value: 0,
                text: 'Select'
            }, {
                value: 1,
                text: 'Ok'
            },{
                value: 2,
                text: 'Need Maint'
            }];
           log(settings, this);
        }
    });
   $.mockjax({
        url: '/diesel5',
        response: function (settings) {
            this.responseText = [{
                value: 0,
                text: 'Select'
            }, {
                value: 1,
                text: 'Ok'
            },{
                value: 2,
                text: 'Need Maint'
            }];
           log(settings, this);
        }
    });
   $.mockjax({
        url: '/regular6',
        response: function (settings) {
            this.responseText = [{
                value: 0,
                text: 'Select'
            }, {
                value: 1,
                text: 'Ok'
            },{
                value: 2,
                text: 'Need Maint'
            }];
           log(settings, this);
        }
    });
   $.mockjax({
        url: '/midgrade6',
        response: function (settings) {
            this.responseText = [{
                value: 0,
                text: 'Select'
            }, {
                value: 1,
                text: 'Ok'
            },{
                value: 2,
                text: 'Need Maint'
            }];
           log(settings, this);
        }
    });
   $.mockjax({
        url: '/premium6',
        response: function (settings) {
            this.responseText = [{
                value: 0,
                text: 'Select'
            }, {
                value: 1,
                text: 'Ok'
            },{
                value: 2,
                text: 'Need Maint'
            }];
           log(settings, this);
        }
    });
   $.mockjax({
        url: '/diesel6',
        response: function (settings) {
            this.responseText = [{
                value: 0,
                text: 'Select'
            }, {
                value: 1,
                text: 'Ok'
            },{
                value: 2,
                text: 'Need Maint'
            }];
           log(settings, this);
        }
    });
   $.mockjax({
        url: '/regular7',
        response: function (settings) {
            this.responseText = [{
                value: 0,
                text: 'Select'
            }, {
                value: 1,
                text: 'Ok'
            },{
                value: 2,
                text: 'Need Maint'
            }];
           log(settings, this);
        }
    });
   $.mockjax({
        url: '/midgrade7',
        response: function (settings) {
            this.responseText = [{
                value: 0,
                text: 'Select'
            }, {
                value: 1,
                text: 'Ok'
            },{
                value: 2,
                text: 'Need Maint'
            }];
           log(settings, this);
        }
    });
   $.mockjax({
        url: '/premium7',
        response: function (settings) {
            this.responseText = [{
                value: 0,
                text: 'Select'
            }, {
                value: 1,
                text: 'Ok'
            },{
                value: 2,
                text: 'Need Maint'
            }];
           log(settings, this);
        }
    });
   $.mockjax({
        url: '/diesel7',
        response: function (settings) {
            this.responseText = [{
                value: 0,
                text: 'Select'
            }, {
                value: 1,
                text: 'Ok'
            },{
                value: 2,
                text: 'Need Maint'
            }];
           log(settings, this);
        }
    });
    $('#items').editable({
        prepend: "General Items",
        source: [{
            value: 1,
            text: 'Yes'
        }, {
            value: 2,
            text: 'No'
        }],
        display: function (value, sourceData) {
            var colors = {
                "": "blue",
                1: "green",
                2: "red"
            }, elem = $.grep(sourceData, function (o) {
                    return o.value == value;
                });
   
            if (elem.length) {
                $(this).text(elem[0].text).css("color", colors[value]);
            } else {
                $(this).empty();
            }
        }
    });
   $('#items1').editable({
        prepend: "General Items",
        source: [{
            value: 1,
            text: 'Yes'
        }, {
            value: 2,
            text: 'No'
        }],
        display: function (value, sourceData) {
            var colors = {
                "": "blue",
                1: "green",
                2: "red"
            }, elem = $.grep(sourceData, function (o) {
                    return o.value == value;
                });
   
            if (elem.length) {
                $(this).text(elem[0].text).css("color", colors[value]);
            } else {
                $(this).empty();
            }
        }
    });
   $('#items2').editable({
        prepend: "General Items",
        source: [{
            value: 1,
            text: 'Yes'
        }, {
            value: 2,
            text: 'No'
        }],
        display: function (value, sourceData) {
            var colors = {
                "": "blue",
                1: "green",
                2: "red"
            }, elem = $.grep(sourceData, function (o) {
                    return o.value == value;
                });
   
            if (elem.length) {
                $(this).text(elem[0].text).css("color", colors[value]);
            } else {
                $(this).empty();
            }
        }
    });
   $('#annual-requirement').editable({
        prepend: "Annuaul Requirments",
        source: [{
            value: 1,
            text: 'Yes'
        }, {
            value: 2,
            text: 'No'
        },
   {
            value: 3,
            text: 'N/A'
        }, {
            value: 4,
            text: 'Date of Last Test'
        }],
        display: function (value, sourceData) {
            var colors = {
                "": "blue",
                1: "green",
                2: "red",
    3:"grey",
    4:"lightblue"
    
            }, elem = $.grep(sourceData, function (o) {
                    return o.value == value;
                });
   
            if (elem.length) {
                $(this).text(elem[0].text).css("color", colors[value]);
            } else {
                $(this).empty();
            }
        }
    });
   $('#annual-requirement1').editable({
        prepend: "Annuaul Requirments",
        source: [{
            value: 1,
            text: 'Yes'
        }, {
            value: 2,
            text: 'No'
        },
   {
            value: 3,
            text: 'N/A'
        }, {
            value: 4,
            text: 'Date of Last Test'
        }],
        display: function (value, sourceData) {
            var colors = {
                "": "blue",
                1: "green",
                2: "red",
    3:"grey",
    4:"lightblue"
    
            }, elem = $.grep(sourceData, function (o) {
                    return o.value == value;
                });
   
            if (elem.length) {
                $(this).text(elem[0].text).css("color", colors[value]);
            } else {
                $(this).empty();
            }
        }
    });
   $('#annual-requirement2').editable({
        prepend: "Annuaul Requirments",
        source: [{
            value: 1,
            text: 'Yes'
        }, {
            value: 2,
            text: 'No'
        },
   {
            value: 3,
            text: 'N/A'
        }, {
            value: 4,
            text: 'Date of Last Test'
        }],
        display: function (value, sourceData) {
            var colors = {
                "": "blue",
                1: "green",
                2: "red",
    3:"grey",
    4:"lightblue"
    
            }, elem = $.grep(sourceData, function (o) {
                    return o.value == value;
                });
   
            if (elem.length) {
                $(this).text(elem[0].text).css("color", colors[value]);
            } else {
                $(this).empty();
            }
        }
    });
   $('#annual-requirement3').editable({
        prepend: "Annuaul Requirments",
        source: [{
            value: 1,
            text: 'Electronic'
        }, {
            value: 2,
            text: 'Manual'
        },
   {
            value: 3,
            text: 'Sensors'
        }, {
            value: 4,
            text: 'Date of Last Test'
        }],
        display: function (value, sourceData) {
            var colors = {
                "": "blue",
                1: "green",
                2: "red",
    3:"grey",
    4:"lightblue"
    
            }, elem = $.grep(sourceData, function (o) {
                    return o.value == value;
                });
   
            if (elem.length) {
                $(this).text(elem[0].text).css("color", colors[value]);
            } else {
                $(this).empty();
            }
        }
    });
   $('#annual-requirement4').editable({
        prepend: "Annuaul Requirments",
        source: [{
            value: 1,
            text: 'Electronic'
        }, {
            value: 2,
            text: 'Manual'
        },
   {
            value: 3,
            text: 'Sensors'
        }, {
            value: 4,
            text: 'Date of Last Test'
        }],
        display: function (value, sourceData) {
            var colors = {
                "": "blue",
                1: "green",
                2: "red",
    3:"grey",
    4:"lightblue"
    
            }, elem = $.grep(sourceData, function (o) {
                    return o.value == value;
                });
   
            if (elem.length) {
                $(this).text(elem[0].text).css("color", colors[value]);
            } else {
                $(this).empty();
            }
        }
    });
   $('#corrosion-systems').editable({
        prepend: "Corrosion Systems",
        source: [{
            value: 1,
            text: 'Yes'
        }, {
            value: 2,
            text: 'No'
        },
   {
            value: 3,
            text: 'N/A'
        }, {
            value: 4,
            text: 'Date of Last Test 3 year inspection'
        }],
        display: function (value, sourceData) {
            var colors = {
                "": "blue",
                1: "green",
                2: "red",
    3:"grey",
    4:"lightblue"
    
            }, elem = $.grep(sourceData, function (o) {
                    return o.value == value;
                });
   
            if (elem.length) {
                $(this).text(elem[0].text).css("color", colors[value]);
            } else {
                $(this).empty();
            }
        }
    });
   $('#corrosion-systems1').editable({
        prepend: "Corrosion Systems",
        source: [{
            value: 1,
            text: 'Yes'
        }, {
            value: 2,
            text: 'No'
        },
   {
            value: 3,
            text: 'N/A'
        }, {
            value: 4,
            text: 'Date of Last Test 3 year inspection'
        }],
        display: function (value, sourceData) {
            var colors = {
                "": "blue",
                1: "green",
                2: "red",
    3:"grey",
    4:"lightblue"
    
            }, elem = $.grep(sourceData, function (o) {
                    return o.value == value;
                });
   
            if (elem.length) {
                $(this).text(elem[0].text).css("color", colors[value]);
            } else {
                $(this).empty();
            }
        }
    });
   $('#corrosion-systems2').editable({
        prepend: "Corrosion Systems",
        source: [{
            value: 1,
            text: 'Yes'
        }, {
            value: 2,
            text: 'No'
        },
   {
            value: 3,
            text: 'N/A'
        }, {
            value: 4,
            text: 'Date of Last Test 3 year inspection'
        }],
        display: function (value, sourceData) {
            var colors = {
                "": "blue",
                1: "green",
                2: "red",
    3:"grey",
    4:"lightblue"
    
            }, elem = $.grep(sourceData, function (o) {
                    return o.value == value;
                });
   
            if (elem.length) {
                $(this).text(elem[0].text).css("color", colors[value]);
            } else {
                $(this).empty();
            }
        }
    });
   $('#leak-detection-systems').editable({
        prepend: "Leak Detection Systems",
        source: [{
            value: 1,
            text: 'Yes'
        }, {
            value: 2,
            text: 'No'
        },
   {
            value: 3,
            text: 'N/A'
        }],
        display: function (value, sourceData) {
            var colors = {
                "": "blue",
                1: "green",
                2: "red",
    3:"grey",
    
            }, elem = $.grep(sourceData, function (o) {
                    return o.value == value;
                });
   
            if (elem.length) {
                $(this).text(elem[0].text).css("color", colors[value]);
            } else {
                $(this).empty();
            }
        }
    });
   $('#tank').editable({
        prepend: "Tank/Tank Monitor",
        source: [{
            value: 1,
            text: 'Yes'
        }, {
            value: 2,
            text: 'No'
        },
   {
            value: 3,
            text: 'N/A'
        }],
        display: function (value, sourceData) {
            var colors = {
                "": "blue",
                1: "green",
                2: "red",
    3:"grey",
    
            }, elem = $.grep(sourceData, function (o) {
                    return o.value == value;
                });
   
            if (elem.length) {
                $(this).text(elem[0].text).css("color", colors[value]);
            } else {
                $(this).empty();
            }
        }
    });
   $('#tank1').editable({
        prepend: "Tank/Tank Monitor",
        source: [{
            value: 1,
            text: 'Yes'
        }, {
            value: 2,
            text: 'No'
        },
   {
            value: 3,
            text: 'N/A'
        }],
        display: function (value, sourceData) {
            var colors = {
                "": "blue",
                1: "green",
                2: "red",
    3:"grey",
    
            }, elem = $.grep(sourceData, function (o) {
                    return o.value == value;
                });
   
            if (elem.length) {
                $(this).text(elem[0].text).css("color", colors[value]);
            } else {
                $(this).empty();
            }
        }
    });
   $('#tank2').editable({
        prepend: "Tank/Tank Monitor",
        source: [{
            value: 1,
            text: 'Yes'
        }, {
            value: 2,
            text: 'No'
        },
   {
            value: 3,
            text: 'N/A'
        }],
        display: function (value, sourceData) {
            var colors = {
                "": "blue",
                1: "green",
                2: "red",
    3:"grey",
    
            }, elem = $.grep(sourceData, function (o) {
                    return o.value == value;
                });
   
            if (elem.length) {
                $(this).text(elem[0].text).css("color", colors[value]);
            } else {
                $(this).empty();
            }
        }
    });
   $('#tank3').editable({
        prepend: "Tank/Tank Monitor",
        source: [{
            value: 1,
            text: 'Yes'
        }, {
            value: 2,
            text: 'No'
        },
   {
            value: 3,
            text: 'N/A'
        }],
        display: function (value, sourceData) {
            var colors = {
                "": "blue",
                1: "green",
                2: "red",
    3:"grey",
    
            }, elem = $.grep(sourceData, function (o) {
                    return o.value == value;
                });
   
            if (elem.length) {
                $(this).text(elem[0].text).css("color", colors[value]);
            } else {
                $(this).empty();
            }
        }
    });
   
    $('#status').editable();
   
    
    $('#vacation').editable({         
      tpl:'<div class="input-group date">\
    <input class="form-control" type="text" placeholder="From" >\
    <span class="input-group-btn">\
        <button class="btn btn-default" type="button">\
          <i class="glyphicon glyphicon-calendar"></i>\
        </button>\
      </span>\
   </div>',
     type: 'datetime',
     url: '/post',
     format : 'yyyy-mm-dd',
     viewformat : 'yyyy-mm-dd',
     inputclass : "datepick",
     placement: function (context, source) {
       var popupWidth = 336;
       if(($(window).scrollLeft() + popupWidth) > $(source).offset().left){
         return "right";
       } else {
         return "left";
       }
     },
     emptytext: '...',
     persianDatepicker : {
        altField: '#starttime',
   altFormat: "YYYY/MM/DD HH:mm",
   starttime: true,
   format: 'YYYY/MM/DD HH:mm',          
     }       
    });
   
    $('#dob').editable();
   
    $('#event').editable({
        placement: 'right',
        combodate: {
            firstItem: 'name'
        }
    });
   
    $('#meeting_start').editable({
        format: 'yyyy-mm-dd hh:ii',
        viewformat: 'dd/mm/yyyy hh:ii',
        validate: function (v) {
            if (v && v.getDate() == 10)
                return 'Day cant be 10!';
        },
        datetimepicker: {
            todayBtn: 'linked',
            weekStart: 1
        }
    });
   
    $('#comments').editable({
        showbuttons: 'bottom'
    });
   
    $('#note').editable();
    $('#pencil').click(function (e) {
        e.stopPropagation();
        e.preventDefault();
        $('#note').editable('toggle');
    });
   
    
   
    
   
    $('#leaks').editable({
        pk: 10,
        limit: 12,
        source: [{
            value: 1,
            text: '1'
        }, {
            value: 2,
            text: '2'
        }, {
            value: 3,
            text: '3'
        }, {
            value: 4,
            text: '4'
        }, {
            value: 5,
            text: '5'
        },
   {
            value: 6,
            text: '6'
        }, {
            value: 6,
            text: '6'
        }, {
            value: 7,
            text: '7'
        }, {
            value: 8,
            text: '8'
        }, {
            value: 9,
            text: '9'
        },
   {
            value: 10,
            text: '10'
        }, {
            value: 11,
            text: '11'
        }, {
            value: 12,
            text: '12'
        }]
    });
   $('#hoses').editable({
        pk: 10,
        limit: 12,
        source: [{
            value: 1,
            text: '1'
        }, {
            value: 2,
            text: '2'
        }, {
            value: 3,
            text: '3'
        }, {
            value: 4,
            text: '4'
        }, {
            value: 5,
            text: '5'
        },
   {
            value: 6,
            text: '6'
        }, {
            value: 6,
            text: '6'
        }, {
            value: 7,
            text: '7'
        }, {
            value: 8,
            text: '8'
        }, {
            value: 9,
            text: '9'
        },
   {
            value: 10,
            text: '10'
        }, {
            value: 11,
            text: '11'
        }, {
            value: 12,
            text: '12'
        }]
    });
   $('#nozzles').editable({
        pk: 10,
        limit: 12,
        source: [{
            value: 1,
            text: '1'
        }, {
            value: 2,
            text: '2'
        }, {
            value: 3,
            text: '3'
        }, {
            value: 4,
            text: '4'
        }, {
            value: 5,
            text: '5'
        },
   {
            value: 6,
            text: '6'
        }, {
            value: 6,
            text: '6'
        }, {
            value: 7,
            text: '7'
        }, {
            value: 8,
            text: '8'
        }, {
            value: 9,
            text: '9'
        },
   {
            value: 10,
            text: '10'
        }, {
            value: 11,
            text: '11'
        }, {
            value: 12,
            text: '12'
        }]
    });
   $('#breakways').editable({
        pk: 10,
        limit: 12,
        source: [{
            value: 1,
            text: '1'
        }, {
            value: 2,
            text: '2'
        }, {
            value: 3,
            text: '3'
        }, {
            value: 4,
            text: '4'
        }, {
            value: 5,
            text: '5'
        },
   {
            value: 6,
            text: '6'
        }, {
            value: 6,
            text: '6'
        }, {
            value: 7,
            text: '7'
        }, {
            value: 8,
            text: '8'
        }, {
            value: 9,
            text: '9'
        },
   {
            value: 10,
            text: '10'
        }, {
            value: 11,
            text: '11'
        }, {
            value: 12,
            text: '12'
        }]
    });
   $('#splash-guards').editable({
        pk: 10,
        limit: 12,
        source: [{
            value: 1,
            text: '1'
        }, {
            value: 2,
            text: '2'
        }, {
            value: 3,
            text: '3'
        }, {
            value: 4,
            text: '4'
        }, {
            value: 5,
            text: '5'
        },
   {
            value: 6,
            text: '6'
        }, {
            value: 6,
            text: '6'
        }, {
            value: 7,
            text: '7'
        }, {
            value: 8,
            text: '8'
        }, {
            value: 9,
            text: '9'
        },
   {
            value: 10,
            text: '10'
        }, {
            value: 11,
            text: '11'
        }, {
            value: 12,
            text: '12'
        }]
    });
   $('#regulatory').editable({
        pk: 10,
        limit: 12,
        source: [{
            value: 1,
            text: '1'
        }, {
            value: 2,
            text: '2'
        }, {
            value: 3,
            text: '3'
        }, {
            value: 4,
            text: '4'
        }, {
            value: 5,
            text: '5'
        },
   {
            value: 6,
            text: '6'
        }, {
            value: 6,
            text: '6'
        }, {
            value: 7,
            text: '7'
        }, {
            value: 8,
            text: '8'
        }, {
            value: 9,
            text: '9'
        },
   {
            value: 10,
            text: '10'
        }, {
            value: 11,
            text: '11'
        }, {
            value: 12,
            text: '12'
        }]
    });
   $('#anchored').editable({
        pk: 10,
        limit: 12,
        source: [{
            value: 1,
            text: '1'
        }, {
            value: 2,
            text: '2'
        }, {
            value: 3,
            text: '3'
        }, {
            value: 4,
            text: '4'
        }, {
            value: 5,
            text: '5'
        },
   {
            value: 6,
            text: '6'
        }, {
            value: 6,
            text: '6'
        }, {
            value: 7,
            text: '7'
        }, {
            value: 8,
            text: '8'
        }, {
            value: 9,
            text: '9'
        },
   {
            value: 10,
            text: '10'
        }, {
            value: 11,
            text: '11'
        }, {
            value: 12,
            text: '12'
        }]
    });
   $('#containment').editable({
        pk: 10,
        limit: 12,
        source: [{
            value: 1,
            text: '1'
        }, {
            value: 2,
            text: '2'
        }, {
            value: 3,
            text: '3'
        }, {
            value: 4,
            text: '4'
        }, {
            value: 5,
            text: '5'
        },
   {
            value: 6,
            text: '6'
        }, {
            value: 6,
            text: '6'
        }, {
            value: 7,
            text: '7'
        }, {
            value: 8,
            text: '8'
        }, {
            value: 9,
            text: '9'
        },
   {
            value: 10,
            text: '10'
        }, {
            value: 11,
            text: '11'
        }, {
            value: 12,
            text: '12'
        }]
    });
   $('#extinguisher').editable({
        pk: 10,
        limit: 12,
        source: [{
            value: 1,
            text: '1'
        }, {
            value: 2,
            text: '2'
        }, {
            value: 3,
            text: '3'
        }, {
            value: 4,
            text: '4'
        }, {
            value: 5,
            text: '5'
        },
   {
            value: 6,
            text: '6'
        }, {
            value: 6,
            text: '6'
        }, {
            value: 7,
            text: '7'
        }, {
            value: 8,
            text: '8'
        }, {
            value: 9,
            text: '9'
        },
   {
            value: 10,
            text: '10'
        }, {
            value: 11,
            text: '11'
        }, {
            value: 12,
            text: '12'
        }]
    });
   
   
   
   
    $('#tags').editable({
        inputclass: 'input-large',
        select2: {
            tags: ['html', 'javascript', 'css', 'ajax'],
            tokenSeparators: [",", " "]
        }
    });
   
    var countries = [];
    $.each({
        "BD": "Bangladesh",
        "BE": "Belgium",
        "BF": "Burkina Faso",
        "BG": "Bulgaria",
        "BA": "Bosnia and Herzegovina",
        "BB": "Barbados",
        "WF": "Wallis and Futuna",
        "BL": "Saint Bartelemey",
        "BM": "Bermuda",
        "BN": "Brunei Darussalam",
        "BO": "Bolivia",
        "BH": "Bahrain",
        "BI": "Burundi",
        "BJ": "Benin",
        "BT": "Bhutan",
        "JM": "Jamaica",
        "BV": "Bouvet Island",
        "BW": "Botswana",
        "WS": "Samoa",
        "BR": "Brazil",
        "BS": "Bahamas",
        "JE": "Jersey",
        "BY": "Belarus",
        "O1": "Other Country",
        "LV": "Latvia",
        "RW": "Rwanda",
        "RS": "Serbia",
        "TL": "Timor-Leste",
        "RE": "Reunion",
        "LU": "Luxembourg",
        "TJ": "Tajikistan",
        "RO": "Romania",
        "PG": "Papua New Guinea",
        "GW": "Guinea-Bissau",
        "GU": "Guam",
        "GT": "Guatemala",
        "GS": "South Georgia and the South Sandwich Islands",
        "GR": "Greece",
        "GQ": "Equatorial Guinea",
        "GP": "Guadeloupe",
        "JP": "Japan",
        "GY": "Guyana",
        "GG": "Guernsey",
        "GF": "French Guiana",
        "GE": "Georgia",
        "GD": "Grenada",
        "GB": "United Kingdom",
        "GA": "Gabon",
        "SV": "El Salvador",
        "GN": "Guinea",
        "GM": "Gambia",
        "GL": "Greenland",
        "GI": "Gibraltar",
        "GH": "Ghana",
        "OM": "Oman",
        "TN": "Tunisia",
        "JO": "Jordan",
        "HR": "Croatia",
        "HT": "Haiti",
        "HU": "Hungary",
        "HK": "Hong Kong",
        "HN": "Honduras",
        "HM": "Heard Island and McDonald Islands",
        "VE": "Venezuela",
        "PR": "Puerto Rico",
        "PS": "Palestinian Territory",
        "PW": "Palau",
        "PT": "Portugal",
        "SJ": "Svalbard and Jan Mayen",
        "PY": "Paraguay",
        "IQ": "Iraq",
        "PA": "Panama",
        "PF": "French Polynesia",
        "BZ": "Belize",
        "PE": "Peru",
        "PK": "Pakistan",
        "PH": "Philippines",
        "PN": "Pitcairn",
        "TM": "Turkmenistan",
        "PL": "Poland",
        "PM": "Saint Pierre and Miquelon",
        "ZM": "Zambia",
        "EH": "Western Sahara",
        "RU": "Russian Federation",
        "EE": "Estonia",
        "EG": "Egypt",
        "TK": "Tokelau",
        "ZA": "South Africa",
        "EC": "Ecuador",
        "IT": "Italy",
        "VN": "Vietnam",
        "SB": "Solomon Islands",
        "EU": "Europe",
        "ET": "Ethiopia",
        "SO": "Somalia",
        "ZW": "Zimbabwe",
        "SA": "Saudi Arabia",
        "ES": "Spain",
        "ER": "Eritrea",
        "ME": "Montenegro",
        "MD": "Moldova, Republic of",
        "MG": "Madagascar",
        "MF": "Saint Martin",
        "MA": "Morocco",
        "MC": "Monaco",
        "UZ": "Uzbekistan",
        "MM": "Myanmar",
        "ML": "Mali",
        "MO": "Macao",
        "MN": "Mongolia",
        "MH": "Marshall Islands",
        "MK": "Macedonia",
        "MU": "Mauritius",
        "MT": "Malta",
        "MW": "Malawi",
        "MV": "Maldives",
        "MQ": "Martinique",
        "MP": "Northern Mariana Islands",
        "MS": "Montserrat",
        "MR": "Mauritania",
        "IM": "Isle of Man",
        "UG": "Uganda",
        "TZ": "Tanzania, United Republic of",
        "MY": "Malaysia",
        "MX": "Mexico",
        "IL": "Israel",
        "FR": "France",
        "IO": "British Indian Ocean Territory",
        "FX": "France, Metropolitan",
        "SH": "Saint Helena",
        "FI": "Finland",
        "FJ": "Fiji",
        "FK": "Falkland Islands (Malvinas)",
        "FM": "Micronesia, Federated States of",
        "FO": "Faroe Islands",
        "NI": "Nicaragua",
        "NL": "Netherlands",
        "NO": "Norway",
        "NA": "Namibia",
        "VU": "Vanuatu",
        "NC": "New Caledonia",
        "NE": "Niger",
        "NF": "Norfolk Island",
        "NG": "Nigeria",
        "NZ": "New Zealand",
        "NP": "Nepal",
        "NR": "Nauru",
        "NU": "Niue",
        "CK": "Cook Islands",
        "CI": "Cote d'Ivoire",
        "CH": "Switzerland",
        "CO": "Colombia",
        "CN": "China",
        "CM": "Cameroon",
        "CL": "Chile",
        "CC": "Cocos (Keeling) Islands",
        "CA": "Canada",
        "CG": "Congo",
        "CF": "Central African Republic",
        "CD": "Congo, The Democratic Republic of the",
        "CZ": "Czech Republic",
        "CY": "Cyprus",
        "CX": "Christmas Island",
        "CR": "Costa Rica",
        "CV": "Cape Verde",
        "CU": "Cuba",
        "SZ": "Swaziland",
        "SY": "Syrian Arab Republic",
        "KG": "Kyrgyzstan",
        "KE": "Kenya",
        "SR": "Suriname",
        "KI": "Kiribati",
        "KH": "Cambodia",
        "KN": "Saint Kitts and Nevis",
        "KM": "Comoros",
        "ST": "Sao Tome and Principe",
        "SK": "Slovakia",
        "KR": "Korea, Republic of",
        "SI": "Slovenia",
        "KP": "Korea, Democratic People's Republic of",
        "KW": "Kuwait",
        "SN": "Senegal",
        "SM": "San Marino",
        "SL": "Sierra Leone",
        "SC": "Seychelles",
        "KZ": "Kazakhstan",
        "KY": "Cayman Islands",
        "SG": "Singapore",
        "SE": "Sweden",
        "SD": "Sudan",
        "DO": "Dominican Republic",
        "DM": "Dominica",
        "DJ": "Djibouti",
        "DK": "Denmark",
        "VG": "Virgin Islands, British",
        "DE": "Germany",
        "YE": "Yemen",
        "DZ": "Algeria",
        "US": "United States",
        "UY": "Uruguay",
        "YT": "Mayotte",
        "UM": "United States Minor Outlying Islands",
        "LB": "Lebanon",
        "LC": "Saint Lucia",
        "LA": "Lao People's Democratic Republic",
        "TV": "Tuvalu",
        "TW": "Taiwan",
        "TT": "Trinidad and Tobago",
        "TR": "Turkey",
        "LK": "Sri Lanka",
        "LI": "Liechtenstein",
        "A1": "Anonymous Proxy",
        "TO": "Tonga",
        "LT": "Lithuania",
        "A2": "Satellite Provider",
        "LR": "Liberia",
        "LS": "Lesotho",
        "TH": "Thailand",
        "TF": "French Southern Territories",
        "TG": "Togo",
        "TD": "Chad",
        "TC": "Turks and Caicos Islands",
        "LY": "Libyan Arab Jamahiriya",
        "VA": "Holy See (Vatican City State)",
        "VC": "Saint Vincent and the Grenadines",
        "AE": "United Arab Emirates",
        "AD": "Andorra",
        "AG": "Antigua and Barbuda",
        "AF": "Afghanistan",
        "AI": "Anguilla",
        "VI": "Virgin Islands, U.S.",
        "IS": "Iceland",
        "IR": "Iran, Islamic Republic of",
        "AM": "Armenia",
        "AL": "Albania",
        "AO": "Angola",
        "AN": "Netherlands Antilles",
        "AQ": "Antarctica",
        "AP": "Asia/Pacific Region",
        "AS": "American Samoa",
        "AR": "Argentina",
        "AU": "Australia",
        "AT": "Austria",
        "AW": "Aruba",
        "IN": "India",
        "AX": "Aland Islands",
        "AZ": "Azerbaijan",
        "IE": "Ireland",
        "ID": "Indonesia",
        "UA": "Ukraine",
        "QA": "Qatar",
        "MZ": "Mozambique"
    }, function (k, v) {
        countries.push({
            id: k,
            text: v
        });
    });
   
    $('#country').editable({
        source: countries,
        select2: {
            width: 200
        }
    });
   
   
   $('#address').editable({
        url: '/post',
        value: {
            city: "Moscow",
            street: "Lenina",
            building: "12"
        },
        validate: function (value) {
            if (value.city == '')
                return 'city is required!';
        },
        display: function (value) {
            if (!value) {
                $(this).empty();
                return;
            }
            var html = '<b>' + $('<div>').text(value.city).html() + '</b>, ' + $('<div>').text(value.street)
                .html() + ' st., bld. ' + $('<div>').text(value.building).html();
            $(this).html(html);
        }
    });
    
    // Select Script
   $('.select2').select2({
           allowClear : true,
           width : '100%'
       });
   
   // Jquery knob initialize
       $(".knob").knob();                                          
   
       
   // Bootstrap time picker
   $('#timepicker').timepicker();
   
   
   // Date Range Picker
   $("#from").datepicker({
     defaultDate: "+1w",
     changeMonth: true,
     numberOfMonths: 3,
     prevText: '<i class="fa fa-chevron-left"></i>',
     nextText: '<i class="fa fa-chevron-right"></i>',
     onClose: function (selectedDate) {
         $("#to").datepicker("option", "maxDate", selectedDate);
     }
   
   });
   $("#to").datepicker({
     defaultDate: "+1w",
     changeMonth: true,
     numberOfMonths: 3,
     prevText: '<i class="fa fa-chevron-left"></i>',
     nextText: '<i class="fa fa-chevron-right"></i>',
     onClose: function (selectedDate) {
         $("#from").datepicker("option", "minDate", selectedDate);
     }
   });
   
   
   
   
   
</script>
@endsection