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

    .iframe html body img{
      width: 100%;
    }

</style>

   <div class="page-header-banner" style="background-image: url('{{ asset('images/slider-2.jpg') }}');">
      <div class="overlay">
         <h1>Survey Reporting</h1>

         <div class="alert alert-success print-success-msg" style="display:none">
             <p></p>
         </div>

      </div>
   </div>
   <div class="page-section">
      <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 surfer" href="#surfer_sheet" role="tab" data-toggle="tab">Site Identification Sheet</a>
                     </li>
                     <li class="nav-item">
                        <a class="tab-nav-link" href="#mud_map" role="tab" data-toggle="tab">Site Sketch Sheet </a>
                     </li>
                     <li class="nav-item">
                        <a class="tab-nav-link" href="#underwater_sheet" role="tab" data-toggle="tab">Site and Conservation Data 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>
                     <li class="nav-item">
                        <a class="tab-nav-link" href="#declaration" role="tab" data-toggle="tab">Declaration</a>
                     </li>
                  </ul>
                  <div class="tab-content">
                     <div role="tabpanel" class="tab-pane active surfer" id="surfer_sheet">
                        <form name="surferSheet" id="surferSheet" method="post"  enctype="multipart/form-data">


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


                           @csrf
                           <br>
                           <h2>Site Identification Sheet
                             </h2>
                           <br>
                           <div class="row mb-5">
                              <div class="col-md-6">
                                 <div class="form-group">
                                    <label>Site *</label>
                                       <label class="form-control site">
                                                                                       <div class="form-group">
                                                <select class="form-control" name="wreck_id" onmousedown="this.value='';" onchange="callMembersFunction(this.value);">
                                                   <option></option>
                                                                                                   </select>

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

                              <div class="col-md-6">
                                 <div class="row">
                                    <div class="col-md-6">
                                       <div class="form-group">
                                          <label>
                                          Date:*
                                          </label>
                                          <input type="date" name="date_of_survey" value="{{old('date_of_survey', $surfer->date_of_survey)}}" class="form-control"  />
                                          @if ($errors->has('date_of_survey'))
                                          <div class="invalid-feedback" style="display: block;">
                                             {{ $errors->first('date_of_survey') }}
                                          </div>
                                          @endif
                                       </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" /> -->

                                          <input type="text"  name="time_of_survey" class="time_of_survey" value="{{old('time_of_survey', $surfer->time_of_survey)}}" placeholder="Time" class="" />

                                          @if ($errors->has('time_of_survey'))
                                          <div class="invalid-feedback" style="display: block;">
                                             {{ $errors->first('time_of_survey') }}
                                          </div>
                                          @endif
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                           <br>
                           <div class="row mb-5">
                              <div class="col-md-6">
                                 <div class="form-group">
                                    <label>
                                    Statutory Database No*
                                    </label>
                                    <input type="number" step="0.01" min="1" name="statutory_database_no" value="{{old('statutory_database_no', $surfer->statutory_database_no)}}" class="form-control"  />
                                    @if ($errors->has('statutory_database_no'))
                                    <div class="invalid-feedback" style="display: block;">
                                       {{ $errors->first('statutory_database_no') }}
                                    </div>
                                    @endif
                                 </div>
                              </div>

                              <div class="col-md-6">
                                 <div class="form-group">
                                    <label>
                                    Name of Statutory Database*
                                    </label>

                                    <select id="statutoryDatabaseName" class="form-control" name="statutory_database_name_option">
                                       <option></option>
                                       <option value="Australasian Underwater Cultural Heritage Database" @if ('Australasian Underwater Cultural Heritage Database' == $surfer->statutory_database_name_option)  selected="" @endif >Australasian Underwater Cultural Heritage Database</option>
                                       <option value="other" @if ('other' == $surfer->statutory_database_name_option)  selected="" @endif >Other</option>
                                    </select>
                                    <input style="display: none;" id="statutory" type="text"  name="statutory_database_name" value="{{old('statutory_database_name', $surfer->statutory_database_name)}}" class="form-control statutory"  />

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

                           <div class="row mb-5">
                              <div class="col-md-6">
                                 <div class="form-group">
                                    <label>
                                    Diver/s Name*
                                    </label>
                                    <div class=''>
                                      <select name="name[]" placeholder="Choose some members..." class="diverName" multiple="multiple">
                                        @if(!empty($adopted_members))
                                                                                @elese
                                        @endif
                                        @if(!empty($users))
                                                                                @elese
                                        @endif

                                      </select>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-md-6">
                                 <div class="form-group">
                                    <label>
                                    Number of surveys you have conducted at this site*
                                    </label>
                                    <input type="text" name="number_of_surveys" value="{{old('number_of_surveys', $surfer->number_of_surveys)}}" class="form-control"  /> @if ($errors->has('number_of_surveys'))
                                    <div class="invalid-feedback" style="display: block;">
                                       {{ $errors->first('number_of_surveys') }}
                                    </div>
                                    @endif
                                 </div>
                              </div>
                           </div>
                           <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&deg; 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&deg; )</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&deg; 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="row">
                                <div class="col-md-6">
                                   <div class="form-group">
                                      <label>
                                      Latitude *<br> <span class="hints"> (i.e. Latitude -18.6582)</span>
                                      </label>
                                      <input type='text' name="lat" value="{{old('lat', $surfer->lat)}}"  class="form-control" />
                                      @if ($errors->has('lat'))
                                      <div class="invalid-feedback" style="display: block;">
                                         {{ $errors->first('lat') }}
                                      </div>
                                      @endif
                                   </div>
                                 </div>
                                 <div class="col-md-6">
                                    <div class="form-group">
                                       <label>
                                       Longitude *<br><span class="hints">(i.e. Longitude 146.489)</span>
                                       </label>
                                       <input type='text' name="long" value="{{old('long', $surfer->long)}}"  class="form-control" />
                                       @if($errors->has('long'))
                                       <div class="invalid-feedback" style="display: block;">
                                          {{ $errors->first('long') }}
                                       </div>
                                       @endif
                                    </div>
                                 </div>
                              </div>
                            </div>
                            <div class="col-md-4">
                               <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>
                           <br>
                           <div class="row mb-5">
                              <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 class="col-md-6">
                                 <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>
                           <br>
                           <div class="row mb-5">

                              <div class="col-md-6">
                                 <div class="form-group">
                                    <label>
                                    Current at Surface ( Speed in knots )
                                    </label>
                                    <input type="number" step="0.01" min="0" 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-6">
                                 <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" class="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" class="surface_current_direction" />
                                          <div class="state p-success">
                                             <label>North East</label>
                                          </div>
                                       </div>
                                       <div class="pretty p-switch">
                                          <input type="radio" value="east" @if ('east' == $surfer->surface_current_direction) checked @endif name="surface_current_direction" class="surface_current_direction" />
                                          <div class="state p-success">
                                             <label>East</label>
                                          </div>
                                       </div>
                                     </div>
                                     <div class="form-control" style="border: 0;">
                                       <div class="pretty p-switch">
                                          <input type="radio" value="south_east" @if ('south_east' == $surfer->surface_current_direction) checked @endif name="surface_current_direction" class="surface_current_direction" />
                                          <div class="state p-success">
                                             <label>South East</label>
                                          </div>
                                       </div>
                                       <div class="pretty p-switch">
                                          <input type="radio" value="south" @if ('south' == $surfer->surface_current_direction) checked @endif name="surface_current_direction" class="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" class="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" class="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" class="surface_current_direction" />
                                          <div class="state p-success">
                                             <label>North West</label>
                                          </div>
                                       </div>
                                        <div class="pretty p-switch">
                                          <input type="radio" value="none" @if ('none' == $surfer->surface_current_direction) checked @endif name="surface_current_direction" class="surface_current_direction" />
                                          <div class="state p-success">
                                             <label>None</label>
                                          </div>
                                       </div>



                                    </div>
                                      <input type="radio" name="surface_current_direction" class="surface_current_direction" value="null" style="display:none">

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

                           <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 mb-2">
                                          <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 mb-1" style="border: 0;">
                                       <div class="pretty p-switch mb">
                                          <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>
                              <br>
                              <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>
                           <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>
                           <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" value="{{old('structural_remains', $surfer->structural_remains)}}" id="structural_remains"></td>
                                          <td><input type="text" name="organic_remains" value="{{old('organic_remains', $surfer->organic_remains)}}" id="organic_remains"></td>
                                          <td><input type="text" name="other_objects" value="{{old('other_objects', $surfer->other_objects)}}" id="other_objects"></td>
                                          <td><input type="text" name="distribution" value="{{old('distribution', $surfer->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>

                           <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="debris_zone_other" id="debrisOther" value="{{old('debris_zone_other', $surfer->debris_zone_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 onclick="surferSheetSaveFunction()" class="surferSheetSave btn btn-primary process_surfer_save">Save</button>
                                 <button class="surferSheetDraft btn btn-primary process_surfer_save">Save and Submit later</button>
                                                         </div>
                        </form>

                        <div class="form-group" id="process_surfer" style="display:none;">
                          <div class="progress">
                            <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" style="">
                            </div>
                          </div>
                        </div>

                     </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="row">
                                 <div class="col-md-6">
                                    <div class="form-group">
                                       <label>
                                       Name of Site*
                                       </label>
                                       <label class="form-control"></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"></label>
                                            </div>
                                         </div>
                                         <div class="col-md-6">
                                            <div class="form-group" style="border: 0;">
                                               <label>Time:*</label>
                                               <label class="form-control"> </label>
                                            </div>
                                         </div>
                                      </div>
                                   </div>
                                </div>
                                <br><br>
                                <div class="row">
                                 <div class="col-md-6">
                                    <label>Location:*</label>
                                    <div class="form-group">
                                       <div class="row">
                                          <div class="col-md-6">
                                             <label>Latitude</label>
                                             <label class="form-control"></label>
                                          </div>
                                          <div class="col-md-6">
                                             <label>Longitude</label>
                                             <label class="form-control"></label>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="col-md-6">
                                    <label>Diver/s Name:*</label>
                                       <div class="form-group">
                                         <label></label>
                                         <select name="name[]" disabled="" placeholder="Choose some members..." id="readOnlydiverName" multiple="multiple">
                                           @if(!empty($adopted_members))
                                                                                      @elese
                                           @endif
                                         </select>

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

                              <div class="row">
                                  <div class="col-md-4">
                                      <label>Mud Map PDF 1</label>
                                      <div class="form-group">
                                        @if(!$mud_map->mud_pdf1)
                                            <input name="mud_pdf1" id="mud_pdf1" type="file" class="form-control"  accept="application/pdf" >
                                            @if ($errors->has('mud_pdf1'))
                                                <div class="invalid-feedback" style="display: block;">
                                                {{ $errors->first('mud_pdf1') }}
                                                </div>
                                            @endif

                                        @elseif($mud_map->mud_pdf1)
                                        <input type="hidden" value="{{old('mud_pdf1', $mud_map->mud_pdf1)}}" name="mud_pdf1">
                                            <a href="{{ asset($mud_map->path.$mud_map->mud_pdf1) }}" class="girt-btn" download>Download PDF</a>
                                         @endif
                                      </div>
                                  </div>

                                  <div class="col-md-4">
                                      <label>Mud Map PDF 2</label>
                                      <div class="form-group">
                                        @if(!$mud_map->mud_pdf2)
                                            <input name="mud_pdf2" id="mud_pdf2" type="file" class="form-control"  accept="application/pdf" >
                                            @if ($errors->has('mud_pdf2'))
                                                <div class="invalid-feedback" style="display: block;">
                                                {{ $errors->first('mud_pdf2') }}
                                                </div>
                                            @endif

                                        @elseif($mud_map->mud_pdf2)
                                            <input type="hidden" value="{{old('mud_pdf2', $mud_map->mud_pdf2)}}" name="mud_pdf2">
                                            <a href="{{ asset($mud_map->path.$mud_map->mud_pdf2) }}" class="girt-btn" download>Download PDF</a>
                                         @endif
                                      </div>
                                  </div>
                                  <div class="col-md-4">
                                      <label>Mud Map PDF 3</label>
                                      <div class="form-group">
                                        @if(!$mud_map->mud_pdf3)
                                            <input name="mud_pdf3" id="mud_pdf3" type="file" class="form-control"  accept="application/pdf" >
                                            @if ($errors->has('mud_pdf3'))
                                                <div class="invalid-feedback" style="display: block;">
                                                {{ $errors->first('mud_pdf3') }}
                                                </div>
                                            @endif

                                        @elseif($mud_map->mud_pdf3)
                                            <input type="hidden" value="{{old('mud_pdf3', $mud_map->mud_pdf3)}}" name="mud_pdf3">
                                            <a href="{{ asset($mud_map->path.$mud_map->mud_pdf3) }}" class="girt-btn" download>Download PDF</a>
                                         @endif
                                      </div>
                                  </div>
                                </div>
                                <br><br>
                                <div class="row">
                                  <div class="col-md-4">
                                      <label>Mud Map PDF 4</label>
                                      <div class="form-group">
                                        @if(!$mud_map->mud_pdf4)
                                            <input name="mud_pdf4" id="mud_pdf4" type="file" class="form-control"  accept="application/pdf" >
                                            @if ($errors->has('mud_pdf4'))
                                                <div class="invalid-feedback" style="display: block;">
                                                {{ $errors->first('mud_pdf4') }}
                                                </div>
                                            @endif

                                        @elseif($mud_map->mud_pdf4)
                                            <input type="hidden" value="{{old('mud_pdf4', $mud_map->mud_pdf4)}}" name="mud_pdf4">
                                            <a href="{{ asset($mud_map->path.$mud_map->mud_pdf4) }}" class="girt-btn" download>Download PDF</a>
                                         @endif
                                      </div>
                                  </div>

                                  <div class="col-md-4">
                                      <label>Mud Map PDF 5</label>
                                      <div class="form-group">
                                        @if(!$mud_map->mud_pdf5)
                                            <input name="mud_pdf5" id="mud_pdf5" type="file" class="form-control"  accept="application/pdf" >
                                            @if ($errors->has('mud_pdf5'))
                                                <div class="invalid-feedback" style="display: block;">
                                                {{ $errors->first('mud_pdf5') }}
                                                </div>
                                            @endif

                                        @elseif($mud_map->mud_pdf5)
                                            <input type="hidden" value="{{old('mud_pdf5', $mud_map->mud_pdf5)}}" name="mud_pdf5">
                                            <a href="{{ asset($mud_map->path.$mud_map->mud_pdf5) }}" class="girt-btn" download>Download PDF</a>
                                         @endif
                                      </div>
                                  </div>
                              </div>
                              <br>
                              <br> Survey Points <br>
                              <div class="col-md-12">

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

                               <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 btn btn-primary">Save and Submit later</button>
                                 
                                 <!-- <button type="submit" class="btn btn-primary">Save</button> -->
                              </div>
                        </form>

                        <div class="form-group" id="process_mudmap" style="display:none;">
                          <div class="progress">
                            <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" style="">
                            </div>
                          </div>
                        </div>

                     </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-6">
                                    <div class="form-group">
                                       <label>
                                       Name of Site*
                                       </label>
                                          <label class="form-control"></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"></label>
                                         </div>
                                      </div>
                                      <div class="col-md-6">
                                         <div class="form-group" style="border: 0;">
                                            <label>Time:*</label>
                                            <label class="form-control"></label>
                                         </div>
                                      </div>
                                   </div>
                                </div>
                              </div>
                              <br>
                              <br>
                              <div class="row">
                                 <div class="col-md-6">
                                    <label>Location:*</label>
                                    <div class="form-group">
                                       <div class="row">
                                          <div class="col-md-6">
                                             <label>Latitude</label>
                                               <label class="form-control"></label>
                                          </div>
                                          <div class="col-md-6">
                                             <label>Longitude</label>
                                               <label class="form-control"></label>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                                  <div class="col-md-6">
                                    <label>Diver/s Name:*</label>
                                       <div class="form-group">
                                         <label></label>
                                         <select name="name[]" disabled="" placeholder="Choose some members..." id="readOnlydiverName1" multiple="multiple">
                                           @if(!empty($adopted_members))
                                                                                      @elese
                                           @endif
                                         </select>

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

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

                                 <div class="col-md-4">
                                    <div class="form-group">
                                       <label>
                                       Current on Site (eg. 2 knots NE)
                                       </label>
                                       <input type="text" 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 id="evi_struct" style="display: none;">
                                            <div class="form-group">
                                               <label>Depth</label>
                                               <input type="number"  min="1" step="0.01" name="evi_struct_collapse_depth" id="evi_struct_collapse_depth" value="{{old('evi_struct_collapse_depth', $underwater_sheet->evi_struct_collapse_depth)}}" class="form-control" />
                                               @if ($errors->has('evi_struct_collapse_depth'))
                                               <div class="invalid-feedback" style="display: block;">
                                                  {{ $errors->first('evi_struct_collapse_depth') }}
                                               </div>
                                               @endif
                                            </div>
                                            <div class="form-group">
                                               <label>Location</label>
                                               <input type="text" name="evi_struct_collapse_position" id="evi_struct_collapse_position" value="{{old('evi_struct_collapse_position', $underwater_sheet->evi_struct_collapse_position)}}" class="form-control" />
                                                @if ($errors->has('evi_struct_collapse_position'))
                                               <div class="invalid-feedback" style="display: block;">
                                                  {{ $errors->first('evi_struct_collapse_position') }}
                                               </div>
                                               @endif
                                            </div>

                                            <div class="form-group">
                                               <label>Photograph</label><br>
                                               @if(!$underwater_sheet->evi_struct_collapse_image )
                                                  <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>

                                  <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>

                               <div class="row" id="lp_wreck_dev">
                                  <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" checked @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 class="col-md-4">
                                    <div class="form-group">
                                       <label> Sediment Slope on Wreck Site (gradient)</label>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio"  @if ('flat' == $underwater_sheet->sediment_slope) checked @endif value="flat" name="sediment_slope" />
                                             <div class="state p-success">
                                                <label>Flat (1 - 2m variation)</label>
                                             </div>
                                             <br>
                                          </div>
                                          <div class="pretty p-switch">
                                             <input type="radio"  @if ('slight' == $underwater_sheet->sediment_slope) checked @endif value="slight" name="sediment_slope" />
                                             <div class="state p-success">
                                                <label>Slight incline (2 - 4m variation)</label>
                                             </div>
                                             <br>
                                          </div>
                                          <div class="pretty p-switch">
                                             <input type="radio"  @if ('steep' == $underwater_sheet->sediment_slope) checked @endif value="steep" name="sediment_slope" />
                                             <div class="state p-success">
                                                <label>Steep incline (5m or > variation)</label>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    @if ($errors->has('sediment_slope'))
                                    <div class="invalid-feedback" style="display: block;">
                                       {{ $errors->first('sediment_slope') }}
                                    </div>
                                    @endif
                                 </div>
                               </div>
                               <br>
                              <br>

                              <div class="row">
                                <div class="col-md-4">
                                    <div class="form-group">
                                       <label>General composition seafloor <span class="hints">(Click most relevant)</span></label>
                                       <div class="form-control" style="border: 0;">
                                          <div class="pretty p-switch">
                                             <input type="radio" class="coral" @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" class="outcroppings" @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" class="sand" @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" class="pebbles" @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" class="boulders" @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" class="clay" @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" class="seaweed" @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" class="seagrass" @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" checked @if ('fouling_organisms_yes' == $underwater_sheet->fouling_organisms) checked @endif value="fouling_organisms_yes" name="fouling_organisms" id="fouling_organisms_yes"/>
                                             <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>
                              </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 checked type="radio" @if ('timber_infestation_yes' == $underwater_sheet->timber_infestation) checked @endif value="timber_infestation_yes" name="timber_infestation" id="timber_infestation_yes" />
                                            <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 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>
                                   @if ($errors->has('timber_infestation'))
                                   <div class="invalid-feedback" style="display: block;">
                                      {{ $errors->first('timber_infestation') }}
                                   </div>
                                   @endif
                                </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" class="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" class="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" class="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" class="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" class="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" class="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" class="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" class="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" class="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" class="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" class="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" class="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>
                                             <th style="width: 5%">Action</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 onclick="underwaterSheetDraftFunction()" class="underwater-save btn btn-primary">Save and Submit later</button>
                                                               </div>
                        </form>

                        <div class="form-group" id="process_underwater" style="display:none;">
                          <div class="progress">
                            <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" style="">
                            </div>
                          </div>
                        </div>

                     </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-6">
                                       <div class="form-group">
                                          <label>
                                          Name of Site*
                                          </label>
                                             <label class="form-control"></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"></label>
                                             </div>
                                          </div>
                                          <div class="col-md-6">
                                             <div class="form-group" style="border: 0;">
                                                <label>Time:*</label>
                                                <label class="form-control"> </label>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              <br>
                              <br>
                              <div class="row">
                                 <div class="col-md-6">
                                    <label>Location:*</label>
                                    <div class="form-group">
                                       <div class="row">
                                          <div class="col-md-6">
                                             <label>Latitude</label>
                                             <label class="form-control"></label>
                                          </div>
                                          <div class="col-md-6">
                                             <label>Longitude</label>
                                             <label class="form-control"></label>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="col-md-6">
                                    <label>Diver/s Name:*</label>
                                       <div class="form-group">
                                         <label></label>
                                         <select name="name[]" disabled="" placeholder="Choose some members..." id="readOnlydiverName2" multiple="multiple">
                                           @if(!empty($adopted_members))
                                                                                      @elese
                                           @endif
                                         </select>

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

                                 <div class="row">
                                    <div class="col-md-12">
                                       <table class="table table-bordered artefacts">
                                          <thead>
                                             <tr>
                                                <th style="width: 4%">Mud Map Grid No*</th>
                                                <th style="width: 26%">Feature / Location</th>
                                                <th style="width: 26%">Image</th>
                                                <th style="width: 2%">Time</th>
                                                <th style="width: 10%">Depth (m)</th>
                                                <th style="width: 10%">Direction photo taken</th>
                                                <th style="width: 10%">No of Photos</th>
                                                <th style="width: 10%">Observation of physical condition,biological growth and sediment cover</th>
                                             </tr>
                                          </thead>
                                          <tbody>
                                             <tr>
                                                <td>
                                                   <div class="">
                                                      <div class="form-group">
                                                         <input type="text" 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" accept="image/*"  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" style="width:80px"/>
                                                         @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="text" 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" accept="image/*" 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" style="width:80px"/>
                                                         @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="text" 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" accept="image/*" 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" style="width:80px"/>
                                                         @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="text" 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" accept="image/*" 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" style="width:80px"/>
                                                         @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="text" 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" accept="image/*" 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" style="width:80px"/>
                                                         @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="text" 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" accept="image/*" 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" style="width:80px"/>
                                                         @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="text" 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" accept="image/*" 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" style="width:80px"/>
                                                         @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="text" 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" accept="image/*" 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" style="width:80px"/>
                                                         @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="text" 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" accept="image/*" 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" style="width:80px"/>
                                                         @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="text" 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" accept="image/*" 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" style="width:80px"/>
                                                         @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 process_photo_save">Save</button>
                                    <button class="photoConditionDraft btn btn-primary process_photo_save">Save and Submit later</button>
                                 
                                 <!-- <button type="submit" class="btn btn-primary">Save</button> -->
                              </div>
                        </form>

                        <div class="form-group" id="process_photo" style="display:none;">
                          <div class="progress">
                            <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" style="">
                            </div>
                          </div>
                        </div>

                     </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-6">
                                    <div class="form-group">
                                       <label>
                                       Name of Site*
                                       </label>
                                       <label class="form-control"></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"></label>
                                         </div>
                                      </div>
                                      <div class="col-md-6">
                                         <div class="form-group" style="border: 0;">
                                            <label>Time:*</label>
                                            <label class="form-control"> </label>
                                         </div>
                                      </div>
                                   </div>
                                </div>
                              </div>
                              <br>
                              <br>
                                <div class="row">
                                   <div class="col-md-6">
                                      <label>Location:*</label>
                                      <div class="form-group">
                                         <div class="row">
                                            <div class="col-md-6">
                                               <label>Latitude</label>
                                               <label class="form-control"></label>
                                            </div>
                                            <div class="col-md-6">
                                               <label>Longitude</label>
                                               <label class="form-control"></label>
                                            </div>
                                         </div>
                                      </div>
                                   </div>
                                    <div class="col-md-6">
                                    <label>Diver/s Name:*</label>
                                       <div class="form-group">
                                         <label></label>
                                         <select name="name[]" disabled="" placeholder="Choose some members..." id="readOnlydiverName3" multiple="multiple">
                                           @if(!empty($adopted_members))
                                                                                      @elese
                                           @endif
                                         </select>

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

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

                              <div class="col-content-box2">
                                  @if ($video_transect->video)
                                    <input type="hidden" name="video_filename" value="{{old('video', $video_transect->video)}}">
                                    <video width="100%" controls="controls">
                                       <source src="{{ asset($video_transect->path.$video_transect->video) }}" type="video/mp4"/>
                                       <source src="{{ asset($video_transect->path.$video_transect->video) }}" type="video/ogg"/>
                                       <source src="{{ asset($video_transect->path.$video_transect->video) }}" type="video/webm"/>
                                    </video>
                                  @else

                                  @endif
                                                                        <div class="col-md-6">
                                       <div class="form-group">
                                          <label>Video</label>
                                          <input type="file" name="video" value="" class="form-control" />
                                           @if ($errors->has('video'))
                                          <div class="invalid-feedback" style="display: block;">
                                             {{ $errors->first('video') }}
                                          </div>
                                          @endif
                                       </div>
                                    </div>
                                 
                                </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 process_video">Save</button>
                                    <button class="videoTransectSaveValue btn btn-primary process_video">Save and Submit later</button>
                                 
                                 <!-- <button type="submit" class="btn btn-primary">Save</button> -->
                              </div>
                        </form>

                        <div class="form-group" id="process" style="display:none;">
                          <div class="progress">
                         <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" style="">
                         </div>
                       </div>
                     </div>


                     </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-6">
                                    <div class="form-group">
                                       <label>
                                       Name of Site*
                                       </label>
                                       <label class="form-control"></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"></label>
                                            </div>
                                         </div>
                                         <div class="col-md-6">
                                            <div class="form-group" style="border: 0;">
                                               <label>Time:*</label>
                                               <label class="form-control"> </label>
                                            </div>
                                         </div>
                                      </div>
                                   </div>
                                </div>
                                <br><br>
                                <div class="row">
                                 <div class="col-md-6">
                                    <label>Location:*</label>
                                    <div class="form-group">
                                       <div class="row">
                                          <div class="col-md-6">
                                             <label>Latitude</label>
                                             <label class="form-control"></label>
                                          </div>
                                          <div class="col-md-6">
                                             <label>Longitude</label>
                                             <label class="form-control"></label>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                                  <div class="col-md-6">
                                    <label>Diver/s Name:*</label>
                                       <div class="form-group">
                                         <label></label>
                                         <select name="name[]" disabled="" placeholder="Choose some members..." id="readOnlydiverName4" multiple="multiple">
                                           @if(!empty($adopted_members))
                                                                                      @elese
                                           @endif
                                         </select>

                                       </div>
                                 </div>
                              </div>
                              <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>
                                             <th scope="col">Link to 3D model</th>
                                             <th scope="col">Action</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 process_photogrammetry_save">Save</button>
                                    <button class="photo_grammetry_draft btn btn-primary process_photogrammetry_save">Save and Submit later</button>
                                                               </div>
                        </form>
                        <div class="form-group" id="process_photogrammetry" style="display:none;">
                          <div class="progress">
                            <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" style="">
                            </div>
                          </div>
                        </div>

                     </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-6">
                                    <div class="form-group">
                                       <label>
                                       Name of Site*
                                       </label>
                                       <label class="form-control"></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"></label>
                                            </div>
                                         </div>
                                         <div class="col-md-6">
                                            <div class="form-group" style="border: 0;">
                                               <label>Time:*</label>
                                               <label class="form-control"> </label>
                                            </div>
                                         </div>
                                      </div>
                                   </div>
                                </div>
                                <br><br>
                                <div class="row">
                                 <div class="col-md-6">
                                    <label>Location:*</label>
                                    <div class="form-group">
                                       <div class="row">
                                          <div class="col-md-6">
                                             <label>Latitude</label>
                                             <label class="form-control"></label>
                                          </div>
                                          <div class="col-md-6">
                                             <label>Longitude</label>
                                             <label class="form-control"></label>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="col-md-6">
                                    <label>Diver/s Name:*</label>
                                       <div class="form-group">
                                         <label></label>
                                         <select name="name[]" disabled="" placeholder="Choose some members..." id="readOnlydiverName5" multiple="multiple">
                                           @if(!empty($adopted_members))
                                                                                      @elese
                                           @endif
                                         </select>

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

                               <div class="row mb-5">
                                 <div class="col-md-12">
                                    <label>Threat Assessment</label>
                                    <img src="{{ asset('images/ThreatAssessment.png') }}" />
                                 </div>
                              </div>




                              <div class="row">
                                 <div class="col-md-12" class="table-responsive">
                                      <span id="result"></span>
                                      <table class="" id="threatAssessment">
                                        <thead>
                                          <tr>
                                             <th scope="col">Threat</th>
                                             <th scope="col">Likelihood</th>
                                             <th scope="col"> Consequence</th>
                                             <th scope="col">Rating</th>
                                             <th scope="col">Action</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 process_otherSheet_save">Save</button>
                                    <button class="otherDraft btn btn-primary process_otherSheet_save">Save and Submit later</button>
                                                               </div>
                        </form>
                        <div class="form-group" id="process_otherSheet" style="display:none;">
                          <div class="progress">
                            <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" style="">
                            </div>
                          </div>
                        </div>

                     </div>
                     <div role="tabpanel" class="tab-pane" id="declaration">
                        <form method="post" enctype="multipart/form-data">
                              @csrf
                              <br><br>

                              @if($surfer->status == 1 && $other_sheet->status == 1 && $mud_map->status == 1 && $underwater_sheet->status == 1 && $photo_condition->status == 1 && $video_transect->status == 1 && $photo_grammetry->status == 1)
                                 <br>
                                    <p><input type="checkbox" id="shared" name="shared"  > Please tick the box if you are happy for the following information entered in the Survey to be shared with members and the public</p><br>
                                    <button type="button" onclick="sharedFunction({{$surveyReporting_id}})" class="btn btn-primary">Save</button>


                                 <br>
                                 <div id="shared" class="form-group">
                                 </div>
                              @else
                                 <p style="color: red">Please complete all the survey reporting sheets</p>
                                 <br>
                              @endif
                        </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(){

          if (''==1) {
            $("#surfer_sheet :input").prop("disabled", true);
            $("#surfer_sheet :input").css("background", " #0000");
            $(".site").css("border", "0");

          }
          if('' == 1){
             $("#mud_map :input").prop("disabled", true);
            $("#mud_map :input").css("background", " #0000");

          }
          if('' == 1){
             $("#underwater_sheet :input").prop("disabled", true);
            $("#underwater_sheet :input").css("background", " #0000");

          }
          if('' == 1){
             $("#photo_condition :input").prop("disabled", true);
            $("#photo_condition :input").css("background", " #0000");

          }
          if('' == 1){
             $("#video_transect :input").prop("disabled", true);
            $("#video_transect :input").css("background", " #0000");

          }
          if('' == 1){
            $("#Photogrammetry :input").prop("disabled", true);
            $("#Photogrammetry :input").css("background", " #0000");

          }
          if('' == 1){
            $("#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) {
            $(".surfer").removeClass("active in");
            $(".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,
              beforeSend:function()
              {
                // $('.process_surfer_save').attr('disabled', 'disabled');
                $('#process_surfer').css('display', 'block');
              },
              success: function (data) {
                  if($.isEmptyObject(data.error)){

                    var percentage = 0;

                    var timer = setInterval(function(){
                      percentage = percentage + 20;
                      $('.progress-bar').css('width', percentage + '%');
                      if(percentage > 100)
                      {
                        clearInterval(timer);
                        $('#surferSheet')[0].reset();
                        $('#process_surfer').css('display', 'none');
                        $('.progress-bar').css('width', '0%');
                        $('.process_surfer_save').attr('disabled', false);
                        $(".print-success-msg").css('display','block');

                        $(".print-success-msg").find("p").append(data.success);
                        document.getElementById("surferId").value = data.surferSheet.id;
                        $(".surveyReportingId").val(data.surveyReporting_id);

                        if (data.status == 'save') {
                           $(".surferSheetDraft").css('display','none');
                            setTimeout(function(){
                               $(".print-success-msg").css('display','none');
                               window.location.href='/reporting/show-post/'+data.surveyReporting_id+'/edit/#mud_map';
                           }, 4500);
                        }else{
                          setTimeout(function(){
                             $(".print-success-msg").css('display','none');
                             window.location.href='/reporting/';
                         }, 4500);
                        }
                      }
                    }, 1000);


                  }
                  if (data.error){
                      document.getElementById("saveValue").value = 'draft';

                     $(".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 ($('#debrisOther').val()) {
              document.getElementById("debris_zone_other").checked = true;
              $("#debris").show();
            }

            if ($('#debris_zone_other').is(':checked') && !$.trim($('#debrisOther').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,

              beforeSend:function()
              {
                // $('.process_surfer_save').attr('disabled', 'disabled');
                $('#process_mudmap').css('display', 'block');
              },
              success: function (data) {
                  if($.isEmptyObject(data.error)){

                    var percentage = 0;

                    var timer = setInterval(function(){
                      percentage = percentage + 20;
                     $('.progress-bar').css('width', percentage + '%');
                           if(percentage > 100)
                           {
                             clearInterval(timer);
                             $('#mudmap')[0].reset();
                             $('#process_mudmap').css('display', 'none');
                             $('.progress-bar').css('width', '0%');
                             // $('#save').attr('disabled', false);
                            $(".print-success-msg").css('display','block');
                            $(".print-success-msg").find("p").append(data.success);
                            document.getElementById("mud_map_id").value = data.mud_map_id;
                            $(".surveyReportingId").val(data.surveyReporting_id);

                            if (data.status == 'save') {
                               $(".mudMapDraft").css('display','none');
                               setTimeout(function(){
                                 $(".print-success-msg").css('display','none');
                                   window.location.href='/reporting/show-post/'+data.surveyReporting_id+'/edit/#underwater_sheet';
                               }, 4500);
                            }else{
                              setTimeout(function(){
                                 $(".print-success-msg").css('display','none');
                                 window.location.href='/reporting/';
                              }, 4500);
                            }

                           }
                    }, 1000);



                  }
                  if (data.error){

                    document.getElementById("mudMapSaveValue").value = 'draft';
                    $(".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,
              beforeSend:function()
              {
                // $('.process_surfer_save').attr('disabled', 'disabled');
                $('#process_underwater').css('display', 'block');
              },

              success: function (data) {
                  if($.isEmptyObject(data.error)){

                    var percentage = 0;

                    var timer = setInterval(function(){
                      percentage = percentage + 20;
                      $('.progress-bar').css('width', percentage + '%');
                            if(percentage > 100)
                            {
                              clearInterval(timer);
                              $('#underwater')[0].reset();
                              $('#process_underwater').css('display', 'none');
                              $('.progress-bar').css('width', '0%');
                              // $('#save').attr('disabled', false);
                              $(".print-success-msg").css('display','block');
                              $(".print-success-msg").find("p").append(data.success);
                              document.getElementById("underwater_id").value = data.underwater_id;
                              $(".surveyReportingId").val(data.surveyReporting_id);
                              if (data.status == 'save') {
                                 $(".underwater-save").css('display','none');
                                  setTimeout(function(){
                                     $(".print-success-msg").css('display','none');
                                     window.location.href='/reporting/show-post/'+data.surveyReporting_id+'/edit/#photo_condition';
                                 }, 5500);
                              }else{
                                setTimeout(function(){
                                   $(".print-success-msg").css('display','none');
                                   window.location.href='/reporting/';
                               }, 4500);
                              }
                            }
                    }, 1000);
                  }
                  if (data.error){
                     document.getElementById("underwaterSaveValue").value = 'draft';
                     $(".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
            });
         });







$(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 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" 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" 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+']" 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+']" 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+']" 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+']" 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)
            {
              html += '<td><text type="hidden" name="" id="" class="" ?></td></tr>';
              $('.threatAssessment').append(html);
            }else{

              html += '<td style="vertical-align: top;"><button type="button" name="add" id="threat_add" class="btn btn-success">Add</button></td></tr>';
              $('.threatAssessment').html(html);
            }
      }

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

      });

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



        $(document).ready(function(){
              var underwater = 1;
                              dynamic_field_underwater_sheet(underwater);               function dynamic_field_underwater_sheet(number){
                  html = '<tr class="fileTr['+underwater+']">';
                  html += '<td style="vertical-align: top;"><select 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 name="object_description[]" id="object_description'+underwater+'['+underwater+']" class="form-control" rows="8"></textarea> </td>';
                  html += '<td style="vertical-align: top;"><input type="file" name="underwater_artefacts_image'+underwater+'[]" id="underwater_artefacts_image'+underwater+'['+underwater+']" value="" class="form-control underwater_artefacts_image" multiple accept="image/x-png,image/gif,image/jpeg" /><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 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 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 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 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 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 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" 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" 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 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 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 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 type="number" name="location_depth[]" id="location_depth'+underwater+'['+underwater+']" value="" class="form-control" /></div><div class="form-group"><label>Location</label><input type="text" name="location_location[]" id="location_location'+underwater+'['+underwater+']" value="" class="form-control" /></div></td>';
                  html += '<input type="hidden"  name="image1[]" id="image1'+underwater+'"  value="" /><input type="hidden"  name="image2[]" id="image2'+underwater+'"  value="" />';

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

                    if(number > 1)
                    {
                      html += '<td><text type="hidden" name="" id="" class="" ?></td></tr>';
                      $('.underwater_documents').append(html);
                    }else{

                      html += '<td style="vertical-align: top;"><button type="button" name="add" id="add" class="btn btn-success">Add</button></td></tr>';
                      $('.underwater_documents').html(html);
                    }
              }

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

              });

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



        $(document).ready(function(){
              var count = 1;
                              dynamic_field(count);               function dynamic_field(number){
                  var photo_grammetry= '';
                  html = '<tr class="fileTr['+count+']">';
                  html += '<td><textarea name="coded_target_no[]" id="coded_target_no'+count+'['+count+']" class="form-control" rows="8"></textarea></td>';
                  html += '<td><textarea name="video_mud_map_grid_no[]" id="video_mud_map_grid_no'+count+'['+count+']" class="form-control" rows="8"></textarea></td>';
                  html += '<td><textarea name="depth_of_target[]" id="depth_of_target'+count+'['+count+']" class="form-control" rows="8"></textarea></td>';
                  html += '<td><textarea name="survey_point[]" id="survey_point'+count+'['+count+']" class="form-control" rows="8"></textarea></td>';
                  html += '<td id="fileTd['+count+']"><input type="file" 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 += '<td><button type="button" name="add" id="add" class="btn btn-success">Add</button></td></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,
               beforeSend:function()
               {
                 // $('.process_photo_save').attr('disabled', 'disabled');
                 $('#process_photo').css('display', 'block');
               },
              success: function (data) {
                  if($.isEmptyObject(data.error)){

                    var percentage = 0;
                    var timer = setInterval(function(){
                      percentage = percentage + 20;
                      $('.progress-bar').css('width', percentage + '%');
                           if(percentage > 100)
                           {
                              clearInterval(timer);
                              $('#photo')[0].reset();
                              $('#process_photo').css('display', 'none');
                              $('.progress-bar').css('width', '0%');
                              $('.process_photo_save').attr('disabled', false);
                              $(".print-success-msg").css('display','block');
                              $(".print-success-msg").find("p").append(data.success);

                              document.getElementById("photo_condition_id").value = data.photo_condition_id;
                              $(".surveyReportingId").val(data.surveyReporting_id);

                              if (data.status == 'save') {
                                 $(".photoConditionDraft").css('display','none');
                                 setTimeout(function(){
                                    $(".print-success-msg").css('display','none');
                                     window.location.href='/reporting/show-post/'+data.surveyReporting_id+'/edit/#video_transect';
                                 }, 4500);
                              }else{
                                setTimeout(function(){
                                   $(".print-success-msg").css('display','none');
                                   window.location.href='/reporting/';
                               }, 4500);
                              }

                           }
                    }, 1000);
                  }
                  if (data.error){
                     document.getElementById("photoConditionSaveValue").value = 'draft';
                     $(".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,
              beforeSend:function()
              {
                // $('.process_video').attr('disabled', 'disabled');
                $('#process').css('display', 'block');
              },
              success: function (data) {
                  if($.isEmptyObject(data.error)){
                    var percentage = 0;
                    var timer = setInterval(function(){
                      percentage = percentage + 20;
                      $('.progress-bar').css('width', percentage + '%');
                        if(percentage > 100){
                           clearInterval(timer);
                           $('#photo')[0].reset();
                           $('#process').css('display', 'none');
                           $('.progress-bar').css('width', '0%');
                           $('.process_video').attr('disabled', false);

                           $(".print-success-msg").css('display','block');
                           $(".print-success-msg").find("p").append(data.success);
                           document.getElementById("video_transect_id").value = data.video_transect_id;
                           $(".surveyReportingId").val(data.surveyReporting_id);

                           if (data.status == 'save') {
                              $(".videoTransectSaveValue").css('display','none');
                               setTimeout(function(){
                                    window.location.href='/reporting/show-post/'+data.surveyReporting_id+'/edit/#Photogrammetry';
                               }, 5000);
                           }else{
                             setTimeout(function(){
                                $(".print-success-msg").css('display','none');
                                window.location.href='/reporting/';
                             }, 5000);
                           }


                        }
                      }, 1000);
                  }
                  if (data.error){
                    document.getElementById("videoTransectSaveValue").value = 'draft';
                     $(".print-error-msg-video").find("ul").html('');
                     $(".print-error-msg-video").css('display','block');
                     $.each( data.error, function( key, value ) {
                         $(".print-error-msg-video").find("ul").append('<li>'+value+'</li>');
                     });
                     setTimeout(function(){
                        // $(".print-error-msg-video").css('display','none');
                     }, 4500);
                  }
              },
              cache: false,
              contentType: false,
              processData: false
            });
         });


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

             $.ajax({
                 url: '/photogrammetry/edit',
                 type: 'POST',
                 data: photogrammetryFormData,
                 beforeSend:function()
                 {
                   // $('.process_photogrammetry_save').attr('disabled', 'disabled');
                   $('#process_photogrammetry').css('display', 'block');
                 },
                 success: function (data) {
                  var error_html = '';

                  if($.isEmptyObject(data.error)){

                    var percentage = 0;

                    var timer = setInterval(function(){
                      percentage = percentage + 20;
                      $('.progress-bar').css('width', percentage + '%');
                        if(percentage > 100)
                        {
                          clearInterval(timer);
                          $('#photogrammetry')[0].reset();
                          $('#process_photogrammetry').css('display', 'none');
                          $('.progress-bar').css('width', '0%');
                          $('.process_photogrammetry_save').attr('disabled', false);
                          $(".print-success-msg").css('display','block');
                          $(".print-success-msg").find("p").append(data.success);
                          document.getElementById("photo_grammetry_id").value = data.photo_grammetry_id;
                          $(".surveyReportingId").val(data.surveyReporting_id);

                          if (data.status == 'save') {
                          $(".photo_grammetry_draft").css('display','none');
                          setTimeout(function(){
                            $(".print-success-msg").css('display','none');
                              window.location.href='/reporting/show-post/'+data.surveyReporting_id+'/edit/#other';
                          }, 4500);
                          }else{
                          setTimeout(function(){
                          $(".print-success-msg").css('display','none');
                          window.location.href='/reporting/';
                          }, 4500);
                          }

                        }
                    }, 1000);
                  }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);
                  }

                  if (data.error){
                    document.getElementById("photoGrammetrySaveValue").value = 'draft';
                    $(".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,

              beforeSend:function()
              {
                // $('.process_otherSheet_save').attr('disabled', 'disabled');
                $('#process_otherSheet').css('display', 'block');
              },
              success: function (data) {
                  if($.isEmptyObject(data.error)){
                      var percentage = 0;
                      var timer = setInterval(function(){
                        percentage = percentage + 20;
                        $('.progress-bar').css('width', percentage + '%');
                          if(percentage > 100)
                          {
                            clearInterval(timer);
                            $('#threatAssessment')[0].reset();
                            $('#process_otherSheet').css('display', 'none');
                            $('.progress-bar').css('width', '0%');
                            $('.process_otherSheet_save').attr('disabled', false);
                            $(".print-success-msg").css('display','block');
                             $(".print-success-msg").find("p").append(data.success);

                            document.getElementById("other_sheet_id").value = data.other_sheet_id;
                            $(".surveyReportingId").val(data.surveyReporting_id);

                            if (data.status == 'save') {
                              $(".otherDraft").css('display','none');
                               setTimeout(function(){
                                  $(".print-success-msg").css('display','none');
                                     window.location.href='/reporting/show-post/'+data.surveyReporting_id+'/edit/#declaration';
                               }, 4500);
                            }else{
                              setTimeout(function(){
                                $(".print-success-msg").css('display','none');
                                window.location.href='/reporting/';
                              }, 4500);
                            }
                          }
                      }, 1000);
                  }
                  if (data.error){
                    document.getElementById("otherSaveValue").value = 'draft';
                     $(".print-error-msg-other").find("ul").html('');
                     $(".print-error-msg-other").css('display','block');
                     $.each( datavalue.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.getElementById("statutory").disabled = true;
      $(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;

            }

           });
      });



      function surferSheetSaveFunction() {
         document.getElementById("saveValue").value = 'save';
      }
      function mudMapSaveFunction() {
         document.getElementById("mudMapSaveValue").value = 'save';
      }
      function underwaterSheetSaveFunction() {
        console.log($(".underwater_artefacts_image")[0].files.length);
           if ($(".underwater_artefacts_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');
             }, 8500);
           }else{
              document.getElementById("underwaterSaveValue").value = 'save';
           }
      }
      function underwaterSheetDraftFunction() {
        console.log($(".underwater_artefacts_image")[0].files.length);
           if ($(".underwater_artefacts_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');
             }, 8500);
           }
      }
      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';
      }

      $('.diverName').selectize();
      $('#readOnlydiverName1').selectize();
      $('#readOnlydiverName2').selectize();
      $('#readOnlydiverName3').selectize();
      $('#readOnlydiverName4').selectize();
      $('#readOnlydiverName5').selectize();
      $('#readOnlydiverName').selectize();




    // $('#name').selectize({
    //     plugins: ['restore_on_backspace'],
    //     delimiter: ',',
    //     persist: false,
    //     maxItems: 6,
    //     create: function(input) {
    //         return {
    //             value: input,
    //             text: input
    //         }
    //     }
    // });




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

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

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

          });

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

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

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

          $("input[name='timber_infestation']").click(function() {
              if ($("#timber_infestation_yes").is(":checked")) {
                  $("#timber_infestation_dev").show();
              } else {
                  $("#timber_infestation_dev").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();
   $("#fouling_organisms_dev").show();
   $("#timber_infestation_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("Thank you for submitting your survey report!");
          setTimeout(() => {
             $.ajax({
                type: "POST",
                url: '/surfer-sheet/shared',
                data: {shared: shared, surveyReporting_id : surveyReporting_id},
                success: function( msg ) {
                   setTimeout(function(){
                    window.location.href='/reporting/';
                  }, 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
    });




  });


function show_date(id) {
  $('.exposed').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
    });
}


    var checked_val = "null";
    $(".surface_current_direction").on("click", function(){
      if($(this).val() == checked_val){
       $('input[name=surface_current_direction][value=null]').prop("checked",true);
        checked_val = "null";
      }else{
       checked_val = $(this).val();
      }
    });


    var coral = "null";
    $(".coral").on("click", function(){
      if($(this).val() == coral){
       $('input[name=coral][value=null]').prop("checked",true);
        coral = "null";
      }else{
       coral = $(this).val();
      }
    });

    var outcroppings = "null";
    $(".outcroppings").on("click", function(){
      if($(this).val() == outcroppings){
       $('input[name=outcroppings][value=null]').prop("checked",true);
        outcroppings = "null";
      }else{
       outcroppings = $(this).val();
      }
    });

    var sand = "null";
    $(".sand").on("click", function(){
      if($(this).val() == sand){
       $('input[name=sand][value=null]').prop("checked",true);
        sand = "null";
      }else{
       sand = $(this).val();
      }
    });

    var pebbles = "null";
    $(".pebbles").on("click", function(){
      if($(this).val() == pebbles){
       $('input[name=pebbles][value=null]').prop("checked",true);
        pebbles = "null";
      }else{
       pebbles = $(this).val();
      }
    });

    var boulders = "null";
    $(".boulders").on("click", function(){
      if($(this).val() == boulders){
       $('input[name=boulders][value=null]').prop("checked",true);
        boulders = "null";
      }else{
       boulders = $(this).val();
      }
    });

    var clay = "null";
    $(".clay").on("click", function(){
      if($(this).val() == clay){
       $('input[name=clay][value=null]').prop("checked",true);
        clay = "null";
      }else{
       clay = $(this).val();
      }
    });

    var seagrass = "null";
    $(".seagrass").on("click", function(){
      if($(this).val() == seagrass){
       $('input[name=seagrass][value=null]').prop("checked",true);
        seagrass = "null";
      }else{
       seagrass = $(this).val();
      }
    });



  var cans = "null";
    $(".cans").on("click", function(){
      if($(this).val() == cans){
       $('input[name=cans][value=null]').prop("checked",true);
        cans = "null";
      }else{
       cans = $(this).val();
      }
    });

    var bottles = "null";
    $(".bottles").on("click", function(){
      if($(this).val() == bottles){
       $('input[name=bottles][value=null]').prop("checked",true);
        bottles = "null";
      }else{
       bottles = $(this).val();
      }
    });

    var nets = "null";
    $(".nets").on("click", function(){
      if($(this).val() == nets){
       $('input[name=nets][value=null]').prop("checked",true);
        nets = "null";
      }else{
       nets = $(this).val();
      }
    });

    var line = "null";
    $(".line").on("click", function(){
      if($(this).val() == line){
       $('input[name=line][value=null]').prop("checked",true);
        line = "null";
      }else{
       line = $(this).val();
      }
    });

    var tyres = "null";
    $(".tyres").on("click", function(){
      if($(this).val() == tyres){
       $('input[name=tyres][value=null]').prop("checked",true);
        tyres = "null";
      }else{
       tyres = $(this).val();
      }
    });

    var plastic = "null";
    $(".plastic").on("click", function(){
      if($(this).val() == plastic){
       $('input[name=plastic][value=null]').prop("checked",true);
        plastic = "null";
      }else{
       plastic = $(this).val();
      }
    });

    var rope = "null";
    $(".rope").on("click", function(){
      if($(this).val() == rope){
       $('input[name=rope][value=null]').prop("checked",true);
        rope = "null";
      }else{
       rope = $(this).val();
      }
    });
  var damage = "null";
    $(".damage").on("click", function(){
      if($(this).val() == damage){
       $('input[name=damage][value=null]').prop("checked",true);
        damage = "null";
      }else{
       damage = $(this).val();
      }
    });

     var digging = "null";
    $(".digging").on("click", function(){
      if($(this).val() == digging){
       $('input[name=digging][value=null]').prop("checked",true);
        digging = "null";
      }else{
       digging = $(this).val();
      }
    });

     var moved = "null";
    $(".moved").on("click", function(){
      if($(this).val() == moved){
       $('input[name=moved][value=null]').prop("checked",true);
        moved = "null";
      }else{
       moved = $(this).val();
      }
    });

     var timbers = "null";
    $(".timbers").on("click", function(){
      if($(this).val() == timbers){
       $('input[name=timbers][value=null]').prop("checked",true);
        timbers = "null";
      }else{
       timbers = $(this).val();
      }
    });

     var artefacts = "null";
    $(".artefacts").on("click", function(){
      if($(this).val() == artefacts){
       $('input[name=artefacts][value=null]').prop("checked",true);
        artefacts = "null";
      }else{
       artefacts = $(this).val();
      }
    });




  function callMembersFunction(value)
    {
        $.ajax({
          type: "POST",
          url: "/surfer-sheet/getMembers",
          data: {
            wreck_id: value,
          },
          success: function success(data) {
            if($.isEmptyObject(data.error)){
              // var adopted_members = data.adopted_members;
              // var users = data.users;
              // document.cookie = "adopted_members = " + adopted_members;
              // document.cookie = "users = " + users;

            }
          }
        });
    }
   </script>
   @endsection