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



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

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

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


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


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

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


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

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


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

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


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

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


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

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



</style>

<div class="page-header-banner" style="background-image: url('{{ asset('images/slider-2.jpg') }}');">
  <div class="overlay">
   <h1>Survey Reporting</h1>
 </div>
</div>
<div class="page-section" id="app">
  <div class="container">
   <div class="member-blog-container">
    <div class="page-section">
      <div class="container" >
        <a class="btn btn-primary" style="margin-left: 88%;" href="{{ URL::to('/pdf/'.$surveyReporting_id) }}">Generate PDF</a>

        <div class="tab-content" id="final_content">


          <div id="step-1" class="">
           <final-surfer-sheet
           :surveyReporting_id="{{json_encode($surveyReporting_id)}}"
           :wrecks="{{json_encode($wrecks)}}"
           :surfer_sheet_data_sheet="{{json_encode($surfer)}}"
           :diver_datas="{{json_encode($divers_data ?? '')}}"
           :is_completed="{{json_encode($is_completed ?? '')}}"
           :wreckname="{{json_encode($wreckname ?? '')}}"
           :all_users="{{json_encode($users ?? '')}}"></final-surfer-sheet>
         </div>

         <div id="step-2" class="">
          <final-mud-sheet
          :midea_pdf="{{json_encode($mideaPdf ?? '')}}"
          :surveyReporting_id="{{json_encode($surveyReporting_id)}}"
          :surfer_data="{{json_encode($surfer)}}"
          :diver_datas="{{json_encode($divers_data ?? '')}}"
          :mud_map="{{json_encode($mud_map) ?? ''}}"
          :survey_points ="{{json_encode($survey_points_table ?? '')}}"
          :mideas= "{{json_encode($mideas) ?? ''}}"
          :is_completed="{{json_encode($is_completed ?? '')}}"
          ></final-mud-sheet>
        </div>

        <div id="step-3" class="">
         <final-photo-condition
         :surveyReporting_id="{{json_encode($surveyReporting_id)}}"
         :mideas= "{{json_encode($mideas) ?? ''}}"
         :photo_conditions="{{json_encode($photo_cons) ?? ''}}"
         :is_completed="{{json_encode($is_completed ?? '')}}"
         :photo_condition_table_data="{{json_encode($photoConditionTable ?? '')}}"
         :photo_condition_mideas="{{json_encode($photo_condition_mideas ?? '')}}"
         ></final-photo-condition>
       </div>

        <div id="step-4" class="">
         <final-underwater-sheet
         :surveyReporting_id="{{json_encode($surveyReporting_id)}}"
         :mideas= "{{json_encode($mideas) ?? ''}}"
         :underwater_sheet_data="{{json_encode($underwater_sheet) ?? ''}}"
         :underwater_sheet_mideas="{{json_encode($underwater_mideas ?? '')}}"
         :surfer_data="{{json_encode($surfer)}}"
         :is_completed="{{json_encode($is_completed ?? '')}}"
         :underwater_table="{{json_encode($underwaterArtefacts) ?? ''}}"></final-underwater-sheet>

       </div>


      <div id="step-5" class="">
       <final-video-transect
       :surveyReporting_id="{{json_encode($surveyReporting_id)}}"
       :mideas= "{{json_encode($mideas) ?? ''}}"
       :is_completed="{{json_encode($is_completed ?? '')}}"
       :video ="{{json_encode($video_transect ?? '')}}"></final-video-transect>

     </div>
     <div id="step-6" class="">
       <final-photogrammetry
       :midea_pdf="{{json_encode($mideaPdf ?? '')}}"
       :surveyReporting_id="{{json_encode($surveyReporting_id)}}"
       :photogrammetry_table="{{json_encode($photogrammetryTable ?? '')}}"
       :is_completed="{{json_encode($is_completed ?? '')}}"
       :mideas= "{{json_encode($mideas) ?? ''}}"
       :photo_grammetry="{{json_encode($photo_grammetry ?? '')}}" ></final-photogrammetry>

     </div>

     <div id="step-7" class="">
      <final-threat-assesment
      :surveyReporting_id="{{json_encode($surveyReporting_id)}}"
      :threat_assess="{{json_encode($threat_assessment ?? '')}}"
      :is_completed="{{json_encode($is_completed ?? '')}}"
      :mideas= "{{json_encode($mideas) ?? ''}}"
      :other_data="{{json_encode($other_sheet ?? '')}}"></final-threat-assesment>
    </div>
    <div id="step-8" class="">
      <final-marine
      :surveyReporting_id="{{json_encode($surveyReporting_id)}}"
      :marien_points ="{{json_encode($marien_survey_points ?? '')}}"
      :mariens ="{{json_encode($marien ?? '')}}"
      :mideas= "{{json_encode($mideas) ?? ''}}"
      :is_completed="{{json_encode($is_completed ?? '')}}"
      :midea_pdf="{{json_encode($mideaPdf ?? '')}}"

      ></final-marine>
    </div>
  </div>
</div>
</div>
</div>
</div>
</div>
@endsection @section('scripts')
<script>
	$('#cmd').click(function () {
    $("#cmd").hide();
     print();
     $("#cmd").show();
  });
</script>
@endsection