@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;
  }

}

</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" id="">
  <div class="container">
    <div class="member-blog-container">
      <div class="page-section">
        <div class="container">
          <ul class="nav nav-tabs" role="tablist">
            <li class="nav-item">
              <a class="tab-nav-link active" href="#surfer_sheet" role="tab" data-toggle="tab">Surface sheet</a>
            </li>
            <li class="nav-item">
              <a class="tab-nav-link" href="#mud_map" role="tab" data-toggle="tab">Mud map</a>
            </li>
            <li class="nav-item">
              <a class="tab-nav-link" href="#underwater_sheet" role="tab" data-toggle="tab">Underwater sheet</a>
            </li>
            <li class="nav-item">
              <a class="tab-nav-link" href="#photo_condition" role="tab" data-toggle="tab">Photo condition</a>
            </li>
            <li class="nav-item">
              <a class="tab-nav-link" href="#video_transect" role="tab" data-toggle="tab">Video transect </a>
            </li>
            <li class="nav-item">
              <a class="tab-nav-link" href="#Photogrammetry" role="tab" data-toggle="tab">Photogrammetry</a>
            </li>
            <li class="nav-item">
              <a class="tab-nav-link" href="#other" role="tab" data-toggle="tab">Threat Assessment</a>
            </li>

          </ul>
          <div class="tab-content">
            <div class="alert alert-success print-success-msg-surfer" style="display:none">
              <ul></ul>
            </div>

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

            @if ($errors->any())
            <div class="alert alert-danger">
              <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
              </ul>
            </div>
            @endif
            <div role="tabpanel" class="tab-pane active" id="surfer_sheet">
              <form name="surferSheet" id="surferSheet" method="post"  enctype="multipart/form-data">
                @csrf<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>
                          <!-- <input type="time"  name="time_of_survey" id="time_of_survey" value="{{old('time_of_survey', $surfer->time_of_survey)}}" class="form-control" /> -->

                          <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>
                      <select  id="diverName" name="name[]" multiple="" placeholder="No adopted..." >
                        @if(!empty($adopted_members))
                                                @elese
                        @endif
                      </select>
                    </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">
                  <div class="col-md-12">
                    <label> Site Classification</label>
                    <table class="table table-bordered">
                      <thead>
                        <tr>
                          <th scope="col">#</th>
                          <th scope="col">#</th>
                          <th scope="col">Structural Remains</th>
                          <th scope="col">Organic Remains</th>
                          <th scope="col">Other Objects</th>
                          <th scope="col">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>
                </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 role="tabpanel" class="tab-pane" id="mud_map">
              <form name="mudmap" id="mudmap" method="post" enctype="multipart/form-data">
                <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" disabled="" name="features_1" value="{{old('features_1', $mud_map->features_1)}}" class="form-control" />
                        </td>
                        <td>6</td>
                        <td>
                          <input type="text" disabled="" name="features_6" value="{{old('features_6', $mud_map->features_6)}}" class="form-control" />
                        </td>
                      </tr>
                      <tr>
                        <td>2</td>
                        <td>
                          <input type="text" disabled="" name="features_2" value="{{old('features_2', $mud_map->features_2)}}" class="form-control" />
                        </td>
                        <td>7</td>
                        <td>
                          <input type="text" disabled="" name="features_7" value="{{old('features_7', $mud_map->features_7)}}" class="form-control" />
                        </td>
                      </tr>
                      <tr>
                        <td>3</td>
                        <td>
                          <input type="text" disabled="" name="features_3" value="{{old('features_3', $mud_map->features_3)}}" class="form-control" />
                        </td>
                        <td>8</td>
                        <td>
                          <input type="text" disabled="" name="features_8" value="{{old('features_8', $mud_map->features_8)}}" class="form-control" />
                        </td>
                      </tr>
                      <tr>
                        <td>4</td>
                        <td>
                          <input type="text" disabled="" name="features_4" value="{{old('features_4', $mud_map->features_4)}}" class="form-control" />
                        </td>
                        <td>9</td>
                        <td>
                          <input type="text" disabled="" name="features_9" value="{{old('features_9', $mud_map->features_9)}}" class="form-control" />
                        </td>
                      </tr>
                      <tr>
                        <td>5</td>
                        <td>
                          <input type="text" disabled=""  name="features_5" value="{{old('features_5', $mud_map->features_5)}}" class="form-control" />
                        </td>
                        <td>10</td>
                        <td>
                          <input type="text" disabled=""  name="features_10" value="{{old('features_10', $mud_map->features_10)}}" class="form-control" />
                        </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 role="tabpanel" class="tab-pane" id="underwater_sheet">
              <form name="underwater" id="underwater" method="post" enctype="multipart/form-data">
                <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>
                            &lt;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="number" min="1" step="0.01" 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 )
                          <input type="file" name="evi_struct_collapse_image" accept="image/*"  class="form-control"  />
                          @if ($errors->has('evi_struct_collapse_image'))
                          <div class="invalid-feedback" style="display: block;">
                            {{ $errors->first('evi_struct_collapse_image') }}
                          </div>
                          @endif
                          @else
                          <input type="hidden" name="evi_struct_collapse_image" value="{{ old('evi_struct_collapse_image', $underwater_sheet->evi_struct_collapse_image) }}">
                          <img src="{{ asset($underwater_sheet->path.$underwater_sheet->evi_struct_collapse_image) }}" style="width: 100%;">
                          @endif

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

                    </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" id="sediment_gradation_yes" @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>
                    @if ($errors->has('sediment_gradation'))
                    <div class="invalid-feedback" style="display: block;">
                      {{ $errors->first('sediment_gradation') }}
                    </div>
                    @endif

                    <div id="sediment_gradation" style="display: none;">
                      <div class="form-group">
                        <label>Photograph</label><br>

                        @if(!$underwater_sheet->sediment_gradation_image )
                        <input type="file" name="sediment_gradation_image" accept="image/*"  class="form-control"  />
                        @if ($errors->has('sediment_gradation_image'))
                        <div class="invalid-feedback" style="display: block;">
                          {{ $errors->first('sediment_gradation_image') }}
                        </div>
                        @endif
                        @else
                        <input type="hidden" name="sediment_gradation_image" value="{{ old('sediment_gradation_image', $underwater_sheet->sediment_gradation_image) }}">
                        <img src="{{ asset($underwater_sheet->path.$underwater_sheet->sediment_gradation_image) }}" style="width: 100%;">
                        @endif

                        @if ($errors->has('sediment_gradation_image'))
                        <div class="invalid-feedback" style="display: block;">
                          {{ $errors->first('sediment_gradation_image') }}
                        </div>
                        @endif
                      </div>
                    </div>
                  </div>
                </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>
                    @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" />
                          @if ($errors->has('evi_active_corrosion_position'))
                          <div class="invalid-feedback" style="display: block;">
                            {{ $errors->first('evi_active_corrosion_position') }}
                          </div>
                          @endif
                        </div>

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

                          @if(!$underwater_sheet->recent_active_corrosion_image )
                          <input type="file" name="recent_active_corrosion_image" accept="image/*"  class="form-control"  />
                          @if ($errors->has('recent_active_corrosion_image'))
                          <div class="invalid-feedback" style="display: block;">
                            {{ $errors->first('recent_active_corrosion_image') }}
                          </div>
                          @endif
                          @else
                          <input type="hidden" name="recent_active_corrosion_image" value="{{ old('recent_active_corrosion_image', $underwater_sheet->recent_active_corrosion_image) }}">
                          <img src="{{ asset($underwater_sheet->path.$underwater_sheet->recent_active_corrosion_image) }}" style="width: 100%;">
                          @endif

                          @if ($errors->has('recent_active_corrosion_image'))
                          <div class="invalid-feedback" style="display: block;">
                            {{ $errors->first('recent_active_corrosion_image') }}
                          </div>
                          @endif
                        </div>
                      </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 id="fouling_organisms_dev" style="display: none;">
                        <div class="form-group">
                          <label>Photograph</label><br>

                          @if(!$underwater_sheet->fouling_organisms_image )
                          <input type="file" name="fouling_organisms_image" accept="image/*"  class="form-control"  />
                          @if ($errors->has('fouling_organisms_image'))
                          <div class="invalid-feedback" style="display: block;">
                            {{ $errors->first('fouling_organisms_image') }}
                          </div>
                          @endif
                          @else
                          <input type="hidden" name="fouling_organisms_image" value="{{ old('fouling_organisms_image', $underwater_sheet->fouling_organisms_image) }}">
                          <img src="{{ asset($underwater_sheet->path.$underwater_sheet->fouling_organisms_image) }}" style="width: 100%;">
                          @endif

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

                    </div>
                    @if ($errors->has('fouling_organisms'))
                    <div class="invalid-feedback" style="display: block;">
                      {{ $errors->first('fouling_organisms') }}
                    </div>
                    @endif
                    <div id="fouling_organisms_dev" style="display: none;">
                      <div class="form-group">
                        <label>Photograph</label><br>

                        @if(!$underwater_sheet->fouling_organisms_image )
                        <input type="file" name="fouling_organisms_image" accept="image/*"  class="form-control"  />
                        @if ($errors->has('fouling_organisms_image'))
                        <div class="invalid-feedback" style="display: block;">
                          {{ $errors->first('fouling_organisms_image') }}
                        </div>
                        @endif
                        @else
                        <input type="hidden" name="fouling_organisms_image" value="{{ old('fouling_organisms_image', $underwater_sheet->fouling_organisms_image) }}">
                        <img src="{{ asset($underwater_sheet->path.$underwater_sheet->fouling_organisms_image) }}" style="width: 100%;">
                        @endif

                        @if ($errors->has('fouling_organisms_image'))
                        <div class="invalid-feedback" style="display: block;">
                          {{ $errors->first('fouling_organisms_image') }}
                        </div>
                        @endif
                      </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>
                    @if ($errors->has('timber_infestation'))
                    <div class="invalid-feedback" style="display: block;">
                      {{ $errors->first('timber_infestation') }}
                    </div>
                    @endif

                    <div id="timber_infestation_dev" style="display: none;">
                      <div class="form-group">
                        <label>Photograph</label><br>

                        @if(!$underwater_sheet->timber_infestation_image )
                        <input type="file" name="timber_infestation_image" accept="image/*"  class="form-control"  />
                        @if ($errors->has('timber_infestation_image'))
                        <div class="invalid-feedback" style="display: block;">
                          {{ $errors->first('timber_infestation_image') }}
                        </div>
                        @endif
                        @else
                        <input type="hidden" name="timber_infestation_image" value="{{ old('timber_infestation_image', $underwater_sheet->timber_infestation_image) }}">
                        <img src="{{ asset($underwater_sheet->path.$underwater_sheet->timber_infestation_image) }}" style="width: 100%;">
                        @endif

                        @if ($errors->has('timber_infestation_image'))
                        <div class="invalid-feedback" style="display: block;">
                          {{ $errors->first('timber_infestation_image') }}
                        </div>
                        @endif
                      </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" @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" @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" @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" @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" @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" @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" @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 )
                          <input type="file" name="evi_of_human_disturbance_image" accept="image/*"  class="form-control"  />
                          @if ($errors->has('evi_of_human_disturbance_image'))
                          <div class="invalid-feedback" style="display: block;">
                            {{ $errors->first('evi_of_human_disturbance_image') }}
                          </div>
                          @endif
                          @else
                          <input type="hidden" name="evi_of_human_disturbance_image" value="{{ old('evi_of_human_disturbance_image', $underwater_sheet->evi_of_human_disturbance_image) }}">
                          <img src="{{ asset($underwater_sheet->path.$underwater_sheet->evi_of_human_disturbance_image) }}" style="width: 100%;">
                          @endif

                          @if ($errors->has('evi_of_human_disturbance_image'))
                          <div class="invalid-feedback" style="display: block;">
                            {{ $errors->first('evi_of_human_disturbance_image') }}
                          </div>
                          @endif
                        </div>
                      </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" />
                          @if ($errors->has('sediment_buildup_depth'))
                          <div class="invalid-feedback" style="display: block;">
                            {{ $errors->first('sediment_buildup_depth') }}
                          </div>
                          @endif
                        </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" />
                          @if ($errors->has('sediment_buildup_position'))
                          <div class="invalid-feedback" style="display: block;">
                            {{ $errors->first('sediment_buildup_position') }}
                          </div>
                          @endif
                        </div>

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

                          @if(!$underwater_sheet->sediment_buildup_position_image )
                          <input type="file" name="sediment_buildup_position_image" accept="image/*"  class="form-control"  />
                          @if ($errors->has('sediment_buildup_position_image'))
                          <div class="invalid-feedback" style="display: block;">
                            {{ $errors->first('sediment_buildup_position_image') }}
                          </div>
                          @endif
                          @else
                          <input type="hidden" name="sediment_buildup_position_image" value="{{ old('sediment_buildup_position_image', $underwater_sheet->sediment_buildup_position_image) }}">
                          <img src="{{ asset($underwater_sheet->path.$underwater_sheet->sediment_buildup_position_image) }}" style="width: 100%;">
                          @endif

                          @if ($errors->has('sediment_buildup_position_image'))
                          <div class="invalid-feedback" style="display: block;">
                            {{ $errors->first('sediment_buildup_position_image') }}
                          </div>
                          @endif
                        </div>
                      </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>
                      @if ($errors->has('highest_point'))
                      <div class="invalid-feedback" style="display: block;">
                        {{ $errors->first('highest_point') }}
                      </div>
                      @endif
                    </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 role="tabpanel" class="tab-pane" id="photo_condition">
              <form name="photo" id="photo" method="post" enctype="multipart/form-data">
                <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">
                  <div class="col-md-12">
                    <table class="table table-bordered artefacts">
                      <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 )
                                <input type="file" name="img1"  class="form-control"  />
                                @if ($errors->has('img1'))
                                <div class="invalid-feedback" style="display: block;">
                                  {{ $errors->first('img1') }}
                                </div>
                                @endif
                                @else
                                <input type="hidden" name="img1" value="{{ old('img1', $photo_condition->img1) }}">
                                <img src="{{ asset($photo_condition->path.$photo_condition->img1) }}" style="width: 100%;">
                                @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 )
                                <input type="file" name="img2" value="" class="form-control"  />
                                @if ($errors->has('img2'))
                                <div class="invalid-feedback" style="display: block;">
                                  {{ $errors->first('img2') }}
                                </div>
                                @endif
                                @else
                                <input type="hidden" name="img2" value="{{ old('img2', $photo_condition->img2) }}">
                                <img src="{{ asset($photo_condition->path.$photo_condition->img2) }}" style="width: 100%;">
                                @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 )
                                <input type="file" name="img3" value="" class="form-control"  />
                                @if ($errors->has('img3'))
                                <div class="invalid-feedback" style="display: block;">
                                  {{ $errors->first('img3') }}
                                </div>
                                @endif
                                @else
                                <input type="hidden" name="img3" value="{{ old('img3', $photo_condition->img3) }}">
                                <img src="{{ asset($photo_condition->path.$photo_condition->img3) }}" style="width: 100%;">
                                @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 )
                                <input type="file" name="img4" value="" class="form-control"  />
                                @if ($errors->has('img4'))
                                <div class="invalid-feedback" style="display: block;">
                                  {{ $errors->first('img4') }}
                                </div>
                                @endif
                                @else
                                <input type="hidden" name="img4" value="{{ old('img4', $photo_condition->img4) }}">
                                <img src="{{ asset($photo_condition->path.$photo_condition->img4) }}" style="width: 100%;">
                                @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 )
                                <input type="file" name="img5" value="" class="form-control"  />
                                @if ($errors->has('img5'))
                                <div class="invalid-feedback" style="display: block;">
                                  {{ $errors->first('img5') }}
                                </div>
                                @endif
                                @else
                                <input type="hidden" name="img5" value="{{ old('img5', $photo_condition->img5) }}">
                                <img src="{{ asset($photo_condition->path.$photo_condition->img5) }}" style="width: 100%;">
                                @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 )
                                <input type="file" name="img6" value="" class="form-control"  />
                                @if ($errors->has('img6'))
                                <div class="invalid-feedback" style="display: block;">
                                  {{ $errors->first('img6') }}
                                </div>
                                @endif
                                @else
                                <input type="hidden" name="img6" value="{{ old('img6', $photo_condition->img6) }}">
                                <img src="{{ asset($photo_condition->path.$photo_condition->img6) }}" style="width: 100%;">
                                @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 )
                                <input type="file" name="img7" value="" class="form-control"  />
                                @if ($errors->has('img7'))
                                <div class="invalid-feedback" style="display: block;">
                                  {{ $errors->first('img7') }}
                                </div>
                                @endif
                                @else
                                <input type="hidden" name="img7" value="{{ old('img7', $photo_condition->img7) }}">
                                <img src="{{ asset($photo_condition->path.$photo_condition->img7) }}" style="width: 100%;">
                                @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 )
                                <input type="file" name="img8" value="" class="form-control"  />
                                @if ($errors->has('img8'))
                                <div class="invalid-feedback" style="display: block;">
                                  {{ $errors->first('img8') }}
                                </div>
                                @endif
                                @else
                                <input type="hidden" name="img8" value="{{ old('img8', $photo_condition->img8) }}">
                                <img src="{{ asset($photo_condition->path.$photo_condition->img8) }}" style="width: 100%;">
                                @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 )
                                <input type="file" name="img9" value="" class="form-control"  />
                                @if ($errors->has('img9'))
                                <div class="invalid-feedback" style="display: block;">
                                  {{ $errors->first('img9') }}
                                </div>
                                @endif
                                @else
                                <input type="hidden" name="img9" value="{{ old('img9', $photo_condition->img9) }}">
                                <img src="{{ asset($photo_condition->path.$photo_condition->img9) }}" style="width: 100%;">
                                @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 )
                                <input type="file" name="img10" value="" class="form-control"  />
                                @if ($errors->has('img10'))
                                <div class="invalid-feedback" style="display: block;">
                                  {{ $errors->first('img10') }}
                                </div>
                                @endif
                                @else
                                <input type="hidden" name="img10" value="{{ old('img10', $photo_condition->img10) }}">
                                <img src="{{ asset($photo_condition->path.$photo_condition->img10) }}" style="width: 100%;">
                                @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>
                <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 role="tabpanel" class="tab-pane" id="video_transect">
              <form name="video" id="video" method="post" enctype="multipart/form-data">
                <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>Transect Name</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('camertransect_namea_lens') }}
                      </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 role="tabpanel" class="tab-pane" id="Photogrammetry">
                    <form name="photogrammetry" id="photogrammetry" method="post" enctype="multipart/form-data">
                      <div class="alert alert-success print-success-msg-photogrammetry" style="display:none">
                        <ul></ul>
                      </div>
                      <div class="alert alert-danger print-error-msg-photogrammetry" style="display:none">
                        <ul></ul>
                      </div>


                      @csrf
                      <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 scope="col">Coded target No/ID</th>
                                 <th scope="col"> Mud map grid number</th>
                                 <th scope="col"> Depth of coded target</th>
                                 <th scope="col">Survey point feature name/ID</th>
                                 <th scope="col">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()" class="btn btn-primary">Save</button>
                          <button class="photoGrammetryDraft btn btn-primary">Draft</button>
                        
                        <!-- <button type="submit" class="btn btn-primary">Save</button> -->
                      </div>
                    </form>
                  </div>

                  <div role="tabpanel" class="tab-pane" id="other">
                    <form name="threatAssessment" id="threatAssessment" method="post"  enctype="multipart/form-data">
                      <div class="alert alert-success print-success-msg-other" style="display:none">
                        <ul></ul>
                      </div>

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

                      @csrf
                      <br>
                      <h2>Threat Assessment</h2>
                      <br>
                      <br>

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

        $(document).ready(function(){

          $( "#diverName" ).prop( "disabled", false );
        });



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

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

        $("#underwater_sheet :input").prop("disabled", true);
        $("#underwater_sheet :radio").prop("disabled", true);
        $("#underwater_sheet :input").css("background", " #0000");

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

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

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

        $("#other :input").prop("disabled", true);
        $("#other :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 count = 1;
                              dynamic_field(count);               function dynamic_field(number){
                  var photo_grammetry= '';
                  html = '<tr class="fileTr['+count+']">';
                  html += '<td><textarea disabled="" style="background: white;" name="coded_target_no[]" id="coded_target_no'+count+'['+count+']" class="form-control" rows="8"></textarea></td>';
                  html += '<td><textarea disabled="" style="background: white;" name="video_mud_map_grid_no[]" id="video_mud_map_grid_no'+count+'['+count+']" class="form-control" rows="8"></textarea></td>';
                  html += '<td><textarea disabled="" style="background: white;" name="depth_of_target[]" id="depth_of_target'+count+'['+count+']" class="form-control" rows="8"></textarea></td>';
                  html += '<td><textarea disabled="" style="background: white;" name="survey_point[]" id="survey_point'+count+'['+count+']" class="form-control" rows="8"></textarea></td>';
                  html += '<td id="fileTd['+count+']"><input style="background: white;"  type="file" disabled="" name="pdf'+count+'[]" id="pdf'+count+'['+count+']" value=""  multiple="multiple" class="form-control" accept="image/jpeg,image/gif,image/png,application/pdf" /></td>';
                  html += '<input type="hidden"  name="rowCount[]" id="rowCount'+count+'['+count+']"  value="'+count+'" />';


                    if(number > 1)
                    {
                      html += '<td><text type="hidden" name="" id="" class="" ?></td></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
  });
});

$(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="" style="width: 100%;margin-bottom: 10px; display:none;" id="underwater_image1'+underwater+'"><img src="" style="width: 100%;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 type="radio" style="background: white;" disabled=""  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 type="radio" style="background: white;" disabled=""  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  style="background: white;" disabled="" 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++;

  });
});






$("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();
  }
});


$(document).ready(function() {
  if($("#statutoryDatabaseName option:selected").val() == 'other'){
    $('.statutory').show();
    document.getElementById("statutory").disabled = false;
  }
});

$(function() {
  $('#statutoryDatabaseName').change(function(){
    if($(this).val() == 'other'){
      $('.statutory').show();
      document.getElementById("statutory").disabled = false;

    }else{
      $('.statutory').hide();
      document.getElementById("statutory").disabled = true;

    }

  });
});

$(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 class="js-example-basic-single form-control" style="background: white;" disabled="" 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 class="js-example-basic-single form-control" style="background: white;" disabled="" 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 type="radio" value="threat_severe" id="threat_severe'+threatcount+'['+threatcount+']" style="background: white;" disabled="" name="threat_rating['+threatcount+']" /> <div class="state p-success"><label>Severe</label></div></div><div class="pretty p-switch"><input type="radio" value="threat_high" id="threat_high'+threatcount+'['+threatcount+']" style="background: white;" disabled="" 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 type="radio" value="threat_medium" id="threat_medium'+threatcount+'['+threatcount+']" style="background: white;" disabled="" name="threat_rating['+threatcount+']" /><div class="state p-success"><label>Medium</label></div> </div><div class="pretty p-switch"><input type="radio" value="threat_low" id="threat_low'+threatcount+'['+threatcount+']" style="background: white;" disabled="" 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();
  });
});




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';
}


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

  $('#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();
  });

  $("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") )

});



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();
$("#timber_infestation_dev").show();
$("#fouling_organisms_dev").show();
$("#evi_struct").show();
$("#sediment_gradation").show();
$("#rubbish").show();
$("#sediment").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
    });
});
$('#diverName').selectize();

</script>
@endsection