@extends('layouts.app') @section('content')
   <style>
    form{
        margin: 20px 0;
    }
    form input, button{
        padding: 5px;
    }
    table{
        width: 100%;
        margin-bottom: 20px;
      border-collapse: collapse;
    }
    table, th, td{
        border: 1px solid #cdcdcd;
    }
    table th, table td{
        padding: 10px;
        text-align: left;
    }



/*====================*/
/* The Close Button */

.close_evi_of_human {
   position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close_collapse {
   position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}
.close_caption_evi {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}


.close_fouling_organisms {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}


.close_timber_infestation {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close_sediment_buildup {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}


/*========================*/
.close_collapse:hover,
.close_collapse:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

.close_evi_of_human:hover,
.close_evi_of_human:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}


.close_caption_evi:hover,
.close_caption_evi:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

.close_fouling_organisms:hover,
.close_fouling_organisms:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}


.close_timber_infestation:hover,
.close_timber_infestation:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

.close_evi_of_human:hover,
.close_evi_of_human:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}


.close_sediment_buildup:hover,
.close_sediment_buildup:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}
/*========================*/






</style>

   <div class="page-header-banner" style="background-image: url('{{ asset('images/slider-2.jpg') }}');">
      <div class="overlay">
         <h1>Survey Reporting</h1>
      </div>
   </div>
   <div class="page-section">
      <div class="container">
         <div class="member-blog-container">
            <div class="page-section">
               	<div class="container" >
                  <button style="margin-left: 88%;" class="btn btn-info mb-4" id="cmd">generate PDF</button>
                  	<div class="tab-content" id="final_content">
                      <div id="step-1" class="">
                  		  <form class="nav-Report" method="post" enctype="multipart/form-data" action="">
                          <br>
                           <h2> Site Identification Sheet
                           </h2>
                           <br>
                           <br>
                           <div class="row mb-5">
                              <div class="col-md-6">
                                 <div class="form-group">
                                    <label>Site *</label>
                                       <label class="form-control">

                                          <label class="form-control">{{$wreck->name}}</label>

                                     </label>
                                 </div>
                              </div>

                              <div class="col-md-6">
                                 <div class="row">
                                    <div class="col-md-6">
                                       <div class="form-group">
                                          <label>
                                          Date:*
                                          </label>
                                          <label class="form-control">{{$surfer->date_of_survey}}</label>

                                       </div>
                                    </div>
                                    <div class="col-md-6">
                                       <div class="form-group" style="border: 0;">
                                          <label>Time</label>
                                          <label class="form-control">{{$surfer->time_of_survey}}</label>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                           <br>
                           <br>
                           <div class="row mb-5">
                              <div class="col-md-6">
                                 <div class="form-group">
                                    <label>
                                    Statutory Database No*
                                    </label>
                                    <label class="form-control">{{$surfer->statutory_database_no}}</label>
                                 </div>
                              </div>

                              <div class="col-md-6">
                                 <div class="form-group">
                                    <label>
                                    Name of Statutory Database*
                                    </label>
                                    <label class="form-control">{{$surfer->statutory_database_name_option}}</label>
                                 </div>
                              </div>
                           </div>
                           <br>
                           <br>

                           <div class="row mb-5">
                              <div class="col-md-6">
                                 <div class="form-group">
                                    <label>
                                    Diver/s Name*
                                    </label>

                                    <div class='diverName'>
                                      <select  id="diverName" name="name[]" multiple="" placeholder="No adopted..." >
                                        @if(!empty($adopted_members))
                                                                                @elese
                                        @endif
                                      </select>
                                    </div>


                                 </div>
                              </div>
                              <div class="col-md-6">
                                 <div class="form-group">
                                    <label>
                                    Number of surveys you have conducted at this site*
                                    </label>
                                    <label class="form-control">{{$surfer->number_of_surveys}}</label>

                                 </div>
                              </div>
                           </div>
                           <br>
                           <br>
                          <div class="row mb-5">
                            <div class="col-md-4">
                               <div class="form-group">
                                  <label>
                                  Position Format
                                  </label>
                                  <div class="form-control" style="border: 0;">
                                     <div class="pretty p-switch">
                                        <input type="radio" value="gis" @if ('gis' == $surfer->position_format) checked @endif name="position_format" />
                                        <div class="state p-success">
                                           <label>Degrees and Decimal Minutes <span class="hints"> ( hddd&#x2218; mm.mmm’ )</span> </label>
                                        </div>
                                     </div>
                                  </div>
                                  <div class="form-control" style="border: 0;">
                                     <div class="pretty p-switch">
                                        <input type="radio" value="gps" @if ('gps' == $surfer->position_format) checked @endif name="position_format" />
                                        <div class="state p-success">
                                           <label>Decimal Degrees<span class="hints"> ( hddd.ddddd&#x2218; )</span></label>
                                        </div>
                                     </div>
                                  </div>
                                  <div class="form-control" style="border: 0;">
                                     <div class="pretty p-switch">
                                        <input type="radio" value="charts" @if ('charts' == $surfer->position_format) checked @endif name="position_format" />
                                        <div class="state p-success">
                                           <label>Degrees, Minutes and Seconds <span class="hints"> ( hddd&#x2218; mm’ss.s” )</span></label>
                                        </div>
                                     </div>
                                  </div>
                               </div>
                               @if ($errors->has('position_format'))
                               <div class="invalid-feedback" style="display: block;">
                                  {{ $errors->first('position_format') }}
                               </div>
                               @endif
                            </div>
                              <div class="col-md-4">
                                 <div class="form-group">
                                    <label>
                                    Latitude <span class="hints"> (i.e. Latitude -18.6582)</span> *
                                    </label>
                                    <label class="form-control">{{$surfer->lat}}</label>
                                 </div>
                              </div>
                              <div class="col-md-4">
                                 <div class="form-group">
                                    <label>
                                    Longitude <span class="hints">(i.e. Longitude 146.489)</span>*
                                    </label>
                                    <label class="form-control">{{$surfer->long}}</label>

                                 </div>
                              </div>


                           </div>
                           <br>
                           <br>
                           <div class="row mb-5">


                              <div class="col-md-6">
                                 <div class="form-group">
                                    <label>
                                    Click one
                                    </label>
                                    <div class="form-control" style="border: 0;">
                                       <div class="pretty p-switch">
                                          <input type="radio" value="stern" @if ('stern' == $surfer->part) checked @endif name="part" />
                                          <div class="state p-success">
                                             <label>Stern</label>
                                          </div>
                                       </div>
                                       <div class="pretty p-switch">
                                          <input type="radio" value="midships" @if ('midships' == $surfer->part) checked @endif name="part" />
                                          <div class="state p-success">
                                             <label>Midships</label>
                                          </div>
                                       </div>
                                       <div class="pretty p-switch">
                                          <input type="radio" value="bow" @if ('bow' == $surfer->part) checked @endif name="part" />
                                          <div class="state p-success">
                                             <label>Bow</label>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                                 @if ($errors->has('part'))
                                 <div class="invalid-feedback" style="display: block;">
                                    {{ $errors->first('part') }}
                                 </div>
                                 @endif
                              </div>
                              <div class="col-md-6">
                                 <div class="form-group">
                                    <label>Datum</label>
                                    <div class="form-control mb-2" style="border: 0;">
                                       <div class="pretty p-switch">
                                          <input type="radio" value="wgs_84" @if ('wgs_84' == $surfer->datum) checked @endif name="datum" />
                                          <div class="state p-success">
                                             <label>WGS 84</label>
                                          </div>
                                       </div>
                                        <div class="pretty p-switch">
                                          <input type="radio" value="nzgd_2000" @if ('nzgd_2000' == $surfer->datum) checked @endif id="datum_nzgd_2000" name="datum" />
                                          <div class="state p-success">
                                             <label>NZGD2000</label>
                                          </div>
                                       </div>
                                       <div class="pretty p-switch">
                                          <input type="radio" value="other" name="datum" id="datum_other" @if ('other' == $surfer->datum) checked @endif  />
                                          <div class="state p-success">
                                             <label>Other</label>
                                          </div>
                                       </div>

                                    </div>
                                 </div>

                                    <div id="other_datum" style="display: none;">
                                       <div class="form-group">
                                          <input type="text"   name="datum_other" value="{{old('datum_other', $surfer->datum_other)}}" class="form-control" />
                                          @if ($errors->has('datum_other'))
                                          <div class="invalid-feedback" style="display: block;">
                                             {{ $errors->first('datum_other') }}
                                          </div>
                                          @endif
                                       </div>
                                    </div>
                                    @if ($errors->has('datum'))
                                    <div class="invalid-feedback" style="display: block;">
                                       {{ $errors->first('datum') }}
                                    </div>
                                    @endif
                              </div>
                           </div>
                           <br>
                           <br>
                           <div class="row mb-5">
                              <div class="col-md-4">
                                 <div class="form-group">
                                    <label>Distance from nearest Land/Reef (nm)</label>
                                    <div class="form-control" style="border: 0;">
                                       <div class="pretty p-switch">
                                          <input type="radio" value="reef_0" @if ('reef_0' == $surfer->reef) checked @endif name="reef" />
                                          <div class="state p-success">
                                             <label>0 - 1 nm</label>
                                          </div>
                                          <br>
                                          <br>
                                       </div>
                                       <div class="pretty p-switch">
                                          <input type="radio" value="reef_1" @if ('reef_1' == $surfer->reef) checked @endif name="reef" />
                                          <div class="state p-success">
                                             <label>1 - 3 nm</label>
                                          </div>
                                          <br>
                                          <br>
                                       </div><br>
                                       <div class="pretty p-switch">
                                          <input type="radio" value="reef_3" @if ('reef_3' == $surfer->reef) checked @endif name="reef" />
                                          <div class="state p-success">
                                             <label>3 - 5 nm</label>
                                          </div>
                                          <br>
                                          <br>
                                       </div>
                                       <div class="pretty p-switch">
                                          <input type="radio" value="reef_5" @if ('reef_5' == $surfer->reef) checked @endif name="reef" />
                                          <div class="state p-success">
                                             <label>5 - 10 nm</label>
                                          </div>
                                          <br>
                                          <br>
                                       </div>
                                       <div class="pretty p-switch">
                                          <input type="radio" value="reef_10" @if ('reef_10' == $surfer->reef) checked @endif name="reef" />
                                          <div class="state p-success">
                                             <label>>10 nm</label>
                                          </div>
                                          <br>
                                          <br>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              @if ($errors->has('reef'))
                              <div class="invalid-feedback" style="display: block;">
                                 {{ $errors->first('reef') }}
                              </div>
                              @endif
                              <div class="col-md-4">
                                 <div class="form-group">
                                    <label>
                                    Current at Surface ( Speed in knots )
                                    </label>
                                    <input type="number" step="0.01" min="1" name="surface_current_speed" value="{{old('surface_current_speed', $surfer->surface_current_speed)}}" class="form-control" />
                                    @if ($errors->has('surface_current_speed'))
                                    <div class="invalid-feedback" style="display: block;">
                                       {{ $errors->first('surface_current_speed') }}
                                    </div>
                                    @endif
                                 </div>
                              </div>
                              <div class="col-md-4">
                                 <div class="form-group">
                                    <label>
                                    Current at Surface ( Tick direction )
                                    </label>
                                    <div class="form-control" style="border: 0;">
                                       <div class="pretty p-switch">
                                          <input type="radio" value="north" @if ('north' == $surfer->surface_current_direction) checked @endif name="surface_current_direction" />
                                          <div class="state p-success">
                                             <label>North</label>
                                          </div>
                                       </div>
                                       <div class="pretty p-switch">
                                          <input type="radio" value="north_east" @if ('north_east' == $surfer->surface_current_direction) checked @endif name="surface_current_direction" />
                                          <div class="state p-success">
                                             <label>North East</label>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="form-control" style="border: 0;">
                                       <div class="pretty p-switch">
                                          <input type="radio" value="east" @if ('east' == $surfer->surface_current_direction) checked @endif name="surface_current_direction" />
                                          <div class="state p-success">
                                             <label>East</label>
                                          </div>
                                       </div>
                                       <div class="pretty p-switch">
                                          <input type="radio" value="south_east" @if ('south_east' == $surfer->surface_current_direction) checked @endif name="surface_current_direction" />
                                          <div class="state p-success">
                                             <label>South East</label>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="form-control" style="border: 0;">
                                       <div class="pretty p-switch">
                                          <input type="radio" value="south" @if ('south' == $surfer->surface_current_direction) checked @endif name="surface_current_direction" />
                                          <div class="state p-success">
                                             <label>South</label>
                                          </div>
                                       </div>
                                       <div class="pretty p-switch">
                                          <input type="radio" value="west" @if ('west' == $surfer->surface_current_direction) checked @endif name="surface_current_direction" />
                                          <div class="state p-success">
                                             <label>West</label>
                                          </div>
                                       </div>
                                    </div>
                                     <div class="form-control" style="border: 0;">
                                       <div class="pretty p-switch">
                                          <input type="radio" value="south_west" @if ('south_west' == $surfer->surface_current_direction) checked @endif name="surface_current_direction" />
                                          <div class="state p-success">
                                             <label>South West</label>
                                          </div>
                                       </div>
                                       <div class="pretty p-switch">
                                          <input type="radio" value="north_west" @if ('north_west' == $surfer->surface_current_direction) checked @endif name="surface_current_direction" />
                                          <div class="state p-success">
                                             <label>North West</label>
                                          </div>
                                       </div>
                                    </div>

                                 </div>
                                 @if ($errors->has('surface_current_direction'))
                                 <div class="invalid-feedback" style="display: block;">
                                    {{ $errors->first('surface_current_direction') }}
                                 </div>
                                 @endif
                              </div>
                           </div>
                           <br>
                           <br>
                           <div class="row mb-2">
                              <div class="col-md-4">
                                 <div class="form-group">
                                    <label>Tide at Survey</label>
                                    <div class="form-control" style="border: 0;">
                                       <div class="pretty p-switch">
                                          <input type="radio" @if ('low' == $surfer->tide_at_survey) checked @endif value="low" name="tide_at_survey" />
                                          <div class="state p-success">
                                             <label>Low</label>
                                          </div>
                                       </div>
                                       <div class="pretty p-switch">
                                          <input type="radio" @if ('ebb' == $surfer->tide_at_survey) checked @endif value="ebb" name="tide_at_survey" />
                                          <div class="state p-success">
                                             <label>Ebb</label>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="form-control" style="border: 0;">
                                       <div class="pretty p-switch">
                                          <input type="radio" @if ('flood' == $surfer->tide_at_survey) checked @endif value="flood" name="tide_at_survey" />
                                          <div class="state p-success">
                                             <label>Flood</label>
                                          </div>
                                       </div>
                                       <div class="pretty p-switch">
                                          <input type="radio" @if ('high' == $surfer->tide_at_survey) checked @endif value="high" name="tide_at_survey" />
                                          <div class="state p-success">
                                             <label>High</label>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                                 @if ($errors->has('tide_at_survey'))
                                 <div class="invalid-feedback" style="display: block;">
                                    {{ $errors->first('tide_at_survey') }}
                                 </div>
                                 @endif
                              </div>
                              <div class="col-md-4">
                                 <div class="form-group">
                                    <label> Freshwater/Saltwater Influence</label>
                                    <div class="form-control" style="border: 0;">
                                       <div class="pretty p-switch">
                                          <input type="radio" @if ('river' == $surfer->freshwater) checked @endif value="river" name="freshwater" />
                                          <div class="state p-success">
                                             <label>Yes - River</label>
                                          </div>
                                       </div>
                                       <div class="pretty p-switch">
                                          <input type="radio" @if ('spring' == $surfer->freshwater) checked @endif value="spring" name="freshwater" />
                                          <div class="state p-success">
                                             <label>Yes - Spring</label>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="form-control" style="border: 0;">
                                       <div class="pretty p-switch">
                                          <input type="radio" @if ('run' == $surfer->freshwater) checked @endif value="run" name="freshwater" />
                                          <div class="state p-success">
                                             <label>Yes – Run Off</label>
                                          </div>
                                       </div>
                                       <div class="pretty p-switch">
                                          <input type="radio" @if ('sea' == $surfer->freshwater) checked @endif value="sea" name="freshwater" />
                                          <div class="state p-success">
                                             <label>Yes – Sea Water</label>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="form-control" style="border: 0;">
                                       <div class="pretty p-switch">
                                          <input type="radio" @if ('no' == $surfer->freshwater) checked @endif value="no" name="freshwater" />
                                          <div class="state p-success">
                                             <label>No</label>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                                 @if ($errors->has('freshwater'))
                                 <div class="invalid-feedback" style="display: block;">
                                    {{ $errors->first('freshwater') }}
                                 </div>
                                 @endif
                              </div>
                              <div class="col-md-4">
                                 <div class="form-group">
                                    <label>Flood Plume Visible in Water</label>
                                    <div class="form-control" style="border: 0;">
                                       <div class="pretty p-switch">
                                          <input type="radio" @if ('yes' == $surfer->flood_plume) checked @endif value="yes" name="flood_plume" />
                                          <div class="state p-success">
                                             <label>Yes</label>
                                          </div>
                                       </div>
                                       <div class="pretty p-switch">
                                          <input type="radio" @if ('no' == $surfer->flood_plume) checked @endif value="no" name="flood_plume" />
                                          <div class="state p-success">
                                             <label>No</label>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                                 @if ($errors->has('flood_plume'))
                                 <div class="invalid-feedback" style="display: block;">
                                    {{ $errors->first('flood_plume') }}
                                 </div>
                                 @endif
                              </div>
                           </div>
                           <br>
                           <br>
                           <div class="row mb-5">
                              <div class="col-md-6">
                                 <label> Sea State ( Approx. )</label>
                                 <table class="table table-bordered">
                                    <thead>
                                       <tr>
                                          <th scope="col">#</th>
                                          <th scope="col">Degree</th>
                                          <th scope="col">Height (m)</th>
                                          <th scope="col">Height (ft)</th>
                                          <th scope="col">Description</th>
                                       </tr>
                                    </thead>
                                    <tbody>
                                       <tr>
                                          <th>
                                             <div class="pretty p-switch">
                                                <input type="radio" value="sea_0" @if ('sea_0' == $surfer->sea_state) checked @endif name="sea_state" />
                                                <div class="state p-success">
                                                   <label></label>
                                                </div>
                                             </div>
                                          </th>
                                          <td>0</td>
                                          <td>no wave</td>
                                          <td>no wave</td>
                                          <td>Calm (Glassy)</td>
                                       </tr>
                                       <tr>
                                          <th>
                                             <div class="pretty p-switch">
                                                <input type="radio" value="sea_1" @if ('sea_1' == $surfer->sea_state) checked @endif name="sea_state" />
                                                <div class="state p-success">
                                                   <label></label>
                                                </div>
                                             </div>
                                          </th>
                                          <td>1</td>
                                          <td>0–0.10</td>
                                          <td>0.00–0.33</td>
                                          <td>Calm (rippled)</td>
                                       </tr>
                                       <tr>
                                          <th>
                                             <div class="pretty p-switch">
                                                <input type="radio" value="sea_2" @if ('sea_2' == $surfer->sea_state) checked @endif name="sea_state" />
                                                <div class="state p-success">
                                                   <label></label>
                                                </div>
                                             </div>
                                          </th>
                                          <td>2</td>
                                          <td>0.10–0.50</td>
                                          <td>0.33–1.64</td>
                                          <td>Smooth</td>
                                       </tr>
                                       <tr>
                                          <th>
                                             <div class="pretty p-switch">
                                                <input type="radio" value="sea_3" @if ('sea_3' == $surfer->sea_state) checked @endif name="sea_state" />
                                                <div class="state p-success">
                                                   <label></label>
                                                </div>
                                             </div>
                                          </th>
                                          <td>3</td>
                                          <td>0.50–1.25</td>
                                          <td>1.6–4.1</td>
                                          <td>Slight</td>
                                       </tr>
                                       <tr>
                                          <th>
                                             <div class="pretty p-switch">
                                                <input type="radio" value="sea_4" @if ('sea_4' == $surfer->sea_state) checked @endif name="sea_state" />
                                                <div class="state p-success">
                                                   <label></label>
                                                </div>
                                             </div>
                                          </th>
                                          <td>4</td>
                                          <td>1.25–2.50</td>
                                          <td>4.1–8.2</td>
                                          <td>Moderate</td>
                                       </tr>
                                       <tr>
                                          <th>
                                             <div class="pretty p-switch">
                                                <input type="radio" value="sea_5" @if ('sea_5' == $surfer->sea_state) checked @endif name="sea_state" />
                                                <div class="state p-success">
                                                   <label></label>
                                                </div>
                                             </div>
                                          </th>
                                          <td>5</td>
                                          <td>2.50–4.00</td>
                                          <td>8.2–13.1</td>
                                          <td>Rough</td>
                                       </tr>
                                    </tbody>
                                 </table>
                                 @if ($errors->has('sea_state'))
                                 <div class="invalid-feedback" style="display: block;">
                                    {{ $errors->first('sea_state') }}
                                 </div>
                                 @endif
                              </div>
                              <div class="col-md-6">
                                 <label> Swell Height ( Approx. )</label>
                                 <table class="table table-bordered">
                                    <thead>
                                       <tr>
                                          <th scope="col">#</th>
                                          <th scope="col">Degree</th>
                                          <th scope="col">Description</th>
                                       </tr>
                                    </thead>
                                    <tbody>
                                       <tr>
                                          <th>
                                             <div class="pretty p-switch">
                                                <input type="radio" value="swell_0" @if ('swell_0' == $surfer->swell_height) checked @endif name="swell_height" />
                                                <div class="state p-success">
                                                   <label></label>
                                                </div>
                                             </div>
                                          </th>
                                          <td>0</td>
                                          <td>no swell</td>
                                       </tr>
                                       <tr>
                                          <th>
                                             <div class="pretty p-switch">
                                                <input type="radio" value="swell_1" @if ('swell_1' == $surfer->swell_height) checked @endif name="swell_height" />
                                                <div class="state p-success">
                                                   <label></label>
                                                </div>
                                             </div>
                                          </th>
                                          <td>1</td>
                                          <td>Very Low (short or average and low wave)</td>
                                       </tr>
                                       <tr>
                                          <th>
                                             <div class="pretty p-switch">
                                                <input type="radio" value="swell_2" @if ('swell_2' == $surfer->swell_height) checked @endif name="swell_height" />
                                                <div class="state p-success">
                                                   <label></label>
                                                </div>
                                             </div>
                                          </th>
                                          <td>2</td>
                                          <td>Low (long and low wave)</td>
                                       </tr>
                                       <tr>
                                          <th>
                                             <div class="pretty p-switch">
                                                <input type="radio" value="swell_3" @if ('swell_3' == $surfer->swell_height) checked @endif name="swell_height" />
                                                <div class="state p-success">
                                                   <label></label>
                                                </div>
                                             </div>
                                          </th>
                                          <td>3</td>
                                          <td>Light (short and moderate wave)</td>
                                       </tr>
                                       <tr>
                                          <th>
                                             <div class="pretty p-switch">
                                                <input type="radio" value="swell_4" @if ('swell_4' == $surfer->swell_height) checked @endif name="swell_height" />
                                                <div class="state p-success">
                                                   <label></label>
                                                </div>
                                             </div>
                                          </th>
                                          <td>4</td>
                                          <td>Moderate (average and moderate wave)</td>
                                       </tr>
                                       <tr>
                                          <th>
                                             <div class="pretty p-switch">
                                                <input type="radio" value="swell_5" @if ('swell_5' == $surfer->swell_height) checked @endif name="swell_height" />
                                                <div class="state p-success">
                                                   <label></label>
                                                </div>
                                             </div>
                                          </th>
                                          <td>5</td>
                                          <td>Moderate rough (long and moderate wave)</td>
                                       </tr>
                                    </tbody>
                                 </table>
                                 @if ($errors->has('swell_height'))
                                 <div class="invalid-feedback" style="display: block;">
                                    {{ $errors->first('swell_height') }}
                                 </div>
                                 @endif
                              </div>
                           </div>
                           <br>
                           <br>
                           <div class="row">
                                 <label> Site Classification</label>
                                 <table class="">
                                    <thead>
                                       <tr>
                                          <th width="10%">#</th>
                                          <th width="10%">#</th>
                                          <th width="10%">Structural Remains</th>
                                          <th width="10%">Organic Remains</th>
                                          <th width="10%">Other Objects</th>
                                          <th width="10%">Distribution</th>
                                       </tr>
                                    </thead>
                                    <tbody>
                                       <tr>
                                          <th>
                                             <div class="pretty p-switch">
                                                <input type="radio" value="classification_1" @if ('classification_1' == $surfer->site_classification) checked @endif name="site_classification" />
                                                <div class="state p-success">
                                                   <label></label>
                                                </div>
                                             </div>
                                          </th>
                                          <td>Class 1</td>
                                          <td>Extensive</td>
                                          <td>Many</td>
                                          <td>Many</td>
                                          <td>Coherent</td>
                                       </tr>
                                       <tr>
                                          <th>
                                             <div class="pretty p-switch">
                                                <input type="radio" value="classification_2" @if ('classification_2' == $surfer->site_classification) checked @endif name="site_classification" />
                                                <div class="state p-success">
                                                   <label></label>
                                                </div>
                                             </div>
                                          </th>
                                          <td>Class 2</td>
                                          <td>Elements</td>
                                          <td>Some</td>
                                          <td>Many</td>
                                          <td>Scattered ordered</td>
                                       </tr>
                                       <tr>
                                          <th>
                                             <div class="pretty p-switch">
                                                <input type="radio" value="classification_3" @if ('classification_3' == $surfer->site_classification) checked @endif name="site_classification" />
                                                <div class="state p-success">
                                                   <label></label>
                                                </div>
                                             </div>
                                          </th>
                                          <td>Class 3</td>
                                          <td>Fragments</td>
                                          <td>Some</td>
                                          <td>Many</td>
                                          <td>Scattered ordered</td>
                                       </tr>
                                       <tr>
                                          <th>
                                             <div class="pretty p-switch">
                                                <input type="radio" value="classification_4" @if ('classification_4' == $surfer->site_classification) checked @endif name="site_classification" />
                                                <div class="state p-success">
                                                   <label></label>
                                                </div>
                                             </div>
                                          </th>
                                          <td>Class 4</td>
                                          <td>-</td>
                                          <td>Few</td>
                                          <td>Some</td>
                                          <td>Scattered disordered</td>
                                       </tr>
                                       <tr>
                                          <th>
                                             <div class="pretty p-switch">
                                                <input type="radio" value="classification_5" @if ('classification_5' == $surfer->site_classification) checked @endif name="site_classification" />
                                                <div class="state p-success">
                                                   <label></label>
                                                </div>
                                             </div>
                                          </th>
                                          <td>Class 5</td>
                                          <td>-</td>
                                          <td>-</td>
                                          <td>Few</td>
                                          <td>Scattered disordered</td>
                                       </tr>
                                         <tr>
                                          <th>
                                             <div class="pretty p-switch">
                                                <input type="radio" id="classification_6" value="classification_6" @if ('classification_6' == $surfer->site_classification) checked @endif name="site_classification" />
                                                <div class="state p-success">
                                                   <label></label>
                                                </div>
                                             </div>
                                          </th>
                                          <td>Class 6</td>
                                          <td><input type="text" name="structural_remains" id="structural_remains"></td>
                                          <td><input type="text" name="organic_remains" id="organic_remains"></td>
                                          <td><input type="text" name="other_objects" id="other_objects"></td>
                                          <td><input type="text" name="distribution" id="distribution"></td>
                                       </tr>
                                    </tbody>
                                 </table>
                                 @if ($errors->has('site_classification'))
                                 <div class="invalid-feedback" style="display: block;">
                                    {{ $errors->first('site_classification') }}
                                 </div>
                                 @endif
                           </div>
                           <p class="hints">Reference Muckelroy, K., 1976, Maritime archaeology, New Studies in Archaeology, p.164. Table 5.2 The five main classes of wreck site at present apparent in British waters. NB: Option 6 - is for sites that do not fit the pattern above. Add data in the same manner outlined as you see fit.</p>
                           <br>
                           <br>
                           <br>

                           <div class="row">
                              <div class="col-md-12">

                                 <label> Debris Zone Pattern (Approx.)</label>
                                 <table class="table table-bordered">
                                    <tbody>
                                       <tr>
                                          <th>
                                             <div class="pretty p-switch">
                                                <input type="radio" value="debris_zone_a" @if ('debris_zone_a' == $surfer->debris_zone) checked @endif name="debris_zone" />
                                                <div class="state p-success">
                                                   <label></label>
                                                </div>
                                             </div>
                                          </th>
                                          <td>Pattern A</td>
                                       </tr>
                                       <tr>
                                          <th>
                                             <div class="pretty p-switch">
                                                <input type="radio" value="debris_zone_b" @if ('debris_zone_b' == $surfer->debris_zone) checked @endif name="debris_zone" />
                                                <div class="state p-success">
                                                   <label></label>
                                                </div>
                                             </div>
                                          </th>
                                          <td>Pattern B</td>
                                       </tr>
                                       <tr>
                                          <th>
                                             <div class="pretty p-switch">
                                                <input type="radio" value="debris_zone_c" @if ('debris_zone_c' == $surfer->debris_zone) checked @endif name="debris_zone" />
                                                <div class="state p-success">
                                                   <label></label>
                                                </div>
                                             </div>
                                          </th>
                                          <td>Pattern C</td>
                                       </tr>
                                       <tr>
                                          <th>
                                             <div class="pretty p-switch">
                                                <input type="radio" id="debris_zone_other" value="debris_zone_other" @if ('debris_zone_other' == $surfer->debris_zone) checked @endif name="debris_zone" />
                                                <div class="state p-success">
                                                   <label></label>
                                                </div>
                                             </div>
                                          </th>
                                          <td>Other</td>
                                       </tr>
                                       <tr id="debris" style="display: none;">
                                          <td colspan="2">
                                             <input type="text" placeholder="Enter other debris.." name="datum_other" id="debris_other" value="{{old('datum_other', $surfer->datum_other)}}" class="form-control" />
                                          </td>
                                       </tr>

                                    </tbody>
                                 </table>
                                 @if ($errors->has('swell_height'))
                                 <div class="invalid-feedback" style="display: block;">
                                    {{ $errors->first('swell_height') }}
                                 </div>
                                 @endif
                              </div>
                           </div>
                           <p class="hints">Reference Warren, D.J., 2016, Acoustic Positioning and Site Formation on Deep-Water World War II Shipwrecks' in Site Formation Processes of Submerged Shipwrecks, ed. Matthew E. Kieth. University Press of Florida, 2016., pp- 235-248.</p>
                           <br>


                           <div class="form-group">
                              <input type="hidden" name="saveValue" id="saveValue" value="draft">
                              <input type="hidden" name="surferId" id="surferId" value="{{old('surferId', $surfer->id)}}">
                              <input type="hidden" name="surveyReportingId" class="surveyReportingId" value="{{old('surveyReportingId', $surveyReporting_id)}}">
                                                               <button class="surferSheetSave" onclick="surferSheetSaveFunction()" class="btn btn-primary">Save</button>
                                 <button class="surferSheetDraft" class="btn btn-primary">Draft</button>
                              
                              <!-- <button type="submit" class="btn btn-primary">Save</button> -->
                           </div>
                        </form>
                      </div>

                      <div id="step-2" class="">
                        <form class="nav-Report" method="post" enctype="multipart/form-data" action="">
                            <div class="alert alert-success print-success-msg-mudmap" style="display:none">
                                <ul></ul>
                            </div>
                            <div class="alert alert-danger print-error-msg-mudmap" style="display:none">
                                <ul></ul>
                            </div>
                              @csrf<br>
                              <h2> Site Sketch Sheet
                             </h2>


                              <br><br>
                             <div class="">
                                <table class="table table-bordered">
                                   <thead>
                                      <tr>
                                         <th scope="col">#</th>
                                         <th scope="col">name</th>
                                         <th scope="col">#</th>
                                         <th scope="col">name</th>
                                      </tr>
                                   </thead>
                                   <tbody>
                                      <tr>
                                         <td>1</td>
                                         <td>
                                            <input type="text" name="features_1" value="{{old('features_1', $mud_map->features_1)}}" class="form-control" /> @if ($errors->has('features_1'))
                                            <div class="invalid-feedback" style="display: block;">
                                               {{ $errors->first('features_1') }}
                                            </div>
                                            @endif
                                         </td>
                                         <td>6</td>
                                         <td>
                                            <input type="text" name="features_6" value="{{old('features_6', $mud_map->features_6)}}" class="form-control" /> @if ($errors->has('features_6'))
                                            <div class="invalid-feedback" style="display: block;">
                                               {{ $errors->first('features_6') }}
                                            </div>
                                            @endif
                                         </td>
                                      </tr>
                                      <tr>
                                         <td>2</td>
                                         <td>
                                            <input type="text" name="features_2" value="{{old('features_2', $mud_map->features_2)}}" class="form-control" /> @if ($errors->has('features_2'))
                                            <div class="invalid-feedback" style="display: block;">
                                               {{ $errors->first('features_2') }}
                                            </div>
                                            @endif
                                         </td>
                                         <td>7</td>
                                         <td>
                                            <input type="text" name="features_7" value="{{old('features_7', $mud_map->features_7)}}" class="form-control" /> @if ($errors->has('features_7'))
                                            <div class="invalid-feedback" style="display: block;">
                                               {{ $errors->first('features_7') }}
                                            </div>
                                            @endif
                                         </td>
                                      </tr>
                                      <tr>
                                         <td>3</td>
                                         <td>
                                            <input type="text" name="features_3" value="{{old('features_3', $mud_map->features_3)}}" class="form-control" /> @if ($errors->has('features_3'))
                                            <div class="invalid-feedback" style="display: block;">
                                               {{ $errors->first('features_3') }}
                                            </div>
                                            @endif
                                         </td>
                                         <td>8</td>
                                         <td>
                                            <input type="text" name="features_8" value="{{old('features_8', $mud_map->features_8)}}" class="form-control" /> @if ($errors->has('features_8'))
                                            <div class="invalid-feedback" style="display: block;">
                                               {{ $errors->first('features_8') }}
                                            </div>
                                            @endif
                                         </td>
                                      </tr>
                                      <tr>
                                         <td>4</td>
                                         <td>
                                            <input type="text" name="features_4" value="{{old('features_4', $mud_map->features_4)}}" class="form-control" /> @if ($errors->has('features_4'))
                                            <div class="invalid-feedback" style="display: block;">
                                               {{ $errors->first('features_4') }}
                                            </div>
                                            @endif
                                         </td>
                                         <td>9</td>
                                         <td>
                                            <input type="text" name="features_9" value="{{old('features_9', $mud_map->features_9)}}" class="form-control" /> @if ($errors->has('features_9'))
                                            <div class="invalid-feedback" style="display: block;">
                                               {{ $errors->first('features_9') }}
                                            </div>
                                            @endif
                                         </td>
                                      </tr>
                                      <tr>
                                         <td>5</td>
                                         <td>
                                            <input type="text" name="features_5" value="{{old('features_5', $mud_map->features_5)}}" class="form-control" />
                                            @if ($errors->has('features_5'))
                                            <div class="invalid-feedback" style="display: block;">
                                               {{ $errors->first('features_5') }}
                                            </div>
                                            @endif
                                         </td>
                                         <td>10</td>
                                         <td>
                                            <input type="text" name="features_10" value="{{old('features_10', $mud_map->features_10)}}" class="form-control" />
                                            @if ($errors->has('features_10'))
                                            <div class="invalid-feedback" style="display: block;">
                                               {{ $errors->first('features_10') }}
                                            </div>
                                            @endif
                                         </td>
                                      </tr>
                                   </tbody>
                                </table>
                             </div>
                             <br>
                                <div class="row mb-6">
                                  @if($mud_map->mud_pdf1)
                                  <div class="col-md-12">
                                      <div class="form-group">
                                      <label>Mud Map PDF 01</label>
                                                                            </div>
                                  </div>
                                  @endif
                                </div><br>

                                <div class="row mb-6">
                                   @if($mud_map->mud_pdf2)
                                   <div class="col-md-12">
                                       <div class="form-group">
                                       <label>Mud Map PDF 02</label>
                                                                              </div>
                                   </div>
                                   @endif
                                </div><br>

                                <div class="row mb-6">
                                  @if($mud_map->mud_pdf3)
                                  <div class="col-md-12">
                                      <div class="form-group">
                                      <label>Mud Map PDF 03</label>
                                                                            </div>
                                  </div>
                                  @endif
                                </div><br>

                                <div class="row mb-6">
                                  @if($mud_map->mud_pdf4)
                                  <div class="col-md-12">
                                      <div class="form-group">
                                      <label>Mud Map PDF 04</label>
                                                                            </div>
                                  </div>
                                  @endif
                                </div><br>

                                <div class="row mb-6">
                                  @if($mud_map->mud_pdf5)
                                  <div class="col-md-12">
                                      <div class="form-group">
                                      <label>Mud Map PDF 05</label>
                                                                            </div>
                                  </div>
                                  @endif
                                </div>
                                <br>
                               <div class="form-group">
                                 <input type="hidden" name="mudMapSaveValue" id="mudMapSaveValue" value="draft">
                                 <input type="hidden" name="mud_map_id" id="mud_map_id" value="{{old('mud_map_id', $mud_map->id)}}">
                                 <input type="hidden" name="surveyReportingId" class="surveyReportingId" value="{{old('surveyReportingId', $surveyReporting_id)}}">

                                                                     <button onclick="mudMapSaveFunction()" class="btn btn-primary">Save</button>
                                    <button class="mudMapDraft" class="btn btn-primary">Draft</button>
                                 
                                 <!-- <button type="submit" class="btn btn-primary">Save</button> -->
                              </div>
                        </form>
                      </div>

                      <div id="step-3" class="">
                        <form class="nav-Report" method="post" enctype="multipart/form-data" action="">
                           <div class="alert alert-success print-success-msg-photo" style="display:none">
                               <ul></ul>
                           </div>

                           <div class="alert alert-danger print-error-msg-photo" style="display:none">
                               <ul></ul>
                           </div>

                              @csrf
                                 <br>
                                 <h2>Photo Condition Survey
                              </h2>
                                 <br>
                                 <br>


                                 <div class="row">
                                       <table class="">
                                          <thead>
                                             <tr>
                                                <th scope="col">Mud Map Grid No*</th>
                                                <th scope="col">Feature / Location</th>
                                                <th scope="col">Image</th>
                                                <th scope="col">Time</th>
                                                <th scope="col">Depth (m)</th>
                                                <th scope="col">Direction photo taken</th>
                                                <th scope="col">No of Photos</th>
                                                <th scope="col">Observation of physical condition,biological growth and sediment cover</th>
                                             </tr>
                                          </thead>
                                          <tbody>
                                             <tr>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="number" min="1" name="mud_map_grid_no1" value="{{ old('mud_map_grid_no1', $photo_condition->mud_map_grid_no1) }}" class="form-control" />
                                                         @if ($errors->has('mud_map_grid_no1'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('mud_map_grid_no1') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>

                                                 <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="feature1"  value="{{ old('feature1', $photo_condition->feature1) }}"  class="form-control" />
                                                         @if ($errors->has('feature1'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('feature1') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>


                                                 <td>
                                                   <div class="">
                                                     <div class="form-group">
                                                        @if($photo_condition->img1 )
                                                        <img id="sediment_buildup_position_image" class="myImg" src="{{ asset($photo_condition->path.$photo_condition->photo_condition) }}"style="width:100%;max-width:300px">
                                                        @endif
                                                     </div>
                                                  </div>
                                                </td>

                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="time1" value="{{ old('time1', $photo_condition->time1) }}" class="photo_condition_time"/>
                                                         @if ($errors->has('time1'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('time1') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                                <td>
                                                <div class="">
                                                   <div class="form-group">
                                                      <input type='number' step=0.01 name="depth1" value="{{ old('depth1', $photo_condition->depth1) }}" class="form-control" />
                                                      @if ($errors->has('depth1'))
                                                      <div class="invalid-feedback" style="display: block;">
                                                         {{ $errors->first('depth1') }}
                                                      </div>
                                                      @endif
                                                   </div>
                                                </div>
                                                </td>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="direction_photo_taken1" value="{{ old('direction_photo_taken1', $photo_condition->direction_photo_taken1) }}" class="form-control" />
                                                         @if ($errors->has('direction_photo_taken1'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('direction_photo_taken1') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="number" min="1" name="no_of_photos1" value="{{ old('no_of_photos1', $photo_condition->no_of_photos1) }}" class="form-control" />
                                                          @if ($errors->has('no_of_photos1'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('no_of_photos1') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="physical_condition1" value="{{ old('physical_condition1', $photo_condition->physical_condition1) }}" class="form-control" />
                                                         @if ($errors->has('physical_condition1'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('physical_condition1') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                             </tr>

                                             <!-- 2 -->
                                             <tr>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="number" min="1" name="mud_map_grid_no2" value="{{ old('mud_map_grid_no2', $photo_condition->mud_map_grid_no2) }}" class="form-control" />
                                                         @if ($errors->has('mud_map_grid_no2'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('mud_map_grid_no2') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>

                                                 <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="feature2"  value="{{ old('feature2', $photo_condition->feature2) }}"  class="form-control" />
                                                         @if ($errors->has('feature2'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('feature2') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>


                                                 <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                        @if($photo_condition->img2 )
                                                           <img src="{{ asset($photo_condition->path.$photo_condition->img2) }}" width="200">
                                                        @endif
                                                      </div>
                                                   </div>
                                                </td>

                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="time2" value="{{ old('time2', $photo_condition->time2) }}" class="photo_condition_time"/>
                                                         @if ($errors->has('time2'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('time2') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                                <td>
                                                <div class="">
                                                   <div class="form-group">
                                                      <input type='number' step=0.01 name="depth2" value="{{ old('depth2', $photo_condition->depth2) }}" class="form-control" />
                                                      @if ($errors->has('depth2'))
                                                      <div class="invalid-feedback" style="display: block;">
                                                         {{ $errors->first('depth2') }}
                                                      </div>
                                                      @endif
                                                   </div>
                                                </div>
                                                </td>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="direction_photo_taken2" value="{{ old('direction_photo_taken2', $photo_condition->direction_photo_taken2) }}" class="form-control" />
                                                         @if ($errors->has('direction_photo_taken2'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('direction_photo_taken2') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="number" min="1" name="no_of_photos2" value="{{ old('no_of_photos2', $photo_condition->no_of_photos2) }}" class="form-control" />
                                                          @if ($errors->has('no_of_photos2'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('no_of_photos2') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="physical_condition2" value="{{ old('physical_condition2', $photo_condition->physical_condition2) }}" class="form-control" />
                                                         @if ($errors->has('physical_condition2'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('physical_condition2') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                             </tr>


                                             <!-- 3 -->
                                             <tr>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="number" min="1" name="mud_map_grid_no3" value="{{ old('mud_map_grid_no3', $photo_condition->mud_map_grid_no3) }}" class="form-control" />
                                                         @if ($errors->has('mud_map_grid_no3'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('mud_map_grid_no3') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>

                                                 <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="feature3"  value="{{ old('feature3', $photo_condition->feature3) }}"  class="form-control" />
                                                         @if ($errors->has('feature3'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('feature3') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>


                                                 <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                          @if($photo_condition->img3 )
                                                          <img src="{{ asset($photo_condition->path.$photo_condition->img3) }}" width="200">
                                                        @endif
                                                      </div>
                                                   </div>
                                                </td>

                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="time3" value="{{ old('time3', $photo_condition->time3) }}" class="photo_condition_time"/>
                                                         @if ($errors->has('time3'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('time3') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                                <td>
                                                <div class="">
                                                   <div class="form-group">
                                                      <input type='number' step=0.01 name="depth3" value="{{ old('depth3', $photo_condition->depth3) }}" class="form-control" />
                                                      @if ($errors->has('depth3'))
                                                      <div class="invalid-feedback" style="display: block;">
                                                         {{ $errors->first('depth3') }}
                                                      </div>
                                                      @endif
                                                   </div>
                                                </div>
                                                </td>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="direction_photo_taken3" value="{{ old('direction_photo_taken3', $photo_condition->direction_photo_taken3) }}" class="form-control" />
                                                         @if ($errors->has('direction_photo_taken3'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('direction_photo_taken3') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="number" min="1" name="no_of_photos3" value="{{ old('no_of_photos3', $photo_condition->no_of_photos3) }}" class="form-control" />
                                                          @if ($errors->has('no_of_photos3'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('no_of_photos3') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="physical_condition3" value="{{ old('physical_condition3', $photo_condition->physical_condition3) }}" class="form-control" />
                                                         @if ($errors->has('physical_condition3'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('physical_condition3') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                             </tr>


                                             <!-- 4 -->
                                             <tr>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="number" min="1" name="mud_map_grid_no4" value="{{ old('mud_map_grid_no4', $photo_condition->mud_map_grid_no4) }}" class="form-control" />
                                                         @if ($errors->has('mud_map_grid_no4'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('mud_map_grid_no4') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>

                                                 <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="feature4"  value="{{ old('feature4', $photo_condition->feature4) }}"  class="form-control" />
                                                         @if ($errors->has('feature4'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('feature4') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>


                                                 <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         @if($photo_condition->img4 )
                                                           <img src="{{ asset($photo_condition->path.$photo_condition->img4) }}" width="200">
                                                        @endif
                                                      </div>
                                                   </div>
                                                </td>

                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="time4" value="{{ old('time4', $photo_condition->time4) }}" class="photo_condition_time"/>
                                                         @if ($errors->has('time4'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('time4') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                                <td>
                                                <div class="">
                                                   <div class="form-group">
                                                      <input type='number' step=0.01 name="depth4" value="{{ old('depth4', $photo_condition->depth4) }}" class="form-control" />
                                                      @if ($errors->has('depth4'))
                                                      <div class="invalid-feedback" style="display: block;">
                                                         {{ $errors->first('depth4') }}
                                                      </div>
                                                      @endif
                                                   </div>
                                                </div>
                                                </td>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="direction_photo_taken4" value="{{ old('direction_photo_taken4', $photo_condition->direction_photo_taken4) }}" class="form-control" />
                                                         @if ($errors->has('direction_photo_taken4'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('direction_photo_taken4') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="number" min="1" name="no_of_photos4" value="{{ old('no_of_photos4', $photo_condition->no_of_photos4) }}" class="form-control" />
                                                          @if ($errors->has('no_of_photos4'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('no_of_photos4') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="physical_condition4" value="{{ old('physical_condition4', $photo_condition->physical_condition4) }}" class="form-control" />
                                                         @if ($errors->has('physical_condition4'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('physical_condition4') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                             </tr>


                                             <!-- 5 -->
                                             <tr>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="number" min="1" name="mud_map_grid_no5" value="{{ old('mud_map_grid_no5', $photo_condition->mud_map_grid_no5) }}" class="form-control" />
                                                         @if ($errors->has('mud_map_grid_no5'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('mud_map_grid_no5') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>

                                                 <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="feature5"  value="{{ old('feature5', $photo_condition->feature5) }}"  class="form-control" />
                                                         @if ($errors->has('feature5'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('feature5') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>


                                                 <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         @if($photo_condition->img5 )
                                                           <img src="{{ asset($photo_condition->path.$photo_condition->img5) }}" width="200">
                                                        @endif
                                                      </div>
                                                   </div>
                                                </td>

                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="time5" value="{{ old('time5', $photo_condition->time5) }}" class="photo_condition_time"/>
                                                         @if ($errors->has('time5'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('time5') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                                <td>
                                                <div class="">
                                                   <div class="form-group">
                                                      <input type='number' step=0.01 name="depth5" value="{{ old('depth5', $photo_condition->depth5) }}" class="form-control" />
                                                      @if ($errors->has('depth5'))
                                                      <div class="invalid-feedback" style="display: block;">
                                                         {{ $errors->first('depth5') }}
                                                      </div>
                                                      @endif
                                                   </div>
                                                </div>
                                                </td>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="direction_photo_taken5" value="{{ old('direction_photo_taken5', $photo_condition->direction_photo_taken5) }}" class="form-control" />
                                                         @if ($errors->has('direction_photo_taken5'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('direction_photo_taken5') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="number" min="1" name="no_of_photos5" value="{{ old('no_of_photos5', $photo_condition->no_of_photos5) }}" class="form-control" />
                                                          @if ($errors->has('no_of_photos5'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('no_of_photos5') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="physical_condition5" value="{{ old('physical_condition5', $photo_condition->physical_condition5) }}" class="form-control" />
                                                         @if ($errors->has('physical_condition5'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('physical_condition5') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                             </tr>


                                             <!-- 6 -->
                                             <tr>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="number" min="1" name="mud_map_grid_no6" value="{{ old('mud_map_grid_no6', $photo_condition->mud_map_grid_no6) }}" class="form-control" />
                                                         @if ($errors->has('mud_map_grid_no6'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('mud_map_grid_no6') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>

                                                 <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="feature6"  value="{{ old('feature6', $photo_condition->feature6) }}"  class="form-control" />
                                                         @if ($errors->has('feature6'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('feature6') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>


                                                 <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                        @if($photo_condition->img6 )
                                                           <img src="{{ asset($photo_condition->path.$photo_condition->img6) }}" width="200">
                                                        @endif
                                                      </div>
                                                   </div>
                                                </td>

                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="time6" value="{{ old('time6', $photo_condition->time6) }}" class="photo_condition_time"/>
                                                         @if ($errors->has('time6'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('time6') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                                <td>
                                                <div class="">
                                                   <div class="form-group">
                                                      <input type='number' step=0.01 name="depth6" value="{{ old('depth6', $photo_condition->depth6) }}" class="form-control" />
                                                      @if ($errors->has('depth6'))
                                                      <div class="invalid-feedback" style="display: block;">
                                                         {{ $errors->first('depth6') }}
                                                      </div>
                                                      @endif
                                                   </div>
                                                </div>
                                                </td>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="direction_photo_taken6" value="{{ old('direction_photo_taken6', $photo_condition->direction_photo_taken6) }}" class="form-control" />
                                                         @if ($errors->has('direction_photo_taken6'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('direction_photo_taken6') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="number" min="1" name="no_of_photos6" value="{{ old('no_of_photos6', $photo_condition->no_of_photos6) }}" class="form-control" />
                                                          @if ($errors->has('no_of_photos6'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('no_of_photos6') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="physical_condition6" value="{{ old('physical_condition6', $photo_condition->physical_condition6) }}" class="form-control" />
                                                         @if ($errors->has('physical_condition6'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('physical_condition6') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                             </tr>

                                              <!-- 7 -->
                                             <tr>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="number" min="1" name="mud_map_grid_no7" value="{{ old('mud_map_grid_no7', $photo_condition->mud_map_grid_no7) }}" class="form-control" />
                                                         @if ($errors->has('mud_map_grid_no7'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('mud_map_grid_no7') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>

                                                 <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="feature7"  value="{{ old('feature7', $photo_condition->feature7) }}"  class="form-control" />
                                                         @if ($errors->has('feature7'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('feature7') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>


                                                 <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         @if($photo_condition->img7 )
                                                           <img src="{{ asset($photo_condition->path.$photo_condition->img7) }}" width="200">
                                                        @endif
                                                      </div>
                                                   </div>
                                                </td>

                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="time7" value="{{ old('time7', $photo_condition->time7) }}" class="photo_condition_time"/>
                                                         @if ($errors->has('time7'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('time7') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                                <td>
                                                <div class="">
                                                   <div class="form-group">
                                                      <input type='number' step=0.01 name="depth7" value="{{ old('depth7', $photo_condition->depth7) }}" class="form-control" />
                                                      @if ($errors->has('depth7'))
                                                      <div class="invalid-feedback" style="display: block;">
                                                         {{ $errors->first('depth7') }}
                                                      </div>
                                                      @endif
                                                   </div>
                                                </div>
                                                </td>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="direction_photo_taken7" value="{{ old('direction_photo_taken7', $photo_condition->direction_photo_taken7) }}" class="form-control" />
                                                         @if ($errors->has('direction_photo_taken7'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('direction_photo_taken7') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="number" min="1" name="no_of_photos7" value="{{ old('no_of_photos7', $photo_condition->no_of_photos7) }}" class="form-control" />
                                                          @if ($errors->has('no_of_photos7'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('no_of_photos7') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="physical_condition7" value="{{ old('physical_condition7', $photo_condition->physical_condition7) }}" class="form-control" />
                                                         @if ($errors->has('physical_condition7'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('physical_condition7') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                             </tr>

                                             <!-- 8 -->
                                             <tr>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="number" min="1" name="mud_map_grid_no8" value="{{ old('mud_map_grid_no8', $photo_condition->mud_map_grid_no8) }}" class="form-control" />
                                                         @if ($errors->has('mud_map_grid_no8'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('mud_map_grid_no8') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>

                                                 <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="feature8"  value="{{ old('feature8', $photo_condition->feature8) }}"  class="form-control" />
                                                         @if ($errors->has('feature8'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('feature8') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>


                                                 <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         @if($photo_condition->img8 )
                                                           <img src="{{ asset($photo_condition->path.$photo_condition->img8) }}" width="200">
                                                        @endif
                                                      </div>
                                                   </div>
                                                </td>

                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="time8" value="{{ old('time8', $photo_condition->time8) }}" class="photo_condition_time"/>
                                                         @if ($errors->has('time8'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('time8') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                                <td>
                                                <div class="">
                                                   <div class="form-group">
                                                      <input type='number' step=0.01 name="depth8" value="{{ old('depth8', $photo_condition->depth8) }}" class="form-control" />
                                                      @if ($errors->has('depth8'))
                                                      <div class="invalid-feedback" style="display: block;">
                                                         {{ $errors->first('depth8') }}
                                                      </div>
                                                      @endif
                                                   </div>
                                                </div>
                                                </td>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="direction_photo_taken8" value="{{ old('direction_photo_taken8', $photo_condition->direction_photo_taken8) }}" class="form-control" />
                                                         @if ($errors->has('direction_photo_taken8'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('direction_photo_taken8') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="number" min="1" name="no_of_photos8" value="{{ old('no_of_photos8', $photo_condition->no_of_photos8) }}" class="form-control" />
                                                          @if ($errors->has('no_of_photos8'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('no_of_photos8') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="physical_condition8" value="{{ old('physical_condition8', $photo_condition->physical_condition8) }}" class="form-control" />
                                                         @if ($errors->has('physical_condition8'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('physical_condition8') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                             </tr>


                                             <!-- 9 -->
                                             <tr>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="number" min="1" name="mud_map_grid_no9" value="{{ old('mud_map_grid_no9', $photo_condition->mud_map_grid_no9) }}" class="form-control" />
                                                         @if ($errors->has('mud_map_grid_no9'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('mud_map_grid_no9') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>

                                                 <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="feature9"  value="{{ old('feature9', $photo_condition->feature9) }}"  class="form-control" />
                                                         @if ($errors->has('feature9'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('feature9') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>


                                                 <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         @if($photo_condition->img9 )
                                                           <img src="{{ asset($photo_condition->path.$photo_condition->img9) }}" width="200">
                                                        @endif
                                                      </div>
                                                   </div>
                                                </td>

                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="time9" value="{{ old('time9', $photo_condition->time9) }}" class="photo_condition_time"/>
                                                         @if ($errors->has('time9'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('time9') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                                <td>
                                                <div class="">
                                                   <div class="form-group">
                                                      <input type='number' step=0.01 name="depth9" value="{{ old('depth9', $photo_condition->depth9) }}" class="form-control" />
                                                      @if ($errors->has('depth9'))
                                                      <div class="invalid-feedback" style="display: block;">
                                                         {{ $errors->first('depth9') }}
                                                      </div>
                                                      @endif
                                                   </div>
                                                </div>
                                                </td>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="direction_photo_taken9" value="{{ old('direction_photo_taken9', $photo_condition->direction_photo_taken9) }}" class="form-control" />
                                                         @if ($errors->has('direction_photo_taken9'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('direction_photo_taken9') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="number" min="1" name="no_of_photos9" value="{{ old('no_of_photos9', $photo_condition->no_of_photos9) }}" class="form-control" />
                                                          @if ($errors->has('no_of_photos9'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('no_of_photos9') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="physical_condition9" value="{{ old('physical_condition9', $photo_condition->physical_condition9) }}" class="form-control" />
                                                         @if ($errors->has('physical_condition9'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('physical_condition9') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                             </tr>


                                                 <!-- 10 -->
                                             <tr>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="number" min="1" name="mud_map_grid_no10" value="{{ old('mud_map_grid_no10', $photo_condition->mud_map_grid_no10) }}" class="form-control" />
                                                         @if ($errors->has('mud_map_grid_no10'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('mud_map_grid_no10') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>

                                                 <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="feature10"  value="{{ old('feature10', $photo_condition->feature10) }}"  class="form-control" />
                                                         @if ($errors->has('feature10'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('feature10') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>


                                                 <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                        @if($photo_condition->img10 )
                                                           <img src="{{ asset($photo_condition->path.$photo_condition->img10) }}" width="200">
                                                        @endif
                                                      </div>
                                                   </div>
                                                </td>

                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="time10" value="{{ old('time10', $photo_condition->time10) }}" class="photo_condition_time"/>
                                                         @if ($errors->has('time10'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('time10') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                                <td>
                                                <div class="">
                                                   <div class="form-group">
                                                      <input type='number' step=0.01 name="depth10" value="{{ old('depth10', $photo_condition->depth10) }}" class="form-control" />
                                                      @if ($errors->has('depth10'))
                                                      <div class="invalid-feedback" style="display: block;">
                                                         {{ $errors->first('depth10') }}
                                                      </div>
                                                      @endif
                                                   </div>
                                                </div>
                                                </td>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="direction_photo_taken10" value="{{ old('direction_photo_taken10', $photo_condition->direction_photo_taken10) }}" class="form-control" />
                                                         @if ($errors->has('direction_photo_taken10'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('direction_photo_taken10') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="number" min="1" name="no_of_photos10" value="{{ old('no_of_photos10', $photo_condition->no_of_photos10) }}" class="form-control" />
                                                          @if ($errors->has('no_of_photos10'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('no_of_photos10') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" name="physical_condition10" value="{{ old('physical_condition10', $photo_condition->physical_condition10) }}" class="form-control" />
                                                         @if ($errors->has('physical_condition10'))
                                                         <div class="invalid-feedback" style="display: block;">
                                                            {{ $errors->first('physical_condition10') }}
                                                         </div>
                                                         @endif
                                                      </div>
                                                   </div>
                                                </td>
                                             </tr>





                                          </tbody>
                                       </table>
                                       @if ($errors->has('sea_state'))
                                       <div class="invalid-feedback" style="display: block;">
                                          {{ $errors->first('sea_state') }}
                                       </div>
                                       @endif
                                 </div>
                              <div class="form-group">
                                 <input type="hidden" name="photoConditionSaveValue" id="photoConditionSaveValue" value="draft">
                                 <input type="hidden" name="photo_condition_id" id="photo_condition_id" value="{{old('photo_condition_id', $photo_condition->id)}}">
                                 <input type="hidden" name="surveyReportingId" class="surveyReportingId" value="{{old('surveyReportingId', $surveyReporting_id)}}">

                                                                     <button onclick="photoConditionSaveFunction()" class="btn btn-primary">Save</button>
                                    <button class="photoConditionDraft" class="btn btn-primary">Draft</button>
                                 
                                 <!-- <button type="submit" class="btn btn-primary">Save</button> -->
                              </div>
                        </form>
                      </div>

                      <div id="step-4" class="">
                        <form class="nav-Report" method="post" enctype="multipart/form-data" action="">
                           <div class="alert alert-success print-success-msg-underwater" style="display:none">
                               <ul></ul>
                           </div>

                           <div class="alert alert-danger print-error-msg-underwater" style="display:none">
                               <ul></ul>
                           </div>

                             @csrf
                             <br>
                             <h2>Site and Conservation Data Sheet</h2>
                             <br>
                             <br>

                             <div class="row">
                                 <div class="col-md-4">
                                    <div class="form-group">
                                       <label>
                                       Water Temperature at Surface ( &deg;C )
                                       </label>
                                       <input type="number" min="1" step="0.01" name="w_t_surface" id="w_t_surface" value="{{old('w_t_surface', $underwater_sheet->w_t_surface)}}" class="form-control" />
                                       @if ($errors->has('w_t_surface'))
                                       <div class="invalid-feedback" style="display: block;">
                                          {{ $errors->first('w_t_surface') }}
                                       </div>
                                       @endif
                                    </div>
                                 </div>

                                 <div class="col-md-4">
                                    <div class="form-group">
                                       <label>Visibility in water</label>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio" @if ('visibility_5m' == $underwater_sheet->water_visibility) checked @endif  value="visibility_5m" name="water_visibility" />
                                             <div class="state p-success">
                                                <label>
                                                <5m</label>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio" @if ('visibility_5_10m' == $underwater_sheet->water_visibility) checked @endif  value="visibility_5_10m" name="water_visibility" />
                                             <div class="state p-success">
                                                <label>5-10m</label>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio" @if ('visibility_10m' == $underwater_sheet->water_visibility) checked @endif  value="visibility_10m" name="water_visibility" />
                                             <div class="state p-success">
                                                <label>>10 m</label>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    @if ($errors->has('water_visibility'))
                                    <div class="invalid-feedback" style="display: block;">
                                       {{ $errors->first('water_visibility') }}
                                    </div>
                                    @endif
                                 </div>

                                 <div class="col-md-4">
                                    <div class="form-group">
                                       <label>
                                       Current on Site (eg. 2 knots NE)
                                       </label>
                                       <input type="number" min="1" step="0.01" name="current_site" id="current_site" value="{{old('current_site', $underwater_sheet->current_site)}}" class="form-control" />
                                       @if ($errors->has('current_site'))
                                       <div class="invalid-feedback" style="display: block;">
                                          {{ $errors->first('current_site') }}
                                       </div>
                                       @endif
                                    </div>
                                 </div>
                              </div>
                              <br>
                              <br>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label>
                                                    Compass Direction (Stern to Bow) ,i.e. 60 degrees East-South East
                                                </label>
                                                <input type="text" name="compass_direction" id="compass_direction" value="{{old('compass_direction', $underwater_sheet->compass_direction)}}" class="form-control" />
                                                @if ($errors->has('compass_direction'))
                                                    <div class="invalid-feedback" style="display: block;">
                                                        {{ $errors->first('compass_direction') }}
                                                    </div>
                                                @endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                              <div class="row">
                                <div class="col-md-4">
                                    <div class="form-group">
                                       <label>Site Orientation </label>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio"  @if ('upright' == $underwater_sheet->site_orientation) checked @endif value="upright" name="site_orientation" />
                                             <div class="state p-success">
                                                <label>Upright</label>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio"  @if ('upside_down' == $underwater_sheet->site_orientation) checked @endif value="upside_down" name="site_orientation" />
                                             <div class="state p-success">
                                                <label>Upside down</label>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio"  @if ('starboard' == $underwater_sheet->site_orientation) checked @endif value="starboard" name="site_orientation" />
                                             <div class="state p-success">
                                                <label>Lying on port side</label>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio" @if ('lying_on' == $underwater_sheet->site_orientation) checked @endif value="lying_on" name="site_orientation" />
                                             <div class="state p-success">
                                                <label>Lying on starboard</label>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio"  @if ('port_starboard' == $underwater_sheet->site_orientation) checked @endif value="port_starboard" name="site_orientation" />
                                             <div class="state p-success">
                                                <label>Listing port</label>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio"  @if ('listing_to' == $underwater_sheet->site_orientation) checked @endif value="listing_to" name="site_orientation" />
                                             <div class="state p-success">
                                                <label>Listing to starboard</label>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    @if ($errors->has('site_orientation'))
                                    <div class="invalid-feedback" style="display: block;">
                                       {{ $errors->first('site_orientation') }}
                                    </div>
                                    @endif
                                 </div>

                                 <div class="col-md-4">
                                    <div class="form-group">
                                       <label>Evidence of Structural Collapse (photograph)</label>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio" checked @if ('photograph_yes' == $underwater_sheet->evi_struct_collapse) checked @endif value="photograph_yes" id="chkYes" name="evi_struct_collapse" />
                                             <div class="state p-success">
                                                <label>Yes</label>
                                             </div>
                                          </div>
                                          <div class="pretty p-switch">
                                             <input type="radio" @if ('photograph_no' == $underwater_sheet->evi_struct_collapse) checked @endif value="photograph_no" id="chkNo" name="evi_struct_collapse" />
                                             <div class="state p-success">
                                                <label>No</label>
                                             </div>
                                          </div>
                                       </div>

                                       <div id="evi_struct" style="display: none;">
                                          <div class="form-group">
                                             <label>Depth</label>
                                             <input type="number"  min="1" step="0.01" name="evi_struct_collapse_depth" id="evi_struct_collapse_depth" value="{{old('evi_struct_collapse_depth', $underwater_sheet->evi_struct_collapse_depth)}}" class="form-control" />
                                             @if ($errors->has('evi_struct_collapse_depth'))
                                             <div class="invalid-feedback" style="display: block;">
                                                {{ $errors->first('evi_struct_collapse_depth') }}
                                             </div>
                                             @endif
                                          </div>
                                          <div class="form-group">
                                             <label>Location</label>
                                             <input type="text" name="evi_struct_collapse_position" id="evi_struct_collapse_position" value="{{old('evi_struct_collapse_position', $underwater_sheet->evi_struct_collapse_position)}}" class="form-control" />
                                              @if ($errors->has('evi_struct_collapse_position'))
                                             <div class="invalid-feedback" style="display: block;">
                                                {{ $errors->first('evi_struct_collapse_position') }}
                                             </div>
                                             @endif
                                          </div>
                                          <div class="form-group">
                                             <label>Photograph</label><br>
                                             @if(!$underwater_sheet->evi_struct_collapse_image )
                                                @else
                                                <img id="evi_struct_collapse_image" class="myImg" src="{{ asset($underwater_sheet->path.$underwater_sheet->evi_struct_collapse_image) }}"style="width:100%;max-width:300px">
                                             @endif
                                          </div>
                                       </div>

                                       <!-- The Modal -->
                                       <div id="modal_evi_struct_collapse" class="modal">
                                         <span class="close_collapse">&times;</span>
                                         <img class="modal-content" id="evi_struct_collapse_image1">
                                         <div id="caption_evi_struct_collapse" class="caption"></div>
                                       </div>
                                       <script>
                                       // Get the modal
                                       var modal = document.getElementById("modal_evi_struct_collapse");

                                       // Get the image and insert it inside the modal - use its "alt" text as a caption
                                       var collapse_image = document.getElementById("evi_struct_collapse_image");
                                       var modalImg = document.getElementById("evi_struct_collapse_image1");
                                       var captionText_collapse = document.getElementById("caption_evi_struct_collapse");
                                       collapse_image.onclick = function(){
                                         modal.style.display = "block";
                                         modalImg.src = this.src;
                                         captionText_collapse.innerHTML = this.alt;
                                       }

                                       // Get the <span> element that closes the modal
                                       var span_collapse = document.getElementsByClassName("close_collapse")[0];

                                       // When the user clicks on <span> (x), close the modal
                                       span_collapse.onclick = function() {
                                         modal.style.display = "none";
                                       }
                                       </script>
                                    </div>
                                 </div>

                                  <div class="col-md-4">
                                    <div class="form-group">
                                       <label>Composition of Dominant Wreck Material Visible</label>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio" @if ('iron' == $underwater_sheet->dominant_wreck_material) checked @endif value="iron" name="dominant_wreck_material" />
                                             <div class="state p-success">
                                                <label>Iron</label>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio" @if ('aluminium' == $underwater_sheet->dominant_wreck_material) checked @endif value="aluminium" name="dominant_wreck_material" />
                                             <div class="state p-success">
                                                <label>Aluminium</label>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio" @if ('wood' == $underwater_sheet->dominant_wreck_material) checked @endif value="wood" name="dominant_wreck_material" />
                                             <div class="state p-success">
                                                <label>Wood</label>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    @if ($errors->has('dominant_wreck_material'))
                                    <div class="invalid-feedback" style="display: block;">
                                       {{ $errors->first('dominant_wreck_material') }}
                                    </div>
                                    @endif
                                 </div>
                               </div>
                               <br>
                               <br>
                               <div class="row">
                                  <div class="col-md-12">
                                     <div class="form-group">
                                        <label>
                                        Description of lowest point (LP) on wreck (Mark LP location on mud map)
                                        </label>
                                        <textarea name="lp_wreck" id="lp_wreck" value="" class="form-control">{{old('lp_wreck', $underwater_sheet->lp_wreck)}}</textarea>
                                        @if ($errors->has('lp_wreck'))
                                        <div class="invalid-feedback" style="display: block;">
                                           {{ $errors->first('lp_wreck') }}
                                        </div>
                                        @endif
                                     </div>
                                  </div>
                               </div>
                               <br>
                               <br>

                              <div class="row">
                                 <div class="col-md-4">
                                    <div class="form-group">
                                       <label>Depth (m) and Temperature ( &deg;C ) at LP on wreck</label>
                                       <br>
                                       <div class="col-md-6">
                                          <div class="form-group">
                                             <label>Depth (m)</label>
                                             <input type="number" min="1" step="0.01" name="depth_at_lp" id="depth_at_lp" value="{{old('depth_at_lp', $underwater_sheet->depth_at_lp)}}" class="form-control" />
                                             @if ($errors->has('depth_at_lp'))
                                             <div class="invalid-feedback" style="display: block;">
                                                {{ $errors->first('depth_at_lp') }}
                                             </div>
                                             @endif
                                          </div>
                                       </div>
                                       <div class="col-md-6">
                                          <div class="form-group">
                                             <label>Temperature ( &deg;C )</label>
                                             <input type="number" min="1" step="0.01" name="temperature_at_lp" id="temperature_at_lp" value="{{old('temperature_at_lp', $underwater_sheet->temperature_at_lp)}}" class="form-control" />
                                             @if ($errors->has('temperature_at_lp'))
                                             <div class="invalid-feedback" style="display: block;">
                                                {{ $errors->first('temperature_at_lp') }}
                                             </div>
                                             @endif
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="col-md-4">
                                    <div class="form-group">
                                       <label>
                                       Site Dimensions Length<span class="hints"> (approx. in (m))</span>
                                       </label>
                                       <input type="number" step="0.01" min="1" name="site_dimension_length" id="site_dimension_length" value="{{old('site_dimension_length', $underwater_sheet->site_dimension_length)}}" class="form-control" />
                                        @if ($errors->has('site_dimension_length'))
                                       <div class="invalid-feedback" style="display: block;">
                                          {{ $errors->first('site_dimension_length') }}
                                       </div>
                                       @endif
                                    </div>
                                 </div>
                                 <div class="col-md-4">
                                    <div class="form-group">
                                       <label>Site Dimensions Width<span class="hints"> (approx. in (m))</span></label>
                                       <input type="number" step="0.01" min="1" name="site_dimension_width" id="site_dimension_width" value="{{old('site_dimension_width', $underwater_sheet->site_dimension_width)}}" class="form-control" /> @if ($errors->has('site_dimension_width'))
                                       <div class="invalid-feedback" style="display: block;">
                                          {{ $errors->first('site_dimension_width') }}
                                       </div>
                                       @endif
                                    </div>
                                 </div>
                              </div>

                              <br>
                              <br>
                              <div class="row">
                                 <div class="col-md-12">
                                    <div class="form-group">
                                       <label>Mobility of Sediment Surface<span class="hints"> (i.e. rippling - direction and spatial frequency (cpm)</span></label>
                                       <textarea name="mobility_sediment_surface" id="mobility_sediment_surface" class="form-control" >{{old('mobility_sediment_surface', $underwater_sheet->mobility_sediment_surface)}}</textarea>
                                       @if ($errors->has('mobility_sediment_surface'))
                                       <div class="invalid-feedback" style="display: block;">
                                          {{ $errors->first('mobility_sediment_surface') }}
                                       </div>
                                       @endif
                                    </div>
                                 </div>
                              </div>
                              <br>
                              <br>
                              <div class="row">
                                 <div class="col-md-4">
                                    <div class="form-group">
                                       <label>
                                       General Seabed Topography Near Site
                                       </label>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio" @if ('seabed_topography_flat' == $underwater_sheet->seabed_topography) checked @endif value="seabed_topography_flat" name="seabed_topography" />
                                             <div class="state p-success">
                                                <label>Flat</label>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio" @if ('seabed_topography_crest' == $underwater_sheet->seabed_topography) checked @endif value="seabed_topography_crest" name="seabed_topography" />
                                             <div class="state p-success">
                                                <label>Crest</label>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio" @if ('seabed_topography_slope' == $underwater_sheet->seabed_topography) checked @endif value="seabed_topography_slope" name="seabed_topography" />
                                             <div class="state p-success">
                                                <label>Slope</label>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    @if ($errors->has('seabed_topography'))
                                    <div class="invalid-feedback" style="display: block;">
                                       {{ $errors->first('seabed_topography') }}
                                    </div>
                                    @endif
                                 </div>
                                  <div class="col-md-4">
                                      <div class="form-group">
                                         <label>Sediment Gradation Over Site<br><span class="hints"> (Mark area on mud map and Photograph)</span></label>
                                         <div class="form-control" style="border: 0;">
                                            <div class="pretty p-switch">
                                               <input type="radio"  @if ('sediment_gradation_yes' == $underwater_sheet->sediment_gradation) checked @endif value="sediment_gradation_yes" name="sediment_gradation" />
                                               <div class="state p-success">
                                                  <label>Yes</label>
                                               </div>
                                            </div>
                                         </div>
                                         <div class="form-control" style="border: 0;">
                                            <div class="pretty p-switch">
                                               <input type="radio"  @if ('sediment_gradation_no' == $underwater_sheet->sediment_gradation) checked @endif value="sediment_gradation_no" name="sediment_gradation" />
                                               <div class="state p-success">
                                                  <label>No</label>
                                               </div>
                                            </div>
                                         </div>
                                      </div>
                                      <div id="sediment_gradation" style="display: none;">
                                              <div class="form-group">
                                                 <label>Photograph</label><br>
                                                 @if(!$underwater_sheet->sediment_gradation_image )
                                                    @else
                                                    <img id="sediment_gradation_image" class="myImg" src="{{ asset($underwater_sheet->path.$underwater_sheet->sediment_gradation_image) }}"style="width:100%;max-width:300px">
                                                 @endif
                                              </div>
                                      </div>


                                     <!-- The Modal -->
                                     <div id="myModal" class="modal">
                                       <span class="close">&times;</span>
                                       <img class="modal-content" id="sediment_gradation_image1">
                                       <div id="caption_sediment_gradation_image" class="caption"></div>
                                     </div>
                                     <script>
                                     // Get the modal
                                     var modal = document.getElementById("myModal");

                                     // Get the image and insert it inside the modal - use its "alt" text as a caption
                                     var img = document.getElementById("sediment_gradation_image");
                                     var modalImg = document.getElementById("sediment_gradation_image1");
                                     var captionText = document.getElementById("caption_sediment_gradation_image");
                                     img.onclick = function(){
                                       modal.style.display = "block";
                                       modalImg.src = this.src;
                                       captionText.innerHTML = this.alt;
                                     }

                                     // Get the <span> element that closes the modal
                                     var span = document.getElementsByClassName("close")[0];

                                     // When the user clicks on <span> (x), close the modal
                                     span.onclick = function() {
                                       modal.style.display = "none";
                                     }
                                     </script>



                                  </div>
                                 <div class="col-md-4">
                                    <div class="form-group">
                                       <label> Sediment Slope on Wreck Site (gradient)</label>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio"  @if ('flat' == $underwater_sheet->sediment_slope) checked @endif value="flat" name="sediment_slope" />
                                             <div class="state p-success">
                                                <label>Flat(1 - 2m variation)</label>
                                             </div>
                                             <br>
                                          </div>
                                          <div class="pretty p-switch">
                                             <input type="radio"  @if ('slight' == $underwater_sheet->sediment_slope) checked @endif value="slight" name="sediment_slope" />
                                             <div class="state p-success">
                                                <label>Slight incline (2 - 4m variation)</label>
                                             </div>
                                             <br>
                                          </div>
                                          <div class="pretty p-switch">
                                             <input type="radio"  @if ('steep' == $underwater_sheet->sediment_slope) checked @endif value="steep" name="sediment_slope" />
                                             <div class="state p-success">
                                                <label>Steep incline (5m or > variation)</label>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    @if ($errors->has('sediment_slope'))
                                    <div class="invalid-feedback" style="display: block;">
                                       {{ $errors->first('sediment_slope') }}
                                    </div>
                                    @endif
                                 </div>
                               </div>
                               <br>
                              <br>
                              <div class="row">
                                <div class="col-md-4">
                                    <div class="form-group">
                                       <label>General composition seafloor <span class="hints">(Click most relevant)</span></label>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio" @if ('coral' == $underwater_sheet->coral) checked @endif value="coral" name="coral" />
                                             <div class="state p-success">
                                                <label>Coral</label>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio" @if ('outcroppings' == $underwater_sheet->outcroppings) checked @endif value="outcroppings" name="outcroppings" />
                                             <div class="state p-success">
                                                <label>Limestone outcroppings</label>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio" @if ('sand' == $underwater_sheet->sand) checked @endif value="sand" name="sand" />
                                             <div class="state p-success">
                                                <label>Sand</label>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio" @if ('pebbles' == $underwater_sheet->pebbles) checked @endif value="pebbles" name="pebbles" />
                                             <div class="state p-success">
                                                <label>Pebbles</label>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio" @if ('boulders' == $underwater_sheet->boulders) checked @endif value="boulders" name="boulders" />
                                             <div class="state p-success">
                                                <label>Boulders</label>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio" @if ('clay' == $underwater_sheet->clay) checked @endif value="clay" name="clay" />
                                             <div class="state p-success">
                                                <label>Clay</label>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio" @if ('seaweed' == $underwater_sheet->seaweed) checked @endif value="seaweed" name="seaweed" />
                                             <div class="state p-success">
                                                <label>Seaweed</label>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio" @if ('seagrass' == $underwater_sheet->seagrass) checked @endif value="seagrass" name="seagrass" />
                                             <div class="state p-success">
                                                <label>Seagrass</label>
                                             </div>
                                          </div>
                                       </div>
                                    </div>

                                 </div>
                                 <div class="col-md-4">
                                    <div class="form-group">
                                       <label>Vegetation Cover on Seafloor</label>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio" @if ('vegetation_cover_0_20' == $underwater_sheet->vegetation_cover) checked @endif value="vegetation_cover_0_20" name="vegetation_cover" />
                                             <div class="state p-success">
                                                <label>0 - 20%</label>
                                             </div>
                                             <br>
                                             <br>
                                          </div>
                                          <div class="pretty p-switch">
                                             <input type="radio" @if ('vegetation_cover_21_40' == $underwater_sheet->vegetation_cover) checked @endif value="vegetation_cover_21_40" name="vegetation_cover" />
                                             <div class="state p-success">
                                                <label>21 - 40%</label>
                                             </div>
                                             <br>
                                             <br>
                                          </div>
                                          <div class="pretty p-switch">
                                             <input type="radio" @if ('vegetation_cover_41_60' == $underwater_sheet->vegetation_cover) checked @endif value="vegetation_cover_41_60" name="vegetation_cover" />
                                             <div class="state p-success">
                                                <label>41 - 60%</label>
                                             </div>
                                             <br>
                                             <br>
                                          </div>
                                          <div class="pretty p-switch">
                                             <input type="radio" @if ('vegetation_cover_61_80' == $underwater_sheet->vegetation_cover) checked @endif value="vegetation_cover_61_80" name="vegetation_cover" />
                                             <div class="state p-success">
                                                <label>61 - 80%</label>
                                             </div>
                                             <br>
                                             <br>
                                          </div>
                                          <div class="pretty p-switch">
                                             <input type="radio" @if ('exposed_81_100' == $underwater_sheet->vegetation_cover) checked @endif value="exposed_81_100" name="vegetation_cover" />
                                             <div class="state p-success">
                                                <label>81 - 100%</label>
                                             </div>
                                             <br>
                                             <br>
                                          </div>
                                       </div>
                                    </div>
                                    @if ($errors->has('vegetation_cover'))
                                    <div class="invalid-feedback" style="display: block;">
                                       {{ $errors->first('vegetation_cover') }}
                                    </div>
                                    @endif
                                 </div>
                                <div class="col-md-4">
                                   <div class="form-group">
                                      <label>Percentage of coverage on exposed wreck material by fouling organisms</label>
                                      <div class="form-control" style="border: 0;">
                                         <div class="pretty p-switch">
                                            <input type="radio" @if ('exposed_wreck_0_20' == $underwater_sheet->exposed_wreck_material_coverage) checked @endif value="exposed_wreck_0_20" name="exposed_wreck_material_coverage" />
                                            <div class="state p-success">
                                               <label>0 - 20%</label>
                                            </div>
                                         </div>
                                      </div>
                                      <div class="form-control" style="border: 0;">
                                         <div class="pretty p-switch">
                                            <input type="radio" @if ('exposed_wreck_21_40' == $underwater_sheet->exposed_wreck_material_coverage) checked @endif value="exposed_wreck_21_40" name="exposed_wreck_material_coverage" />
                                            <div class="state p-success">
                                               <label>21 - 40%</label>
                                            </div>
                                         </div>
                                      </div>
                                      <div class="form-control" style="border: 0;">
                                         <div class="pretty p-switch">
                                            <input type="radio" @if ('exposed_wreck_41_60' == $underwater_sheet->exposed_wreck_material_coverage) checked @endif value="exposed_wreck_41_60" name="exposed_wreck_material_coverage" />
                                            <div class="state p-success">
                                               <label>41 - 60%</label>
                                            </div>
                                         </div>
                                      </div>
                                      <div class="form-control" style="border: 0;">
                                         <div class="pretty p-switch">
                                            <input type="radio" @if ('exposed_wreck_61_80' == $underwater_sheet->exposed_wreck_material_coverage) checked @endif value="exposed_wreck_61_80" name="exposed_wreck_material_coverage" />
                                            <div class="state p-success">
                                               <label>61 - 80%</label>
                                            </div>
                                         </div>
                                      </div>
                                      <div class="form-control" style="border: 0;">
                                         <div class="pretty p-switch">
                                            <input type="radio" @if ('exposed_wreck_81_100' == $underwater_sheet->exposed_wreck_material_coverage) checked @endif value="exposed_wreck_81_100" name="exposed_wreck_material_coverage" />
                                            <div class="state p-success">
                                               <label>81 - 100%</label>
                                            </div>
                                         </div>
                                      </div>
                                   </div>
                                   @if ($errors->has('exposed_wreck_material_coverage'))
                                   <div class="invalid-feedback" style="display: block;">
                                      {{ $errors->first('exposed_wreck_material_coverage') }}
                                   </div>
                                   @endif
                                </div>
                              </div>
                              <br>
                              <br>
                              <div class="row">
                                 <div class="col-md-4">
                                    <div class="form-group">
                                       <label> Evidence of Recent Active Corrosion</label>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio" checked @if ('evi_active_corrosion_yes' == $underwater_sheet->evi_active_corrosion) checked @endif value="evi_active_corrosion_yes" id="yes" name="evi_active_corrosion" />
                                             <div class="state p-success">
                                                <label>Yes</label>
                                             </div>
                                          </div>
                                          <div class="pretty p-switch">
                                             <input type="radio" @if ('evi_active_corrosion_no' == $underwater_sheet->evi_active_corrosion) checked @endif value="evi_active_corrosion_no" id="no" name="evi_active_corrosion" />
                                             <div class="state p-success">
                                                <label>No</label>
                                             </div>
                                          </div>
                                       </div>

                                       <div id="evi_active" style="display: none;">
                                          <div class="form-group">
                                             <label>
                                             Depth:
                                             </label>
                                             <input type="number" min="1" step="0.01" name="evi_active_corrosion_depth" id="evi_active_corrosion_depth" value="{{old('evi_active_corrosion_depth', $underwater_sheet->evi_active_corrosion_depth)}}" class="form-control" />
                                             @if ($errors->has('evi_active_corrosion_depth'))
                                             <div class="invalid-feedback" style="display: block;">
                                                {{ $errors->first('evi_active_corrosion_depth') }}
                                             </div>
                                             @endif
                                          </div>
                                          <div class="form-group">
                                             <label>
                                             Location:
                                             </label>
                                             <input type="text"  name="evi_active_corrosion_position" id="evi_active_corrosion_position" value="{{old('evi_active_corrosion_position', $underwater_sheet->evi_active_corrosion_position)}}" class="form-control" />
                                          </div>

                                          <div class="form-group">
                                             <label>Photograph</label><br>
                                             @if(!$underwater_sheet->recent_active_corrosion_image )
                                                @else
                                                <img id="recent_active_corrosion_image" class="myImg" src="{{ asset($underwater_sheet->path.$underwater_sheet->recent_active_corrosion_image) }}"style="width:100%;max-width:300px">
                                             @endif
                                          </div>
                                          <!-- The Modal -->
                                          <div id="modal_recent_active" class="modal">
                                            <span class="close_caption_evi">&times;</span>
                                            <img class="modal-content" id="caption_evi_struct_collapse1">
                                            <div id="caption_evi_struct_collapse" class="caption"></div>
                                          </div>
                                          <script>
                                          // Get the modal
                                          var modal = document.getElementById("modal_recent_active");

                                          // Get the image and insert it inside the modal - use its "alt" text as a caption
                                          var caption_evi_struct_collapse_image = document.getElementById("recent_active_corrosion_image");
                                          var modalImg = document.getElementById("caption_evi_struct_collapse1");
                                          var captionText_collapse = document.getElementById("caption_evi_struct_collapse");
                                          caption_evi_struct_collapse_image.onclick = function(){
                                            modal.style.display = "block";
                                            modalImg.src = this.src;
                                            captionText_collapse.innerHTML = this.alt;
                                          }

                                          // Get the <span> element that closes the modal
                                          var span_caption_evi = document.getElementsByClassName("close_caption_evi")[0];

                                          // When the user clicks on <span> (x), close the modal
                                          span_caption_evi.onclick = function() {
                                            modal.style.display = "none";
                                          }
                                          </script>
                                       </div>

                                    </div>
                                 </div>
                                <div class="col-md-4">
                                   <div class="form-group">
                                      <label>Evidence of Seasonal or Storm/Cyclone Exposure</label>
                                      <div class="form-control" style="border: 0;">
                                         <div class="pretty p-switch">
                                            <input type="radio" @if ('evi_seasonal_storm_yes' == $underwater_sheet->evi_seasonal_storm) checked @endif value="evi_seasonal_storm_yes" name="evi_seasonal_storm" />
                                            <div class="state p-success">
                                               <label>Yes</label>
                                            </div>
                                         </div>
                                      </div>
                                      <div class="form-control" style="border: 0;">
                                         <div class="pretty p-switch">
                                            <input type="radio" @if ('evi_seasonal_storm_no' == $underwater_sheet->evi_seasonal_storm) checked @endif value="evi_seasonal_storm_no" name="evi_seasonal_storm" />
                                            <div class="state p-success">
                                               <label>No</label>
                                            </div>
                                         </div>
                                      </div>
                                   </div>
                                   @if ($errors->has('evi_seasonal_storm'))
                                   <div class="invalid-feedback" style="display: block;">
                                      {{ $errors->first('evi_seasonal_storm') }}
                                   </div>
                                   @endif
                                </div>
                                 <div class="col-md-4">
                                    <div class="form-group">
                                       <label>Types of fouling organisms on wreck <br><span class="hints"> (photograph with small colour scale)</span></label>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio" @if ('fouling_organisms_yes' == $underwater_sheet->fouling_organisms) checked @endif value="fouling_organisms_yes" name="fouling_organisms" />
                                             <div class="state p-success">
                                                <label>Yes</label>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio" @if ('fouling_organisms_no' == $underwater_sheet->fouling_organisms) checked @endif value="fouling_organisms_no" name="fouling_organisms" />
                                             <div class="state p-success">
                                                <label>No</label>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div id="fouling_organisms_dev" style="display: none;">
                                       <div class="form-group">
                                          <label>Photograph</label><br>

                                          @if(!$underwater_sheet->fouling_organisms_image )

                                             @else
                                             <img id="fouling_organisms_image" class="myImg" src="{{ asset($underwater_sheet->path.$underwater_sheet->fouling_organisms_image) }}"style="width:100%;max-width:300px">
                                          @endif


                                          <!-- The Modal -->
                                          <div id="modal_fouling_organisms" class="modal">
                                            <span class="close_fouling_organisms">&times;</span>
                                            <img class="modal-content" id="caption_fouling_organisms1">
                                            <div id="caption_fouling_organisms" class="caption"></div>
                                          </div>
                                          <script>
                                          // Get the modal
                                          var modal = document.getElementById("modal_fouling_organisms");

                                          // Get the image and insert it inside the modal - use its "alt" text as a caption
                                          var fouling_organisms_image = document.getElementById("fouling_organisms_image");
                                          var modalImg = document.getElementById("caption_fouling_organisms1");
                                          var captionText_collapse = document.getElementById("caption_fouling_organisms");
                                          fouling_organisms_image.onclick = function(){
                                            modal.style.display = "block";
                                            modalImg.src = this.src;
                                            captionText_collapse.innerHTML = this.alt;
                                          }

                                          // Get the <span> element that closes the modal
                                          var span_fouling_organisms = document.getElementsByClassName("close_fouling_organisms")[0];

                                          // When the user clicks on <span> (x), close the modal
                                          span_fouling_organisms.onclick = function() {
                                            modal.style.display = "none";
                                          }
                                          </script>



                                       </div>
                                    </div>
                                 </div>
                              </div>

                              <br>
                              <br>

                              <div class="row">
                                <div class="col-md-4">
                                   <div class="form-group">
                                      <label>Evidence of timber infestation by marine borers<br><span class="hints"> (photograph with small colour scale)</span></label>
                                      <div class="form-control" style="border: 0;">
                                         <div class="pretty p-switch">
                                            <input type="radio" @if ('timber_infestation_yes' == $underwater_sheet->timber_infestation) checked @endif value="timber_infestation_yes" name="timber_infestation" />
                                            <div class="state p-success">
                                               <label>Yes</label>
                                            </div>
                                         </div>
                                         <div class="pretty p-switch">
                                            <input type="radio" @if ('timber_infestation_no' == $underwater_sheet->timber_infestation) checked @endif value="timber_infestation_no" name="timber_infestation" />
                                            <div class="state p-success">
                                               <label>No</label>
                                            </div>
                                         </div>
                                      </div>
                                   </div>
                                   <div id="timber_infestation_dev" style="display: none;">
                                      <div class="form-group">

                                         @if(!$underwater_sheet->timber_infestation_image )
                                         <label>Photograph</label><br>
                                            @else
                                             <img id="timber_infestation_image" class="myImg" src="{{ asset($underwater_sheet->path.$underwater_sheet->timber_infestation_image) }}"style="width:100%;max-width:300px">
                                         @endif

                                          <!-- The Modal -->
                                          <div id="modal_timber_infestation" class="modal">
                                            <span class="close_timber_infestation">&times;</span>
                                            <img class="modal-content" id="caption_timber_infestation1">
                                            <div id="caption_timber_infestation" class="caption"></div>
                                          </div>
                                          <script>
                                          // Get the modal
                                          var modal = document.getElementById("modal_timber_infestation");

                                          // Get the image and insert it inside the modal - use its "alt" text as a caption
                                          var timber_infestation_image = document.getElementById("timber_infestation_image");
                                          var modalImg = document.getElementById("caption_timber_infestation1");
                                          var captionText_timber_infestation = document.getElementById("caption_timber_infestation");
                                          timber_infestation_image.onclick = function(){
                                            modal.style.display = "block";
                                            modalImg.src = this.src;
                                            captionText_timber_infestation.innerHTML = this.alt;
                                          }

                                          // Get the <span> element that closes the modal
                                          var close_timber_infestation = document.getElementsByClassName("close_timber_infestation")[0];

                                          // When the user clicks on <span> (x), close the modal
                                          close_timber_infestation.onclick = function() {
                                            modal.style.display = "none";
                                          }
                                          </script>
                                      </div>
                                   </div>
                                </div>
                                 <div class="col-md-4">
                                    <div class="form-group">
                                       <label>Is contemporary rubbish present around the site </label>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio" checked @if ('rubbishYes' == $underwater_sheet->rubbish_present) checked @endif value="rubbishYes" id="rubbishYes" name="rubbish_present" />
                                             <div class="state p-success">
                                                <label>Yes</label>
                                             </div>
                                          </div>
                                          <div class="pretty p-switch">
                                             <input type="radio" @if ('rubbishNo' == $underwater_sheet->rubbish_present) checked @endif value="rubbishNo" id="rubbishNo" name="rubbish_present" />
                                             <div class="state p-success">
                                                <label>No</label>
                                             </div>
                                          </div>
                                       </div>

                                       <div class="form-group" style="border: 0;display: none;" id="rubbish">
                                          <div class="form-control" style="border: 0;">
                                             <div class="pretty p-switch">
                                                <input type="radio" class="cans" @if ('cans' == $underwater_sheet->cans) checked @endif value="cans" name="cans"  />
                                                <div class="state p-success">
                                                   <label>Beer Cans</label>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="form-control" style="border: 0;">
                                             <div class="pretty p-switch">
                                                <input type="radio" class="bottles" @if ('bottles' == $underwater_sheet->bottles) checked @endif value="bottles" name="bottles" />
                                                <div class="state p-success">
                                                   <label>Glass Bottles</label>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="form-control" style="border: 0;">
                                             <div class="pretty p-switch">
                                                <input type="radio" class="nets" @if ('nets' == $underwater_sheet->nets) checked @endif value="nets" name="nets" />
                                                <div class="state p-success">
                                                   <label>Fish Nets</label>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="form-control" style="border: 0;">
                                             <div class="pretty p-switch">
                                                <input type="radio" class="line" @if ('line' == $underwater_sheet->line) checked @endif value="line" name="line" />
                                                <div class="state p-success">
                                                   <label>Fishing Lines</label>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="form-control" style="border: 0;">
                                             <div class="pretty p-switch">
                                                <input type="radio" class="tyres" @if ('tyres' == $underwater_sheet->tyres) checked @endif value="tyres" name="tyres" />
                                                <div class="state p-success">
                                                   <label>Tyres</label>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="form-control" style="border: 0;">
                                             <div class="pretty p-switch">
                                                <input type="radio" class="plastic" @if ('plastic' == $underwater_sheet->plastic) checked @endif value="plastic" name="plastic" />
                                                <div class="state p-success">
                                                   <label>Plastic</label>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="form-control" style="border: 0;">
                                             <div class="pretty p-switch">
                                                <input type="radio" class="rope" @if ('rope' == $underwater_sheet->rope) checked @endif value="rope" name="rope" />
                                                <div class="state p-success">
                                                   <label>Rope</label>
                                                </div>
                                             </div>
                                          </div>

                                          <div class="form-group">
                                             <label>Other</label>
                                             <textarea name="rubbish_present_other" id="rubbish_present_other" class="form-control">{{old('rubbish_present_other', $underwater_sheet->rubbish_present_other)}}</textarea>
                                             @if ($errors->has('rubbish_present_other'))
                                             <div class="invalid-feedback" style="display: block;">
                                                {{ $errors->first('rubbish_present_other') }}
                                             </div>
                                             @endif
                                          </div>
                                       </div>

                                    </div>
                                 </div>
                                 <div class="col-md-4">
                                    <div class="form-group">
                                       <label>Approx. no. of pieces of rubbish around site</label>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio" @if ('no_pieces_of_rubbish_0_20' == $underwater_sheet->no_pieces_of_rubbish) checked @endif value="no_pieces_of_rubbish_0_20" name="no_pieces_of_rubbish" />
                                             <div class="state p-success">
                                                <label>0 - 20</label>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio" @if ('no_pieces_of_rubbish_21_40' == $underwater_sheet->no_pieces_of_rubbish) checked @endif value="no_pieces_of_rubbish_21_40" name="no_pieces_of_rubbish" />
                                             <div class="state p-success">
                                                <label>21 - 40</label>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio" @if ('no_pieces_of_rubbish_41_60' == $underwater_sheet->no_pieces_of_rubbish) checked @endif value="no_pieces_of_rubbish_41_60" name="no_pieces_of_rubbish" />
                                             <div class="state p-success">
                                                <label>41 - 60</label>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio" @if ('no_pieces_of_rubbish_61_80' == $underwater_sheet->no_pieces_of_rubbish) checked @endif value="no_pieces_of_rubbish_61_80" name="no_pieces_of_rubbish" />
                                             <div class="state p-success">
                                                <label>61 - 80</label>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio" @if ('no_pieces_of_rubbish_81_100' == $underwater_sheet->no_pieces_of_rubbish) checked @endif value="no_pieces_of_rubbish_81_100" name="no_pieces_of_rubbish" />
                                             <div class="state p-success">
                                                <label>81 - 100</label>
                                             </div>
                                          </div>
                                       </div>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio" @if ('no_pieces_of_rubbish_100' == $underwater_sheet->no_pieces_of_rubbish) checked @endif value="no_pieces_of_rubbish_100" name="no_pieces_of_rubbish" />
                                             <div class="state p-success">
                                                <label>>100</label>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    @if ($errors->has('no_pieces_of_rubbish'))
                                    <div class="invalid-feedback" style="display: block;">
                                       {{ $errors->first('no_pieces_of_rubbish') }}
                                    </div>
                                    @endif
                                 </div>
                              </div>
                              <br>
                              <br>
                              <div class="row">
                                 <div class="col-md-4">
                                    <div class="form-group">
                                       <label>Evidence of human disturbance <br><span class="hints"> (Click most relevant, mark area/s on mud map and photograph)</span></label>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio" checked @if ('evi_of_human_yes' == $underwater_sheet->evi_of_human_disturbance) checked @endif value="evi_of_human_yes" id="evi_of_human_yes" name="evi_of_human_disturbance" />
                                             <div class="state p-success">
                                                <label>Yes</label>
                                             </div>
                                          </div>
                                          <div class="pretty p-switch">
                                             <input type="radio" @if ('evi_of_human_no' == $underwater_sheet->evi_of_human_disturbance) checked @endif value="evi_of_human_no" id="evi_of_human_no" name="evi_of_human_disturbance" />
                                             <div class="state p-success">
                                                <label>No</label>
                                             </div>
                                          </div>
                                       </div>

                                       <div class="form-group" style="border: 0; display: none;" id="evi_of_human">
                                          <div class="form-control" style="border: 0;">
                                             <div class="pretty p-switch">
                                                <input type="radio" @if ('damage' == $underwater_sheet->damage) checked @endif value="damage" name="damage" />
                                                <div class="state p-success">
                                                   <label>Anchor Damage</label>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="form-control" style="border: 0;">
                                             <div class="pretty p-switch">
                                                <input type="radio" @if ('digging' == $underwater_sheet->digging) checked @endif value="digging" name="digging" />
                                                <div class="state p-success">
                                                   <label>Digging</label>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="form-control" style="border: 0;">
                                             <div class="pretty p-switch">
                                                <input type="radio" @if ('moved' == $underwater_sheet->moved) checked @endif value="moved" name="moved" />
                                                <div class="state p-success">
                                                   <label>Objects Moved</label>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="form-control" style="border: 0;">
                                             <div class="pretty p-switch">
                                                <input type="radio" @if ('timbers' == $underwater_sheet->timbers) checked @endif value="timbers" name="timbers" />
                                                <div class="state p-success">
                                                   <label>Broken Timbers</label>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="form-control" style="border: 0;">
                                             <div class="pretty p-switch">
                                                <input type="radio" @if ('artefacts' == $underwater_sheet->artefacts) checked @endif value="artefacts" name="artefacts" />
                                                <div class="state p-success">
                                                   <label>Exposed Artefacts</label>
                                                </div>
                                             </div>
                                          </div>

                                          <div class="form-group">
                                             <label>Other</label>
                                             <textarea name="evi_of_human_disturbance_other" id="evi_of_human_disturbance_other" class="form-control">{{old('evi_of_human_disturbance_other', $underwater_sheet->evi_of_human_disturbance_other)}}</textarea>
                                             @if ($errors->has('evi_of_human_disturbance_other'))
                                             <div class="invalid-feedback" style="display: block;">
                                                {{ $errors->first('evi_of_human_disturbance_other') }}
                                             </div>
                                             @endif
                                          </div>
                                          <div class="form-group">
                                             <label>Depth</label>
                                             <input type="number" min="1" step="0.01" name="evi_of_human_disturbance_depth" id="evi_of_human_disturbance_depth" value="{{old('evi_of_human_disturbance_depth', $underwater_sheet->evi_of_human_disturbance_depth)}}" class="form-control" />
                                              @if ($errors->has('evi_of_human_disturbance_depth'))
                                             <div class="invalid-feedback" style="display: block;">
                                                {{ $errors->first('evi_of_human_disturbance_depth') }}
                                             </div>
                                             @endif
                                          </div>
                                          <div class="form-group">
                                             <label>Location</label>
                                             <input type="text" name="evi_of_human_disturbance_position" id="evi_of_human_disturbance_position" value="{{old('evi_of_human_disturbance_position', $underwater_sheet->evi_of_human_disturbance_position)}}" class="form-control" />
                                              @if ($errors->has('evi_of_human_disturbance_position'))
                                             <div class="invalid-feedback" style="display: block;">
                                                {{ $errors->first('evi_of_human_disturbance_position') }}
                                             </div>
                                             @endif
                                          </div>
                                            <div class="form-group">
                                             <label>Photograph</label><br>

                                             @if(!$underwater_sheet->evi_of_human_disturbance_image )

                                                @else
                                                  <img id="evi_of_human_disturbance_image" class="myImg" src="{{ asset($underwater_sheet->path.$underwater_sheet->evi_of_human_disturbance_image) }}"style="width:100%;max-width:300px">
                                             @endif
                                          </div>
                                           <!-- The Modal -->
                                          <div id="modal_evi_of_human_disturbance" class="modal">
                                            <span class="close_evi_of_human">&times;</span>
                                            <img class="modal-content" id="caption_evi_of_human_disturbance1">
                                            <div id="caption_evi_of_human_disturbance" class="caption"></div>
                                          </div>
                                          <script>
                                          // Get the modal
                                          var modal = document.getElementById("modal_evi_of_human_disturbance");

                                          // Get the image and insert it inside the modal - use its "alt" text as a caption
                                          var evi_of_human_disturbance_image = document.getElementById("evi_of_human_disturbance_image");
                                          var modalImg = document.getElementById("caption_evi_of_human_disturbance1");
                                          var captionText_timber_infestation = document.getElementById("caption_evi_of_human_disturbance");
                                          evi_of_human_disturbance_image.onclick = function(){
                                            modal.style.display = "block";
                                            modalImg.src = this.src;
                                            captionText_timber_infestation.innerHTML = this.alt;
                                          }

                                          // Get the <span> element that closes the modal
                                          var close_evi_of_human = document.getElementsByClassName("close_evi_of_human")[0];

                                          // When the user clicks on <span> (x), close the modal
                                          close_evi_of_human.onclick = function() {
                                            modal.style.display = "none";
                                          }
                                          </script>


                                       </div>
                                    </div>
                                 </div>
                                 <div class="col-md-4">
                                    <div class="form-group">
                                       <label>Is there sediment build up on site or around features<span class="hints"> (Mark area/s on mud map and photograph)</span></label>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio" checked @if ('sediment_buildup_yes' == $underwater_sheet->sediment_buildup) checked @endif  value="sediment_buildup_yes" id="sediment_yes" name="sediment_buildup" />
                                             <div class="state p-success">
                                                <label>Yes</label>
                                             </div>
                                          </div>
                                          <div class="pretty p-switch">
                                             <input type="radio" @if ('sediment_buildup_no' == $underwater_sheet->sediment_buildup) checked @endif  value="sediment_buildup_no" id="sediment_no" name="sediment_buildup" />
                                             <div class="state p-success">
                                                <label>No</label>
                                             </div>
                                          </div>
                                       </div>

                                       <div id="sediment" style="display: none;">
                                          <div class="form-group">
                                             <label>
                                             Depth
                                             </label>
                                             <input type="number" min="1" step="0.01" name="sediment_buildup_depth" id="sediment_buildup_depth" value="{{old('sediment_buildup_depth', $underwater_sheet->sediment_buildup_depth)}}" class="form-control" />

                                          </div>
                                          <div class="form-group">
                                             <label>
                                             Location
                                             </label>
                                             <input type="text" name="sediment_buildup_position" id="sediment_buildup_position" value="{{old('sediment_buildup_position', $underwater_sheet->sediment_buildup_position)}}" class="form-control" />
                                          </div>

                                            <div class="form-group">
                                             <label>Photograph</label><br>

                                             @if(!$underwater_sheet->sediment_buildup_position_image )

                                                @else
                                                <img id="sediment_buildup_position_image" class="myImg" src="{{ asset($underwater_sheet->path.$underwater_sheet->sediment_buildup_position_image) }}"style="width:100%;max-width:300px">
                                             @endif
                                          </div>

                                            <!-- The Modal -->
                                          <div id="modal_sediment_buildup_position" class="modal">
                                            <span class="close_sediment_buildup">&times;</span>
                                            <img class="modal-content" id="caption_sediment_buildup_position1">
                                            <div id="caption_sediment_buildup_position" class="caption"></div>
                                          </div>
                                          <script>
                                          // Get the modal
                                          var modal = document.getElementById("modal_sediment_buildup_position");

                                          // Get the image and insert it inside the modal - use its "alt" text as a caption
                                          var sediment_buildup_position_image = document.getElementById("sediment_buildup_position_image");
                                          var modalImg = document.getElementById("caption_sediment_buildup_position1");
                                          var captionText_timber_infestation = document.getElementById("caption_sediment_buildup_position");
                                          sediment_buildup_position_image.onclick = function(){
                                            modal.style.display = "block";
                                            modalImg.src = this.src;
                                            captionText_timber_infestation.innerHTML = this.alt;
                                          }

                                          // Get the <span> element that closes the modal
                                          var close_sediment_buildup = document.getElementsByClassName("close_sediment_buildup")[0];

                                          // When the user clicks on <span> (x), close the modal
                                          close_sediment_buildup.onclick = function() {
                                            modal.style.display = "none";
                                          }
                                          </script>

                                       </div>

                                    </div>
                                 </div>
                                 <div class="col-md-4">
                                    <div class="form-group">
                                       <label>Depth (m) and Temperature ( &deg;C ) at HP on wreck</label>
                                       <div class="form-group">
                                          <label>
                                          Depth ( m )
                                          </label>
                                          <input type="number" min="1" step="0.01" name="depth_at_hp" id="depth_at_hp" value="{{old('depth_at_hp', $underwater_sheet->depth_at_hp)}}" class="form-control" />
                                          @if ($errors->has('depth_at_hp'))
                                          <div class="invalid-feedback" style="display: block;">
                                             {{ $errors->first('depth_at_hp') }}
                                          </div>
                                          @endif
                                       </div>
                                       <div class="form-group">
                                          <label>Temperature ( &deg;C )</label>
                                          <input type="number" min="1" step="0.01" name="temperature_at_hp" id="temperature_at_hp" value="{{old('temperature_at_hp', $underwater_sheet->temperature_at_hp)}}" class="form-control" />
                                           @if ($errors->has('temperature_at_hp'))
                                          <div class="invalid-feedback" style="display: block;">
                                             {{ $errors->first('temperature_at_hp') }}
                                          </div>
                                          @endif
                                       </div>
                                    </div>
                                 </div>
                              </div>
                                <br>
                              <br>

                              <div class="row">
                                 <div class="col-md-12">
                                    <div class="form-group">
                                       <label>Description of highest point (HP) on wreck <span class="hints"> (Mark HP location on mud map)</span></label>
                                       <textarea name="highest_point" id="highest_point" class="form-control" >{{old('highest_point', $underwater_sheet->highest_point)}}</textarea>
                                    </div>
                                 </div>
                              </div>
                              <br>
                              <br>
                             <div class="row">
                                 <div class="col-md-12" class="table-responsive">
                                      <span id=""></span>
                                      <table class="" id="underwater-table">
                                        <thead>
                                          <tr>
                                             <th style="width: 10%">Material/s</th>
                                             <th style="width: 20%">Object Description</th>
                                             <th style="width: 35%">Upload Image/s</th>
                                             <th style="width: 10%">Apparent Condition</th>
                                             <th style="width: 10%">% Degree of Completeness</th>
                                             <th style="width: 10%"> Location Description</th>
                                          </tr>
                                        </thead>
                                        <tbody class="underwater_documents">

                                        </tbody>

                                      </table>

                                </div>
                              </div>

                              <div class="form-group">
                                <input type="hidden" name="underwaterSaveValue" id="underwaterSaveValue" value="draft">
                                <input type="hidden" name="underwater_id" id="underwater_id" value="{{old('underwater_id', $underwater_sheet->id)}}">
                                <input type="hidden" name="surveyReportingId" class="surveyReportingId" value="{{old('surveyReportingId', $surveyReporting_id)}}">

                                                                   <button onclick="underwaterSheetSaveFunction()" class="btn btn-primary">Save</button>
                                   <button class="underwater-save" class="btn btn-primary">Draft</button>
                                                             </div>
                       </form>
                     </div>



                      <div id="step-5" class="">
	                     <form class="nav-Report" method="post" enctype="multipart/form-data" action="">
	                         <div class="alert alert-success print-success-msg-video" style="display:none">
	                               <ul></ul>
	                           </div>

	                           <div class="alert alert-danger print-error-msg-video" style="display:none">
	                               <ul></ul>
	                           </div>
	                              @csrf
	                              <br>
	                              <h2>Video Transect</h2>
	                              <br>
	                              <br>

	                              <div class="row">
 	                                 <div class="col-md-4">
	                                    <div class="form-group">
	                                       <label>Camera System and Lens</label>
	                                       <input type="text" name="transect_name" value="{{old('transect_name', $video_transect->transect_name)}}" class="form-control" />
	                                       @if ($errors->has('transect_name'))
	                                       <div class="invalid-feedback" style="display: block;">
	                                          {{ $errors->first('transect_name') }}
	                                       </div>
	                                       @endif
	                                    </div>
	                                 </div>                                   
	                                 <div class="col-md-4">
	                                    <div class="form-group">
	                                       <label>Camera System and Lens</label>
	                                       <input type="text" name="camera_lens" value="{{old('camera_lens', $video_transect->camera_lens)}}" class="form-control" />
	                                       @if ($errors->has('camera_lens'))
	                                       <div class="invalid-feedback" style="display: block;">
	                                          {{ $errors->first('camera_lens') }}
	                                       </div>
	                                       @endif
	                                    </div>
	                                 </div>

	                                 <div class="col-md-4">
	                                    <div class="form-group">
	                                       <label>Data Format</label>
	                                       <div class="form-control" style="border: 0;">
	                                          <div class="pretty p-switch">
	                                             <input type="radio" @if ('mov' == $video_transect->type_of_video) checked @endif  value="mov" name="type_of_video" />
	                                             <div class="state p-success">
	                                                <label>MOV</label>
	                                             </div>
	                                          </div>
	                                          <div class="pretty p-switch">
	                                             <input type="radio" @if ('wmv' == $video_transect->type_of_video) checked @endif  value="wmv" name="type_of_video" />
	                                             <div class="state p-success">
	                                                <label>WMV</label>
	                                             </div>
	                                          </div>
	                                       </div>
	                                       <div class="form-control" style="border: 0;">
	                                          <div class="pretty p-switch">
	                                             <input type="radio" @if ('mp4' == $video_transect->type_of_video) checked @endif  value="mp4" name="type_of_video" />
	                                             <div class="state p-success">
	                                                <label>MP4</label>
	                                             </div>
	                                          </div>
	                                          <div class="pretty p-switch">
	                                             <input type="radio" @if ('avi' == $video_transect->type_of_video) checked @endif  value="avi" name="type_of_video" />
	                                             <div class="state p-success">
	                                                <label>AVI</label>
	                                             </div>
	                                          </div>
	                                       </div>
	                                       <div class="form-control" style="border: 0;">
	                                          <div class="pretty p-switch">
	                                             <input type="radio" @if ('avi' == $video_transect->type_of_video) checked @endif  value="other" name="type_of_video" />
	                                             <div class="state p-success">
	                                                <label>Other</label>
	                                             </div>
	                                          </div>
	                                       </div>
	                                    </div>
	                                    @if ($errors->has('type_of_video'))
	                                    <div class="invalid-feedback" style="display: block;">
	                                       {{ $errors->first('type_of_video') }}
	                                    </div>
	                                    @endif
	                                 </div>
	                                 <div class="col-md-4">
	                                    <div class="form-group">
	                                       <label>Time Length of Video Recording</label>
	                                       <input type="text" name="video_time_length" value="{{old('video_time_length', $video_transect->video_time_length)}}" class="form-control" />
	                                        @if ($errors->has('video_time_length'))
	                                       <div class="invalid-feedback" style="display: block;">
	                                          {{ $errors->first('video_time_length') }}
	                                       </div>
	                                       @endif
	                                    </div>
	                                 </div>
	                              </div>
	                              <br>
	                              <br>
	                              <div class="col-content-box2">
	                                  @if ($video_transect->video)
	                                    <input type="hidden" name="video_filename" value="{{old('video', $video_transect->video)}}">
	                                    <video width="100%" controls="controls">
	                                       <source src="{{ asset($video_transect->path.$video_transect->video) }}" type="video/mp4"/>
	                                       <source src="{{ asset($video_transect->path.$video_transect->video) }}" type="video/ogg"/>
	                                       <source src="{{ asset($video_transect->path.$video_transect->video) }}" type="video/webm"/>
	                                    </video>
	                                  @else

	                                  @endif
	                              </div>
	                              <br>
	                              <br>


	                              <div class="row">
	                                 <div class="col-md-12" class="table-responsive">
	                                      <span id="result"></span>
	                                    <table class="" id="">
                                        <thead>
                                          <tr>
                                              <th>Mud Map Grid No*</th>
                                              <th>Name / Description of Location ‘A’</th>
                                              <th>Depth at A (m)</th>
                                              <th>Compass bearing from A to B</th>
                                              <th>Observation of conditions and biological growth from A to B.</th>
                                              <th>Height of swim over from A to B (Tick One)</th>
                                          </tr>
                                        </thead>
                                        <tbody>
                                           <tr>
                                              <td><input type="text" value="{{$video_transect->mud_map_grid_no}}" name="mud_map_grid_no" class="form-control"></td>
                                              <td><input type="text" value="{{$video_transect->description_of_location}}" name="description_of_location" class="form-control"></td>
                                              <td><input type="number" value="{{$video_transect->depth_at_a}}" step="0.01" name="depth_at_a" class="form-control"></td>
                                              <td><input type="number" value="{{$video_transect->bearing_a_to_b}}" step="0.01" name="bearing_a_to_b" class="form-control"></td>
                                              <td><input type="text" value="{{$video_transect->observation}}" name="observation" class="form-control"></td>
                                              <td>

                                                <div class="form-group">
                                                   <label>Data Format</label>
                                                   <div class="form-control" style="border: 0;">
                                                      <div class="pretty p-switch">
                                                         <input type="radio" @if ('swim_over_height_a_to_b_1m' == $video_transect->swim_over_height_a_to_b) checked @endif  value="swim_over_height_a_to_b_1m" name="swim_over_height_a_to_b" />
                                                         <div class="state p-success">
                                                            <label><1.0m</label>
                                                         </div>
                                                      </div>
                                                      <div class="pretty p-switch">
                                                         <input type="radio" @if ('swim_over_height_a_to_b_1_2m' == $video_transect->swim_over_height_a_to_b) checked @endif  value="swim_over_height_a_to_b_1_2m" name="swim_over_height_a_to_b" />
                                                         <div class="state p-success">
                                                            <label>2m</label>
                                                         </div>
                                                      </div>
                                                   </div>
                                                   <div class="form-control" style="border: 0;">
                                                      <div class="pretty p-switch">
                                                         <input type="radio" @if ('swim_over_height_a_to_b_3m' == $video_transect->swim_over_height_a_to_b) checked @endif  value="swim_over_height_a_to_b_3m" name="swim_over_height_a_to_b" />
                                                         <div class="state p-success">
                                                            <label>3m</label>
                                                         </div>
                                                      </div>
                                                      <div class="pretty p-switch">
                                                         <input type="radio" @if ('a_to_b_greater_than_3m' == $video_transect->swim_over_height_a_to_b) checked @endif  value="a_to_b_greater_than_3m" name="swim_over_height_a_to_b" />
                                                         <div class="state p-success">
                                                            <label>>3m</label>
                                                         </div>
                                                      </div>
                                                   </div>

                                                </div>
                                                @if ($errors->has('swim_over_height_a_to_b'))
                                                <div class="invalid-feedback" style="display: block;">
                                                   {{ $errors->first('swim_over_height_a_to_b') }}
                                                </div>
                                                @endif
                                              </td>
                                           </tr>
                                        </tbody>
                                      </table>
	                                  </div>
	                                </div>


	                               <div class="form-group">
	                                 <input type="hidden" name="videoTransectSaveValue" id="videoTransectSaveValue" value="draft">
	                                 <input type="hidden" name="video_transect_id" id="video_transect_id" value="{{old('video_transect_id', $video_transect->id)}}">
	                                 <input type="hidden" name="surveyReportingId" class="surveyReportingId" value="{{old('surveyReportingId', $surveyReporting_id)}}">

	                                 	                                    <button onclick="videoTransectSaveFunction()" class="btn btn-primary">Save</button>
	                                    <button class="videoTransectSaveValue" class="btn btn-primary">Draft</button>
	                                 
	                                 <!-- <button type="submit" class="btn btn-primary">Save</button> -->
	                              </div>
	                     </form>
                     </div>

                      <div id="step-6" class="">
                        <form class="nav-Report" method="post" enctype="multipart/form-data">

                              <br>
                              <h2>Photogrammetry Survey </h2>
                              <br>
                              <br>

                              <div class="row">
                                 <div class="col-md-12" class="table-responsive">
                                      <span id="result"></span>
                                      <table class="" id="photogrammetry-table">
                                          <thead>
                                             <tr>
                                                <th width="3%">Coded Target Number</th>
                                                <th width="25%">Mud Map Feature Number & Name (eg. Feature 1 - Anchor)</th>
                                                <th width="10%">Mud Map Grid No</th>
                                                <th width="15%">Depth of Coded Target and Number</th>
                                                <th width="5%">Site name</th>
                                                <th width="">Date imaged</th>
                                                <th width="10%">Survey point or mud map grid numbers</th>
                                                <th width="5%">Description of location imaged</th>
                                                <th width="20%">Attach image of model PDF/JPG</th>
                                             </tr>
                                          </thead>
                                          <tbody class="documents">

                                          </tbody>
                                      </table>
                                 </div>
                              </div>

                              <div class="form-group">
                                 <input type="hidden" name="photoGrammetrySaveValue" id="photoGrammetrySaveValue" value="draft">
                                 <input type="hidden" name="photo_grammetry_id" id="photo_grammetry_id" value="{{old('photo_grammetry_id', $photo_grammetry->id)}}">
                                 <input type="hidden" name="surveyReportingId" class="surveyReportingId" value="{{old('surveyReportingId', $surveyReporting_id)}}">

                                                                     <button onclick="photoGrammetrySaveFunction()" id="tableSave" class="btn btn-primary">Save</button>
                                    <button class="photoGrammetryDraft" id="tableSave" class="btn btn-primary">Draft</button>
                                 
                              <!-- <button type="submit" class="btn btn-primary">Save</button> -->
                              </div>
                        </form>
                      </div>

                      <div id="step-7" class="">
                        <form class="nav-Report" method="post"  enctype="multipart/form-data">

                              <br>
                              <h2>Threat Assessment </h2>
                              <br>
                              <br>
                               <div class="row mb-5">
                                 <div class="col-md-12">
                                    <label>Threat Assessment</label>
                                    <div>
                                    </div>
                                 </div>
                              </div>

                              <div class="row">
                                   <div class="col-md-12" class="table-responsive">
                                        <span id="result"></span>
                                        <table class="" id="threatAssessment">
                                          <thead>
                                            <tr>
                                               <th scope="col">Threat</th>
                                               <th scope="col">Likelihood</th>
                                               <th scope="col"> Consequence</th>
                                               <th scope="col">Rating</th>
                                            </tr>
                                          </thead>
                                          <tbody class="threatAssessment">
                                          </tbody>

                                        </table>

                                  </div>
                                </div>
                                  <br>

                                <div class="row">
                                   <div class="col-md-12">
                                      <div class="form-group">
                                         <label>Please select the overall rating for the shipwreck</label>
                                         <div class="form-control" style="border: 0;">
                                            <div class="pretty p-switch">
                                               <input type="radio" @if ('severe' == $other_sheet->rating) checked @endif  value="severe" name="rating" />
                                               <div class="state p-success">
                                                  <label>Severe</label>
                                               </div>
                                            </div>
                                            <div class="pretty p-switch">
                                               <input type="radio" @if ('high' == $other_sheet->rating) checked @endif  value="high" name="rating" />
                                               <div class="state p-success">
                                                  <label>High</label>
                                               </div>
                                            </div>

                                            <div class="pretty p-switch">
                                               <input type="radio" @if ('medium' == $other_sheet->rating) checked @endif  value="medium" name="rating" />
                                               <div class="state p-success">
                                                  <label>Medium</label>
                                               </div>
                                            </div>
                                            <div class="pretty p-switch">
                                               <input type="radio" @if ('low' == $other_sheet->rating) checked @endif  value="low" name="rating" />
                                               <div class="state p-success">
                                                  <label>Low</label>
                                               </div>
                                            </div>
                                         </div>

                                      </div>
                                      @if ($errors->has('rating'))
                                      <div class="invalid-feedback" style="display: block;">
                                         {{ $errors->first('rating') }}
                                      </div>
                                      @endif
                                   </div>
                                </div>

                              <div class="form-group">
                                 <input type="hidden" name="otherSaveValue" id="otherSaveValue" value="draft">
                                 <input type="hidden" name="other_sheet_id" id="other_sheet_id" value="{{old('other_sheet_id', $other_sheet->id)}}">
                                 <input type="hidden" name="surveyReportingId" class="surveyReportingId" value="{{old('surveyReportingId', $surveyReporting_id)}}">

                                                                     <button onclick="otherSaveFunction()" class="btn btn-primary">Save</button>
                                    <button class="otherDraft" class="btn btn-primary">Draft</button>
                                 
                              <!-- <button type="submit" class="btn btn-primary">Save</button> -->
                              </div>
                        </form>
                      </div>
                    </div>
               </div>
            </div>
         </div>
      </div>
   </div>
    @endsection @section('scripts')
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.debug.js" integrity="sha384-NaWTHo/8YCBYJ59830LTz/P4aQZK1sS0SneOgAvhsIl3zBu8r9RevNg5lHCHAuQ/" crossorigin="anonymous"></script>

   <script>
        $.ajaxSetup({
            headers: { 'X-CSRF-TOKEN': document.head.querySelector('meta[name="csrf-token"]').content }
        });

        $("#step-1 :input").prop("disabled", true);
        $("#step-1 :input").css("background", " #0000");

         $("#step-2 :input").prop("disabled", true);
        $("#step-2 :input").css("background", " #0000");

         $("#step-3 :input").prop("disabled", true);
        $("#step-3 :input").css("background", " #0000");

         $("#step-4 :input").prop("disabled", true);
        $("#step-4 :input").css("background", " #0000");

         $("#step-5 :input").prop("disabled", true);
        $("#step-5 :input").css("background", " #0000");

         $("#step-6 :input").prop("disabled", true);
         $("#step-6 :input").css("background", " #0000");

         $("#step-7 :input").prop("disabled", true);
         $("#step-7 :input").css("background", " #0000");





          var url = window.location.href;
          var activeTab = url.substring(url.indexOf("#") + 1);
          if (activeTab != url) {
            $(".tab-pane").removeClass("active in");
            $("#" + activeTab).addClass("active in");
          }


         $("form#surferSheet").submit(function(e) {
            e.preventDefault();
            var surferFormData = new FormData(this);
            $.ajax({
              url: '/surfer-sheet/create',
              type: 'POST',
              data: surferFormData,
              success: function (data) {
                  if($.isEmptyObject(data.error)){
                     $(".print-success-msg-surfer").find("ul").html('');
                     $(".print-success-msg-surfer").css('display','block');
                     $(".print-success-msg-surfer").find("ul").append('<li>'+data.success+'</li>');
                     document.getElementById("surferId").value = data.surferSheet.id;
                     if (data.status == 'save') {
                        $(".surferSheetDraft").css('display','none');
                     }
                     $(".surveyReportingId").val(data.surveyReporting_id);
                     setTimeout(function(){
                        $(".print-success-msg-surfer").css('display','none');
                        if(window.location.pathname == '/reporting/create' ){
                           window.location.href='/reporting/show-post/'+data.surveyReporting_id+'/edit/#surfer_sheet';
                        }else{
                           window.location.reload(1);
                        }
                    }, 4500);
                  }else{
                     $(".print-error-msg-surfer").find("ul").html('');
                     $(".print-error-msg-surfer").css('display','block');
                     $.each( data.error, function( key, value ) {
                         $(".print-error-msg-surfer").find("ul").append('<li>'+value+'</li>');
                     });
                     setTimeout(function(){
                        $(".print-error-msg-surfer").css('display','none');
                    }, 4500);
                  }
              },
              cache: false,
              contentType: false,
              processData: false
            });
         });

         $(".surferSheetSave").click(function() {


            if ($('#structural_remains').val() || $('#organic_remains').val() || $('#other_objects').val() || $('#distribution').val()) {
              document.getElementById("classification_6").checked = true;
            }

             if ($('#classification_6').is(':checked') && !$.trim($('#structural_remains').val()) && !$.trim($('#organic_remains').val()) && !$.trim($('#other_objects').val()) && !$.trim($('#distribution').val())) {
                  $(".print-error-msg-surfer").find("ul").html('');
                  $(".print-error-msg-surfer").css('display','block');
                  $(".print-error-msg-surfer").find("ul").append('<li>The Site Classification Class 6 fields are required</li>');
               return false;
             }

            if ($('#debris_other').val()) {
              document.getElementById("debris_zone_other").checked = true;
              $("#debris").show();
            }

            if ($('#debris_zone_other').is(':checked') && !$.trim($('#debris_other').val())) {
               $(".print-error-msg-surfer").find("ul").html('');
               $(".print-error-msg-surfer").css('display','block');
               $(".print-error-msg-surfer").find("ul").append('<li>The Debris Zone Pattern Other field is required</li>');
            return false;
          }
         });

         $("form#mudmap").submit(function(e) {
            e.preventDefault();
            var mudmapFormData = new FormData(this);
            $.ajax({
              url: '/mud-map-sheet/edit',
              type: 'POST',
              data: mudmapFormData,
              success: function (data) {
                  if($.isEmptyObject(data.error)){
                     $(".print-success-msg-mudmap").find("ul").html('');
                     $(".print-success-msg-mudmap").css('display','block');
                     $(".print-success-msg-mudmap").find("ul").append('<li>'+data.success+'</li>');
                     document.getElementById("mud_map_id").value = data.mud_map_id;
                     if (data.status == 'save') {
                        $(".mudMapDraft").css('display','none');
                     }

                     $(".surveyReportingId").val(data.surveyReporting_id);
                     setTimeout(function(){
                        $(".print-success-msg-mudmap").css('display','none');
                        if(window.location.pathname == '/reporting/create' ){
                              window.location.href='/reporting/show-post/'+data.surveyReporting_id+'/edit/#mud_map';

                        }else{
                           window.location.reload(1);
                        }
                    }, 4500);
                  }else{
                     $(".print-error-msg-mudmap").find("ul").html('');
                     $(".print-error-msg-mudmap").css('display','block');
                     $.each( data.error, function( key, value ) {
                         $(".print-error-msg-mudmap").find("ul").append('<li>'+value+'</li>');
                     });
                      setTimeout(function(){
                        $(".print-error-msg-mudmap").css('display','none');
                     }, 4500);
                  }
              },
              cache: false,
              contentType: false,
              processData: false
            });
         });

         $("form#underwater").submit(function(e) {
            e.preventDefault();
            var underwaterFormData = new FormData(this);
            $.ajax({
              url: '/underwater-sheet/edit',
              type: 'POST',
              data: underwaterFormData,
              success: function (data) {
                  if($.isEmptyObject(data.error)){
                     $(".print-success-msg-underwater").find("ul").html('');
                     $(".print-success-msg-underwater").css('display','block');
                     $(".print-success-msg-underwater").find("ul").append('<li>'+data.success+'</li>');
                     document.getElementById("underwater_id").value = data.underwater_id;
                     if (data.status == 'save') {
                        $(".underwater-save").css('display','none');
                     }
                     $(".surveyReportingId").val(data.surveyReporting_id);
                     setTimeout(function(){
                        $(".print-success-msg-underwater").css('display','none');
                        if(window.location.pathname == '/reporting/create' ){
                           window.location.href='/reporting/show-post/'+data.surveyReporting_id+'/edit/#underwater_sheet';
                        }else{
                           window.location.reload(1);
                        }
                    }, 5500);
                  }else{
                     $(".print-error-msg-underwater").find("ul").html('');
                     $(".print-error-msg-underwater").css('display','block');
                     $.each( data.error, function( key, value ) {
                         $(".print-error-msg-underwater").find("ul").append('<li>'+value+'</li>');
                     });
                     setTimeout(function(){
                        $(".print-error-msg-underwater").css('display','none');
                    }, 5500);
                  }
              },
              cache: false,
              contentType: false,
              processData: false
            });
         });

         $("#metal_image").on("change", function() {
             if ($("#metal_image")[0].files.length > 2) {

               $(".print-error-msg-underwater").find("ul").html('');
               $(".print-error-msg-underwater").css('display','block');
               $(".print-error-msg-underwater").find("ul").append('<li>You can select only 2 images</li></li>');
                setTimeout(function(){
                   $(".print-error-msg-underwater").css('display','none');
               }, 5500);
             }
         });

         $("#ceramic_image").on("change", function() {
             if ($("#ceramic_image")[0].files.length > 2) {

               $(".print-error-msg-underwater").find("ul").html('');
               $(".print-error-msg-underwater").css('display','block');
               $(".print-error-msg-underwater").find("ul").append('<li>You can select only 2 images</li></li>');
                setTimeout(function(){
                   $(".print-error-msg-underwater").css('display','none');
               }, 5500);
             }
         });

         $("#glass_image").on("change", function() {
             if ($("#glass_image")[0].files.length > 2) {

               $(".print-error-msg-underwater").find("ul").html('');
               $(".print-error-msg-underwater").css('display','block');
               $(".print-error-msg-underwater").find("ul").append('<li>You can select only 2 images</li></li>');
                setTimeout(function(){
                   $(".print-error-msg-underwater").css('display','none');
               }, 5500);
             }
         });

         $("#stone_image").on("change", function() {
             if ($("#stone_image")[0].files.length > 2) {

               $(".print-error-msg-underwater").find("ul").html('');
               $(".print-error-msg-underwater").css('display','block');
               $(".print-error-msg-underwater").find("ul").append('<li>You can select only 2 images</li></li>');
                setTimeout(function(){
                   $(".print-error-msg-underwater").css('display','none');
               }, 5500);
             }
         });

         $("#rope_image").on("change", function() {
             if ($("#rope_image")[0].files.length > 2) {

               $(".print-error-msg-underwater").find("ul").html('');
               $(".print-error-msg-underwater").css('display','block');
               $(".print-error-msg-underwater").find("ul").append('<li>You can select only 2 images</li></li>');
                setTimeout(function(){
                   $(".print-error-msg-underwater").css('display','none');
               }, 5500);
             }
         });

         $("#timber_image").on("change", function() {
             if ($("#timber_image")[0].files.length > 2) {

               $(".print-error-msg-underwater").find("ul").html('');
               $(".print-error-msg-underwater").css('display','block');
               $(".print-error-msg-underwater").find("ul").append('<li>You can select only 2 images</li></li>');
                setTimeout(function(){
                   $(".print-error-msg-underwater").css('display','none');
               }, 5500);
             }
         });

         $("#leather_image").on("change", function() {
             if ($("#leather_image")[0].files.length > 2) {

               $(".print-error-msg-underwater").find("ul").html('');
               $(".print-error-msg-underwater").css('display','block');
               $(".print-error-msg-underwater").find("ul").append('<li>You can select only 2 images</li></li>');
                setTimeout(function(){
                   $(".print-error-msg-underwater").css('display','none');
               }, 5500);
             }
         });

        $("#skeletal_image").on("change", function() {
             if ($("#skeletal_image")[0].files.length > 2) {

               $(".print-error-msg-underwater").find("ul").html('');
               $(".print-error-msg-underwater").css('display','block');
               $(".print-error-msg-underwater").find("ul").append('<li>You can select only 2 images</li></li>');
                setTimeout(function(){
                   $(".print-error-msg-underwater").css('display','none');
               }, 5500);
             }
         });

       $(document).ready(function(){
              var threatcount = 1;
                              dynamic_field_threat_assessment(threatcount);               function dynamic_field_threat_assessment(number){
                  html = '<tr class="fileTr['+threatcount+']">';
                  html += '<td style="vertical-align: top;"><textarea style="background: white;" disabled="" name="threat[]" id="threat'+threatcount+'['+threatcount+']" class="form-control" rows="8"></textarea></td>';

                  html += '<td style="vertical-align: top;"><select style="background: white;" disabled="" class="js-example-basic-single form-control" name="likelihood[]" id="likelihood'+threatcount+'['+threatcount+']"><option id="highly_likely'+threatcount+'" value="highly_likely">Highly Likely</option><option id="likely'+threatcount+'" value="likely">Likely</option><option id="possible'+threatcount+'" value="possible">Possible</option><option id="unlikely'+threatcount+'" value="unlikely">Unlikely</option><option id="rare'+threatcount+'" value="rare">Rare</option></select></td>';

                  html += '<td style="vertical-align: top;"><select style="background: white;" disabled="" class="js-example-basic-single form-control" name="consequences[]" id="consequences'+threatcount+'['+threatcount+']"><option id="minor'+threatcount+'" value="minor">Minor</option> <option id="moderate'+threatcount+'" value="moderate">Moderate</option> <option id="high'+threatcount+'" value="high">High</option> <option id="major'+threatcount+'" value="major">Major</option><option id="critical'+threatcount+'" value="critical">Critical</option></select></td>';


                  html += '<td style="vertical-align: top;"><div class="col-md-4"><div class="form-group"><div class="form-control mb-2" style="border: 0;"><div class="pretty p-switch"><input style="background: white;" disabled="" type="radio" value="threat_severe" id="threat_severe'+threatcount+'['+threatcount+']" name="threat_rating['+threatcount+']" /> <div class="state p-success"><label>Severe</label></div></div><div class="pretty p-switch"><input style="background: white;" disabled="" type="radio" value="threat_high" id="threat_high'+threatcount+'['+threatcount+']" name="threat_rating['+threatcount+']" /><div class="state p-success"><label>High</label></div></div></div><div class="form-control mb-2" style="border: 0;"><div class="pretty p-switch"> <input style="background: white;" disabled="" type="radio" value="threat_medium" id="threat_medium'+threatcount+'['+threatcount+']" name="threat_rating['+threatcount+']" /><div class="state p-success"><label>Medium</label></div> </div><div class="pretty p-switch"><input style="background: white;" disabled="" type="radio" value="threat_low" id="threat_low'+threatcount+'['+threatcount+']" name="threat_rating['+threatcount+']" /> <div class="state p-success"><label>Low</label></div></div></div></div></div></td>';



                  html += '<input type="hidden"  name="threat_row_count[]" id="threat_row_count'+threatcount+'['+threatcount+']"  value="'+threatcount+'" />';

                    if(number > 1)
                    {
                      $('.threatAssessment').append(html);
                    }else{

                      $('.threatAssessment').html(html);
                    }
              }

              $(document).on('click', '#threat_add', function(){
                dynamic_field_threat_assessment(threatcount);
                threatcount++;

              });

              $(document).on('click', '.remove', function(){
                threatcount--;
                $(this).closest("tr").remove();
              });
        });
        $(document).ready(function(){
              var underwater = 1;
                              dynamic_field_underwater_sheet(underwater);               function dynamic_field_underwater_sheet(number){
                  html = '<tr class="fileTr['+underwater+']">';
                  html += '<td style="vertical-align: top;"><select style="background: white;" disabled="" class="js-example-basic-single form-control" name="material[]" id="material'+underwater+'['+underwater+']"><option id="metal'+underwater+'" value="metal">Metal</option><option id="ceramic'+underwater+'" value="ceramic">Ceramic</option><option id="glass'+underwater+'" value="glass">Glass</option><option id="stone'+underwater+'" value="stone">Stone</option><option id="rope'+underwater+'" value="rope">Rope</option><option id="timber'+underwater+'" value="timber">Timber</option> <option id="leather'+underwater+'" value="leather">Leather Textile</option><option id="skeletal'+underwater+'" value="skeletal">Skeletal</option></select></td>';
                  html += '<td style="vertical-align: top;"><textarea style="background: white;" disabled="" name="object_description[]" id="object_description'+underwater+'['+underwater+']" class="form-control" rows="8"></textarea> </td>';
                  html += '<td style="vertical-align: top;"><img src="" width="200" style="margin-bottom: 10px; display:none;" id="underwater_image1'+underwater+'"><img src="" width="200" style="display:none;" id="underwater_image2'+underwater+'"> </td>';
                  html += '<td style="vertical-align: top;"><div class="col-md-4"><div class="form-group"><div class="form-control mb-2" style="border: 0;"><div class="pretty p-switch"><input style="background: white;" disabled="" type="radio" value="apparent_condition_very_poor" id="apparent_condition_very_poor'+underwater+'['+underwater+']" name="apparent_condition['+underwater+']" /> <div class="state p-success"> <label>Very Poor</label></div></div><div class="pretty p-switch"><input style="background: white;" disabled="" type="radio" value="apparent_condition_poor" id="apparent_condition_poor'+underwater+'['+underwater+']" name="apparent_condition['+underwater+']" /> <div class="state p-success"> <label>Poor</label></div></div></div><div class="form-control mb-2" style="border: 0;"><div class="pretty p-switch"><input style="background: white;" disabled="" type="radio" value="apparent_condition_fair" id="apparent_condition_fair'+underwater+'['+underwater+']" name="apparent_condition['+underwater+']" /> <div class="state p-success"> <label>Fair</label> </div></div><div class="pretty p-switch"><input style="background: white;" disabled="" type="radio" value="apparent_condition_good" id="apparent_condition_good'+underwater+'['+underwater+']" name="apparent_condition['+underwater+']" /> <div class="state p-success"> <label>Good</label></div></div></div><div class="form-control" style="border: 0;"><div class="pretty p-switch"><input style="background: white;" disabled="" type="radio" value="apparent_condition_excellent" id="apparent_condition_excellent'+underwater+'['+underwater+']" name="apparent_condition['+underwater+']" /> <div class="state p-success"> <label>Excellent</label></div></div></div></div></div></td>';
                  html += '<td style="vertical-align: top;"><div class="col-md-4"><div class="form-group"><div class="form-control mb-2" style="border: 0;"><div class="pretty p-switch"> <input style="background: white;" disabled="" type="radio" value="degree_0_20" id="degree_0_20'+underwater+'['+underwater+']" name="degree_of_completeness['+underwater+']" /> <div class="state p-success"> <label>0 - 20</label></div></div><div class="pretty p-switch"><input style="background: white;" disabled="" type="radio" value="degree_21_40" id="degree_21_40'+underwater+'['+underwater+']" name="degree_of_completeness['+underwater+']" /><div class="state p-success"><label>21 - 40</label></div></div></div> <div class="form-control mb-2" style="border: 0;"><div class="pretty p-switch"> <input style="background: white;" disabled="" type="radio" value="degree_41_60" id="degree_41_60'+underwater+'['+underwater+']" name="degree_of_completeness['+underwater+']" /><div class="state p-success"><label>41 - 60</label></div></div><div class="pretty p-switch"> <input style="background: white;" disabled="" type="radio" value="degree_61_80" id="degree_61_80'+underwater+'['+underwater+']" name="degree_of_completeness['+underwater+']" /> <div class="state p-success"><label>61 - 80</label></div></div></div><div class="form-control" style="border: 0;"><div class="pretty p-switch"><input style="background: white;" disabled="" type="radio" value="degree_100" id="degree_100'+underwater+'['+underwater+']" name="degree_of_completeness['+underwater+']" /><div class="state p-success"><label>81 - 100</label></div></div> </div></div></div></td>';
                  html += '<td><div class="form-group"><label>Time</label><input style="background: white;" disabled="" type="text" name="location_time[]" id="location_time'+underwater+'['+underwater+']" value="" onclick="show_date(this)" class="exposed" /></div><div class="form-group"> <label>Depth</label><input style="background: white;" disabled="" type="number" name="location_depth[]" id="location_depth'+underwater+'['+underwater+']" value="" class="form-control" /></div><div class="form-group"><label>Location</label><input style="background: white;" disabled="" type="text" name="location_location[]" id="location_location'+underwater+'['+underwater+']" value="" class="form-control" /></div></td>';
                  html += '<input type="hidden"  name="image1[]" id="image1'+underwater+'"  value="" /><input type="hidden"  name="image2[]" id="image2'+underwater+'"  value="" />';

                  html += '<input type="hidden"  name="rowCount[]" id="underwater_row_count'+underwater+'['+underwater+']"  value="'+underwater+'" />';

                    if(number > 1)
                    {
                      $('.underwater_documents').append(html);
                    }else{

                      $('.underwater_documents').html(html);
                    }
              }

              $(document).on('click', '#add', function(){
                dynamic_field_underwater_sheet(underwater);
                underwater++;

              });
        });

        $(document).ready(function(){
              var count = 1;
                              dynamic_field(count);               function dynamic_field(number){
                  var photo_grammetry= '';
                  html = '<tr class="fileTr['+count+']">';
                  html += '<td><input disabled type="number" min="1" id="coded_target_no'+count+'['+count+']" name="coded_target_no[]" value="" class="form-control" /></td>';
                  html += '<td><input disabled type="text" name="mud_map_feature[]" id="mud_map_feature'+count+'['+count+']" value="" class="form-control" /> </td>';
                  html += '<td><input disabled type="number" min="1" name="video_mud_map_grid_no[]" id="video_mud_map_grid_no'+count+'['+count+']" value="" class="form-control" /> </td>';
                  html += '<td><input disabled type="number" step=0.01 name="depth_of_target[]" id="depth_of_target'+count+'['+count+']" value="" class="form-control" /> </td>';
                  html += '<td><input disabled type="text" name="site_name[]" id="site_name'+count+'['+count+']" value="" class="form-control" /> </td>';
                  html += '<td><input disabled type="date" name="date_imaged[]" id="date_imaged'+count+'['+count+']" value="" class="form-control" /> </td>';
                  html += '<td><input disabled type="text" name="survey_point[]" id="survey_point'+count+'['+count+']" value="" class="form-control" /> </td>';
                  html += '<td><input disabled type="text" name="description[]" id="description'+count+'['+count+']" value="" class="form-control" /> </td>';
                  html += '<td id="fileTd['+count+']"><input disabled type="file" name="pdf'+count+'[]" id="pdf'+count+'['+count+']" value=""  multiple="multiple" class="form-control" accept="application/pdf" /></td>';
                  html += '<input type="hidden"  name="rowCount[]" id="rowCount'+count+'['+count+']"  value="'+count+'" />';


                    if(number > 1)
                    {
                      html += '</tr>';
                      $('.documents').append(html);
                    }else{

                      html += '</tr>';
                      $('.documents').html(html);
                    }
              }

              $(document).on('click', '#add', function(){
                dynamic_field(count);
                count++;
              });

              $(document).on('click', '.remove', function(){
                count--;
                $(this).closest("tr").remove();
              });
        });


         $("form#photo").submit(function(e) {
            e.preventDefault();
            var videoFormData = new FormData(this);
            $.ajax({
              url: '/photo-condition-sheet/edit',
              type: 'POST',
              data: videoFormData,

              success: function (data) {
                  if($.isEmptyObject(data.error)){
                     $(".print-success-msg-photo").find("ul").html('');
                     $(".print-success-msg-photo").css('display','block');
                     $(".print-success-msg-photo").find("ul").append('<li>'+data.success+'</li>');

                     document.getElementById("photo_condition_id").value = data.photo_condition_id;
                     if (data.status == 'save') {
                        $(".photoConditionDraft").css('display','none');
                     }
                     $(".surveyReportingId").val(data.surveyReporting_id);

                     setTimeout(function(){
                        $(".print-success-msg-photo").css('display','none');
                        if(window.location.pathname == '/reporting/create' ){
                           window.location.href='/reporting/show-post/'+data.surveyReporting_id+'/edit/#photo_condition';
                        }else{
                           window.location.reload(1);
                        }
                     }, 4500);

                  }else{
                     $(".print-error-msg-photo").find("ul").html('');
                     $(".print-error-msg-photo").css('display','block');
                     $.each( data.error, function( key, value ) {
                         $(".print-error-msg-photo").find("ul").append('<li>'+value+'</li>');
                     });
                     setTimeout(function(){
                        $(".print-error-msg-photo").css('display','none');
                     }, 4500);
                  }
              },
              cache: false,
              contentType: false,
              processData: false
            });
         });

         $("form#video").submit(function(e) {
            e.preventDefault();
            var videoFormData = new FormData(this);
            $.ajax({
              url: '/video-transect-sheet/edit',
              type: 'POST',
              data: videoFormData,
              success: function (data) {
                  if($.isEmptyObject(data.error)){
                     $(".print-success-msg-video").find("ul").html('');
                     $(".print-success-msg-video").css('display','block');
                     $(".print-success-msg-video").find("ul").append('<li>'+data.success+'</li>');

                     document.getElementById("video_transect_id").value = data.video_transect_id;
                     if (data.status == 'save') {
                        $(".videoTransectSaveValue").css('display','none');
                     }
                     $(".surveyReportingId").val(data.surveyReporting_id);

                     setTimeout(function(){
                        $(".print-success-msg-video").css('display','none');
                        if(window.location.pathname == '/reporting/create' ){
                           window.location.href='/reporting/show-post/'+data.surveyReporting_id+'/edit/#video_transect';
                        }else{
                           window.location.reload(1);
                        }
                     }, 4500);
                  }else{
                     $(".print-error-msg-video").find("ul").html('');
                     $(".print-error-msg-video").css('display','block');
                     $.each( data.error, function( key, value ) {
                         $(".print-error-msg-video").find("ul").append('<li>'+value+'</li>');
                     });
                     setTimeout(function(){
                        $(".print-error-msg-video").css('display','none');
                     }, 4500);
                  }
              },
              cache: false,
              contentType: false,
              processData: false
            });
         });

         $("form#photogrammetry").submit(function(e) {
             e.preventDefault();
             var photogrammetryFormData = new FormData(this);

             $.ajax({
                 url: '/photogrammetry/edit',
                 type: 'POST',
                 data: photogrammetryFormData,
                 beforeSend:function(){
                 },
                 success: function (data) {
                  var error_html = '';

                  if($.isEmptyObject(data.error)){
                           $(".print-success-msg-photogrammetry").find("ul").html('');
                           $(".print-success-msg-photogrammetry").css('display','block');
                           $(".print-success-msg-photogrammetry").find("ul").append('<li>'+data.success+'</li>');
                            document.getElementById("photo_grammetry_id").value = data.photo_grammetry_id;

                           $(".surveyReportingId").val(data.surveyReporting_id);
                           setTimeout(function(){
                              $(".print-success-msg-photogrammetry").css('display','none');
                              if(window.location.pathname == '/reporting/create' ){
                                 window.location.href='/reporting/show-post/'+data.surveyReporting_id+'/edit/#Photogrammetry';
                              }else{
                                 window.location.reload(1);
                              }
                           }, 4500);
                  }else if (data.pdferror) {
                     $(".print-error-msg-photogrammetry").find("ul").html('');
                        $(".print-error-msg-photogrammetry").css('display','block');
                            $(".print-error-msg-photogrammetry").find("ul").append('<li>You can select only 5 PDF</li>');
                        setTimeout(function(){
                        $(".print-error-msg-photogrammetry").css('display','none');
                     }, 4500);
                  }else{
                        $(".print-error-msg-photogrammetry").find("ul").html('');
                        $(".print-error-msg-photogrammetry").css('display','block');
                        $.each( data.error, function( key, value ) {
                            $(".print-error-msg-photogrammetry").find("ul").append('<li>'+value+'</li>');
                        });
                          setTimeout(function(){
                            $(".print-error-msg-photogrammetry").css('display','none');
                         }, 4500);
                  }
              },
                 cache: false,
                 contentType: false,
                 processData: false
             });
         });

         $("form#threatAssessment").submit(function(e) {
            e.preventDefault();
            var formData = new FormData(this);
            $.ajax({
              url: '/otherSheet/edit',
              type: 'POST',
              data: formData,
              success: function (data) {
                  if($.isEmptyObject(data.error)){
                     $(".print-success-msg-other").find("ul").html('');
                     $(".print-success-msg-other").css('display','block');
                     $(".print-success-msg-other").find("ul").append('<li>'+data.success+'</li>');
                     document.getElementById("other_sheet_id").value = data.other_sheet_id;
                            if (data.status == 'save') {
                               $(".otherDraft").css('display','none');
                            }

                           $(".surveyReportingId").val(data.surveyReporting_id);
                             setTimeout(function(){
                              $(".print-success-msg-other").css('display','none');
                              if(window.location.pathname == '/reporting/create' ){
                                 window.location.href='/reporting/show-post/'+data.surveyReporting_id+'/edit/#other';
                              }
                           }, 4500);
                  }else{
                     $(".print-error-msg-other").find("ul").html('');
                     $(".print-error-msg-other").css('display','block');
                     $.each( data.error, function( key, value ) {
                         $(".print-error-msg-other").find("ul").append('<li>'+value+'</li>');
                     });
                     setTimeout(function(){
                        $(".print-error-msg-other").css('display','none');
                     }, 4500);
                  }
              },
              cache: false,
              contentType: false,
              processData: false
            });
         });

        var debris_zone = document.getElementById("debris_zone_other");
         if (debris_zone.checked == true){
                 $("#debris").show();
         }

        $("input[name='debris_zone']").click(function() {
            if ($("#debris_zone_other").is(":checked")) {
                $("#debris").show();
            }else{
              $("#debris").hide();
            }
        });

        function surferSheetSaveFunction() {
           document.getElementById("saveValue").value = 'save';
        }
        function mudMapSaveFunction() {
           document.getElementById("mudMapSaveValue").value = 'save';
        }
        function underwaterSheetSaveFunction() {
           document.getElementById("underwaterSaveValue").value = 'save';
        }

        function photoConditionSaveFunction() {
           document.getElementById("photoConditionSaveValue").value = 'save';
        }
        function videoTransectSaveFunction() {
           document.getElementById("videoTransectSaveValue").value = 'save';
        }

        function photoGrammetrySaveFunction() {
           document.getElementById("photoGrammetrySaveValue").value = 'save';

        }

        function otherSaveFunction() {
           document.getElementById("otherSaveValue").value = 'save';
        }

          $(document).ready(function(){
            $('#diverName').selectize();
          });

        $(function() {
            $('input[name="date"]').daterangepicker({
                singleDatePicker: true,
                locale: {
                    format: 'YYYY/MM/DD'
                }
            }, function(start, end, label) {
                alert("You are " + years + " years old!");
            });
        });

        $(function() {
            $('#datetimes').daterangepicker({
                timePicker: true,
                singleDatePicker: true,
                timePicker24Hour: true,
                timePickerIncrement: 1,
                timePickerSeconds: true,
                locale: {
                    format: 'ss:mm:HH'
                }
            }).on('show.daterangepicker', function(ev, picker) {
                picker.container.find(".calendar-table").hide();
            });
        });

        $(function() {
            $("input[name='evi_struct_collapse']").click(function() {
                if ($("#chkYes").is(":checked")) {
                    $("#evi_struct").show();
                } else {
                    $("#evi_struct").hide();
                }

            });


            $("input[name='evi_active_corrosion']").click(function() {
                if ($("#yes").is(":checked")) {
                    $("#evi_active").show();
                } else {
                    $("#evi_active").hide();
                }
            });
        });

        $("input[name='rubbish_present']").click(function() {
            if ($("#rubbishYes").is(":checked")) {
                $("#rubbish").show();
            } else {
                $("#rubbish").hide();
            }
        });

        $("input[name='evi_of_human_disturbance']").click(function() {
            if ($("#evi_of_human_yes").is(":checked")) {
                $("#evi_of_human").show();
            } else {
                $("#evi_of_human").hide();
            }
        });

        $("input[name='sediment_buildup']").click(function() {
            if ($("#sediment_yes").is(":checked")) {
                $("#sediment").show();
            } else {
                $("#sediment").hide();
            }
        });


       $('#wrapper').find("input[value='yeahyeah']").each(function(){
          return alert( $(this).attr("id") )

       });


       $('#name').selectize({
           plugins: ['restore_on_backspace'],
           delimiter: ',',
           persist: false,
           maxItems: 6,
           create: function(input) {
               return {
                   value: input,
                   text: input
               }
           }
       });
       var surfer = '';
       var mud_map = '';
       var photo_condition = '';
       var video_transect = '';
       var photo_grammetry = '';
       var underwater_sheet = '';
       var other_sheet = '';
       $("#evi_of_human").show();
       $("#evi_active").show();
       $("#evi_struct").show();
       $("#rubbish").show();
       $("#sediment").show();
       $("#timber_infestation_dev").show();
       $("#fouling_organisms_dev").show();
       $("#sediment_gradation").show();

        function sharedFunction(surveyReporting_id) {
         var checkBox = document.getElementById("shared");
          if (checkBox.checked == true){
              var shared = true;
              swal("Poof! Your post will be activated.please wait!");
              setTimeout(() => {
                 $.ajax({
                    type: "POST",
                    url: '/surfer-sheet/shared',
                    data: {shared: shared, surveyReporting_id : surveyReporting_id},
                    success: function( msg ) {
                       setTimeout(function(){
                        window.location.href='/reporting/show-post/'+surveyReporting_id+'/edit/#declaration';
                      }, 1000);
                    }
                 });

               }, 3000);
          }
        }
        var datum_other = document.getElementById("datum_other");
        if (datum_other.checked == true){
                $("#other_datum").show();
        }

       $('#structural_remains').selectize({
              options: [
                 {itemGroup: 'Extensive', itemValue: 'Extensive', itemName: 'Extensive'},
                 {itemGroup: 'Elements', itemValue: 'Elements', itemName: 'Elements'},
                 {itemGroup: 'Fragments', itemValue: 'Fragments', itemName: 'Fragments'},
                 {itemGroup: 'None', itemValue: 'None', itemName: 'None'}

               ],
                searchField: ['itemGroup', 'itemName'],
                labelField: 'itemName',
                valueField: 'itemValue',
                sortField: 'text',
                maxItems :'1',
                create: function(input) {
                return {
                   value: input,
                   text: input,
                }
             }
          });

          $('#organic_remains').selectize({
              options: [
                 {itemGroup: 'Many', itemValue: 'Many', itemName: 'Many'},
                 {itemGroup: 'Some', itemValue: 'Some', itemName: 'Some'},
                 {itemGroup: 'Few', itemValue: 'Few', itemName: 'Few'},
                 {itemGroup: 'None', itemValue: 'None', itemName: 'None'}

               ],
                searchField: ['itemGroup', 'itemName'],
                labelField: 'itemName',
                valueField: 'itemValue',
                sortField: 'text',
                maxItems :'1',
                create: function(input) {
                return {
                   value: input,
                   text: input,
                }
             }
          });

       $('#other_objects').selectize({
              options: [
                 {itemGroup: 'Many', itemValue: 'Many', itemName: 'Many'},
                 {itemGroup: 'Some', itemValue: 'Some', itemName: 'Some'},
                 {itemGroup: 'Few', itemValue: 'Few', itemName: 'Few'},
                 {itemGroup: 'None', itemValue: 'None', itemName: 'None'}

               ],
                searchField: ['itemGroup', 'itemName'],
                labelField: 'itemName',
                valueField: 'itemValue',
                sortField: 'text',
                maxItems :'1',
                create: function(input) {
                return {
                   value: input,
                   text: input,
                }
             }
          });

        $('#distribution').selectize({
            options: [
               {itemGroup: 'Coherent', itemValue: 'Coherent', itemName: 'Coherent'},
               {itemGroup: 'Scattered ordered', itemValue: 'Scattered ordered', itemName: 'Scattered ordered'},
               {itemGroup: 'Scattered disordered', itemValue: 'Scattered disordered', itemName: 'Scattered disordered'}
             ],
              searchField: ['itemGroup', 'itemName'],
              labelField: 'itemName',
              valueField: 'itemValue',
              sortField: 'text',
              maxItems :'1',
              create: function(input) {
              return {
                 value: input,
                 text: input,
              }
           }
        });

        $("input[name='datum']").click(function() {
            if ($("#datum_other").is(":checked")) {
                $("#other_datum").show();
            }else{
              $("#other_datum").hide();
            }
        });
        var surfer_sheet = document.getElementById("surfer_sheet");
        var mud_map = document.getElementById("mud_map");
        var underwater_sheet = document.getElementById("underwater_sheet");
        var photo_condition = document.getElementById("photo_condition");
        var Photogrammetry = document.getElementById("Photogrammetry");
        var video_transect = document.getElementById("video_transect");
        var other = document.getElementById("other");

        $(document).ready(function(){
            $('.time_of_survey').timepicker({
                timeFormat: 'HH:mm:ss',
                interval: 15,
                minTime: '00:00:00', // 11:45:00 AM,
                maxHour: 24,
                maxMinutes: 30,
                startTime: new Date(0,0,0,0,0,0), // 3:00:00 PM - noon
                dynamic: true,
                dropdown: true,
                scrollbar: true
            });

            $('.photo_condition_time').timepicker({
                timeFormat: 'HH:mm:ss',
                interval: 15,
                minTime: '00:00:00', // 11:45:00 AM,
                maxHour: 24,
                maxMinutes: 30,
                startTime: new Date(0,0,0,0,0,0), // 3:00:00 PM - noon
                dynamic: true,
                dropdown: true,
                scrollbar: true
            });
        });

        $('#cmd').click(function () {
          $("#cmd").hide();
           print();
           $("#cmd").show();
        });
</script>
 @endsection