@extends('layouts.app')

@section('content')

<div class="page-header-banner" style="background-image: url('{{ asset('images/slider-2.jpg') }}');">
  <div class="overlay">
    <h1>Training Resources</h1>
      <a href="{{ route('training.create') }}" class="girt-btn white">
        Add Post
        <i></i></a>
  </div>
</div>
@if ($message = Session::get('success'))
                        <div class="alert alert-success alert-block">
                            <button type="button" class="close" data-dismiss="alert">×</button>
                            {{ $message }}
                        </div>
                        @endif
<div class="page-section">
  <div class="container">

       <ul class="nav nav-tabs" role="tablist">
        <li class="nav-item">
          <a class="nav-link active" href="#surface_sheet" role="tab" data-toggle="tab">Site Identification Sheet</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="#mud_map" role="tab" data-toggle="tab">Site Sketch Sheet</a>
        </li>

        <li class="nav-item">
          <a class="nav-link" href="#photo_condition" role="tab" data-toggle="tab">Photo Condition Sheet</a>
        </li>

        <li class="nav-item">
          <a class="nav-link" href="#underwater_sheet" role="tab" data-toggle="tab">Site and Conservation Data Sheet</a>
        </li>


        <li class="nav-item">
          <a class="nav-link" href="#video_transect" role="tab" data-toggle="tab">Video Transect Sheet </a>
        </li>

        <li class="nav-item">
          <a class="nav-link" href="#Photogrammetry" role="tab" data-toggle="tab"> Photogrammetry Survey Sheet</a>
        </li>

        <li class="nav-item">
          <a class="nav-link" href="#marine" role="tab" data-toggle="tab">Marine Survey</a>
        </li>

        <li class="nav-item">
          <a class="nav-link" href="#other" role="tab" data-toggle="tab">Other</a>
        </li>


      </ul>

      <div class="tab-content">

          <div role="tabpanel" class="tab-pane active" id="surface_sheet">
            <div class="page-section">
              <div class="container">
                @forelse ($trainings as $training)
                  @if ($training->type == 'surface_sheet' && $training->surface_sheet != null)
                  <div class="col-content">
                     <div class="px-3 py-4 mb-3 row align-items-center" style="border: 1px solid #ccc;border-radius: 16px;">
                     @if((pathinfo($training->surface_sheet, PATHINFO_EXTENSION) == "png") ||
                      (pathinfo($training->surface_sheet, PATHINFO_EXTENSION) == "jpg") ||
                      (pathinfo($training->surface_sheet, PATHINFO_EXTENSION) == "gif") ||
                      (pathinfo($training->surface_sheet, PATHINFO_EXTENSION) == "svg") ||
                      (pathinfo($training->surface_sheet, PATHINFO_EXTENSION) == "jpeg") ||
                      (pathinfo($training->surface_sheet, PATHINFO_EXTENSION) == "JPG"))
                      <div class="col-3">
                          <img src="{{ asset('images/download.png') }}" alt="" width="52%">
                      </div>
                     @elseif((pathinfo($training->surface_sheet, PATHINFO_EXTENSION) == "xls") ||
                      (pathinfo($training->surface_sheet, PATHINFO_EXTENSION) == "xlsx"))
                     <div class="col-3">
                          <img src="{{ asset('images/excel-png-office-xlsx-icon-3.png') }}" alt="" width="52%">
                      </div>
                    @elseif(pathinfo($training->surface_sheet, PATHINFO_EXTENSION) == "pdf")
                    <div class="col-3">
                          <img src="{{ asset('images/24-512.png') }}" alt="" width="52%">
                      </div>
                      @elseif(pathinfo($training->surface_sheet, PATHINFO_EXTENSION) == "docx")
                    <div class="col-3">
                          <img src="{{ asset('images/docx.png') }}" alt="" width="52%">
                      </div>
                      @elseif((pathinfo($training->surface_sheet, PATHINFO_EXTENSION) == "pptx") || (pathinfo($training->surface_sheet, PATHINFO_EXTENSION) == "ppt"))
                    <div class="col-3">
                          <img src="{{ asset('images/pptx.png') }}" alt="" width="42%">
                      </div>
                    @elseif((pathinfo($training->surface_sheet, PATHINFO_EXTENSION) == "mp4") || (pathinfo($training->surface_sheet, PATHINFO_EXTENSION) == "MP4") ||
                     (pathinfo($training->surface_sheet, PATHINFO_EXTENSION) == "mp3") ||  (pathinfo($training->surface_sheet, PATHINFO_EXTENSION) == "MP3") )
                    <div class="col-3">
                          <img src="{{ asset('images/mp4.png') }}" alt="" width="52%">
                      </div>
                    @endif
                      <div class="col-9">
                          <div class="mb-2"><span class="text-secondary">Title : </span> {{$training->title}}</div>
                          @if($training->user)
                          <div class="mb-1"><span class="text-secondary">Uploaded by : </span> {{$training->user->fname.', '.$training->created_at->format('Y-m-d H:i')}}</div>
                          @else
                          <div class="mb-1"><span class="text-secondary">Uploaded by : </span> {{$training->created_at->format('Y-m-d H:i')}}</div>
                          @endif
                          <div class="text-right mt-4 btn-content">
                              <a href="{{ $training->path.$training->surface_sheet }}" class="girt-btn float-none btn-block text-left" download>Download Document</a>
                          </div>
                      </div>
                    </div>
                  </div>
                  @endif
                @empty
                  <tr>
                      <td><div class="no-data">No post yet</div></td>
                  </tr>
                @endforelse
              </div>
            </div>
          </div>

        <div role="tabpanel" class="tab-pane fade" id="mud_map">
          <div class="page-section">
              <div class="container">
                @forelse ($trainings as $training)
                  @if ($training->type == 'mud_map' && $training->mud_map != null)

                  <div class="px-3 py-4 mb-3 row align-items-center" style="border: 1px solid #ccc;border-radius: 16px;">
                  @if((pathinfo($training->mud_map, PATHINFO_EXTENSION) == "png") ||
                    (pathinfo($training->mud_map, PATHINFO_EXTENSION) == "jpg") ||
                    (pathinfo($training->mud_map, PATHINFO_EXTENSION) == "gif") ||
                    (pathinfo($training->mud_map, PATHINFO_EXTENSION) == "svg") ||
                    (pathinfo($training->mud_map, PATHINFO_EXTENSION) == "jpeg") ||
                    (pathinfo($training->mud_map, PATHINFO_EXTENSION) == "JPG"))
                      <div class="col-3">
                          <img src="{{ asset('images/download.png') }}" alt="" width="52%">
                      </div>
                     @elseif((pathinfo($training->mud_map, PATHINFO_EXTENSION) == "xls") || (pathinfo($training->mud_map, PATHINFO_EXTENSION) == "xlsx"))
                     <div class="col-3">
                          <img src="{{ asset('images/excel-png-office-xlsx-icon-3.png') }}" alt="" width="52%">
                      </div>
                      @elseif(pathinfo($training->mud_map, PATHINFO_EXTENSION) == "pdf")
                    <div class="col-3">
                          <img src="{{ asset('images/24-512.png') }}" alt="" width="52%">
                      </div>
                      @elseif(pathinfo($training->mud_map, PATHINFO_EXTENSION) == "docx")
                    <div class="col-3">
                          <img src="{{ asset('images/docx.png') }}" alt="" width="52%">
                      </div>
                    @elseif((pathinfo($training->mud_map, PATHINFO_EXTENSION) == "mp4") || (pathinfo($training->mud_map, PATHINFO_EXTENSION) == "MP4") ||
                    (pathinfo($training->mud_map, PATHINFO_EXTENSION) == "mp3") || (pathinfo($training->mud_map, PATHINFO_EXTENSION) == "MP3") )
                    <div class="col-3">
                          <img src="{{ asset('images/mp4.png') }}" alt="" width="52%">
                      </div>
                      @elseif((pathinfo($training->mud_map, PATHINFO_EXTENSION) == "pptx") || (pathinfo($training->mud_map, PATHINFO_EXTENSION) == "ppt"))
                      <div class="col-3">
                            <img src="{{ asset('images/pptx.png') }}" alt="" width="42%">
                        </div>

                    @endif
                      <div class="col-9">
                          <div class="mb-2"><span class="text-secondary">Title : </span> {{$training->title}}</div>
                          @if($training->user)
                          <div class="mb-1"><span class="text-secondary">Uploaded by : </span> {{$training->user->fname.', '.$training->created_at->format('Y-m-d H:i')}}</div>
                          @else
                          <div class="mb-1"><span class="text-secondary">Uploaded by : </span> {{$training->created_at->format('Y-m-d H:i')}}</div>
                          @endif                          <div class="text-right mt-4 btn-content">
                              <a href="{{ $training->path.$training->mud_map }}" class="girt-btn float-none btn-block text-left" download>Download Document</a>
                          </div>
                      </div>
                    </div>
                  @endif
                @empty
                  <tr>
                      <td><div class="no-data">No post yet</div></td>
                  </tr>
                @endforelse
              </div>
            </div>
        </div>

        <div role="tabpanel" class="tab-pane fade" id="underwater_sheet">
          <div class="page-section">
              <div class="container">
                @forelse ($trainings as $training)
                  @if ($training->type == 'underwater_sheet' && $training->underwater_sheet != null)
                  <div class="px-3 py-4 mb-3 row align-items-center" style="border: 1px solid #ccc;border-radius: 16px;">
                  @if((pathinfo($training->underwater_sheet, PATHINFO_EXTENSION) == "png") ||
                  (pathinfo($training->underwater_sheet, PATHINFO_EXTENSION) == "jpg") ||
                  (pathinfo($training->underwater_sheet, PATHINFO_EXTENSION) == "gif") ||
                  (pathinfo($training->underwater_sheet, PATHINFO_EXTENSION) == "svg") ||
                   (pathinfo($training->underwater_sheet, PATHINFO_EXTENSION) == "jpeg") ||
                   (pathinfo($training->underwater_sheet, PATHINFO_EXTENSION) == "JPG"))

                      <div class="col-3">
                          <img src="{{ asset('images/download.png') }}" alt="" width="52%">
                      </div>
                     @elseif((pathinfo($training->underwater_sheet, PATHINFO_EXTENSION) == "xls") || (pathinfo($training->underwater_sheet, PATHINFO_EXTENSION) == "xlsx"))
                     <div class="col-3">
                          <img src="{{ asset('images/excel-png-office-xlsx-icon-3.png') }}" alt="" width="52%">
                      </div>
                      @elseif(pathinfo($training->underwater_sheet, PATHINFO_EXTENSION) == "pdf")
                    <div class="col-3">
                          <img src="{{ asset('images/24-512.png') }}" alt="" width="52%">
                      </div>
                      @elseif(pathinfo($training->underwater_sheet, PATHINFO_EXTENSION) == "docx")
                    <div class="col-3">
                          <img src="{{ asset('images/docx.png') }}" alt="" width="52%">
                      </div>
                    @elseif((pathinfo($training->underwater_sheet, PATHINFO_EXTENSION) == "mp4") || (pathinfo($training->underwater_sheet, PATHINFO_EXTENSION) == "MP4") ||
                    (pathinfo($training->underwater_sheet, PATHINFO_EXTENSION) == "mp3") || (pathinfo($training->underwater_sheet, PATHINFO_EXTENSION) == "MP3") )
                    <div class="col-3">
                        <img src="{{ asset('images/mp4.png') }}" alt="" width="52%">
                    </div>
                     @elseif((pathinfo($training->underwater_sheet, PATHINFO_EXTENSION) == "pptx") || (pathinfo($training->underwater_sheet, PATHINFO_EXTENSION) == "ppt"))
                  <div class="col-3">
                        <img src="{{ asset('images/pptx.png') }}" alt="" width="42%">
                    </div>

                    @endif
                      <div class="col-9">
                          <div class="mb-2"><span class="text-secondary">Title : </span> {{$training->title}}</div>
                          @if($training->user)
                          <div class="mb-1"><span class="text-secondary">Uploaded by : </span> {{$training->user->fname.', '.$training->created_at->format('Y-m-d H:i')}}</div>
                          @else
                          <div class="mb-1"><span class="text-secondary">Uploaded by : </span> {{$training->created_at->format('Y-m-d H:i')}}</div>
                          @endif                          <div class="text-right mt-4 btn-content">
                              <a href="{{ $training->path.$training->underwater_sheet }}" class="girt-btn float-none btn-block text-left" download>Download Document</a>
                          </div>
                      </div>
                    </div>
                  @endif
                @empty
                  <tr>
                      <td><div class="no-data">No post yet</div></td>
                  </tr>
                @endforelse
              </div>
          </div>
        </div>


        <div role="tabpanel" class="tab-pane fade" id="photo_condition">
          <div class="page-section">
              <div class="container">
                @forelse ($trainings as $training)
                  @if ($training->type == 'photo_condition' && $training->photo_condition != null)
                  <div class="px-3 py-4 mb-3 row align-items-center" style="border: 1px solid #ccc;border-radius: 16px;">
                  @if((pathinfo($training->photo_condition, PATHINFO_EXTENSION) == "png") ||
                  (pathinfo($training->photo_condition, PATHINFO_EXTENSION) == "jpg") ||
                  (pathinfo($training->photo_condition, PATHINFO_EXTENSION) == "gif") ||
                  (pathinfo($training->photo_condition, PATHINFO_EXTENSION) == "svg") ||
                   (pathinfo($training->photo_condition, PATHINFO_EXTENSION) == "jpeg") ||
                   (pathinfo($training->photo_condition, PATHINFO_EXTENSION) == "JPG"))

                      <div class="col-3">
                          <img src="{{ asset('images/download.png') }}" alt="" width="52%">
                      </div>
                     @elseif((pathinfo($training->photo_condition, PATHINFO_EXTENSION) == "xls") || (pathinfo($training->photo_condition, PATHINFO_EXTENSION) == "xlsx"))
                     <div class="col-3">
                          <img src="{{ asset('images/excel-png-office-xlsx-icon-3.png') }}" alt="" width="52%">
                      </div>
                      @elseif(pathinfo($training->photo_condition, PATHINFO_EXTENSION) == "pdf")
                    <div class="col-3">
                          <img src="{{ asset('images/24-512.png') }}" alt="" width="52%">
                      </div>
                      @elseif(pathinfo($training->photo_condition, PATHINFO_EXTENSION) == "docx")
                    <div class="col-3">
                          <img src="{{ asset('images/docx.png') }}" alt="" width="52%">
                      </div>
                    @elseif((pathinfo($training->photo_condition, PATHINFO_EXTENSION) == "mp4") || (pathinfo($training->photo_condition, PATHINFO_EXTENSION) == "MP4") ||
                    (pathinfo($training->photo_condition, PATHINFO_EXTENSION) == "mp3") || (pathinfo($training->photo_condition, PATHINFO_EXTENSION) == "MP3") )
                    <div class="col-3">
                          <img src="{{ asset('images/mp4.png') }}" alt="" width="52%">
                      </div>
                    @elseif((pathinfo($training->photo_condition, PATHINFO_EXTENSION) == "pptx") || (pathinfo($training->photo_condition, PATHINFO_EXTENSION) == "ppt"))
                      <div class="col-3">
                            <img src="{{ asset('images/pptx.png') }}" alt="" width="42%">
                        </div>

                    @endif
                      <div class="col-9">
                          <div class="mb-2"><span class="text-secondary">Title : </span> {{$training->title}}</div>
                          @if($training->user)
                          <div class="mb-1"><span class="text-secondary">Uploaded by : </span> {{$training->user->fname.', '.$training->created_at->format('Y-m-d H:i')}}</div>
                          @else
                          <div class="mb-1"><span class="text-secondary">Uploaded by : </span> {{$training->created_at->format('Y-m-d H:i')}}</div>
                          @endif                          <div class="text-right mt-4 btn-content">
                              <a href="{{ $training->path.$training->photo_condition }}" class="girt-btn float-none btn-block text-left" download>Download Document</a>
                          </div>
                      </div>
                    </div>
                  @endif
                @empty
                  <tr>
                      <td><div class="no-data">No post yet</div></td>
                  </tr>
                @endforelse
              </div>
          </div>
        </div>
        <div role="tabpanel" class="tab-pane fade" id="video_transect">
           <div class="page-section">
              <div class="container">
                @forelse ($trainings as $training)
                  @if ($training->type == 'video_transect' && $training->video_transect != null)
                  <div class="px-3 py-4 mb-3 row align-items-center" style="border: 1px solid #ccc;border-radius: 16px;">
                  @if((pathinfo($training->video_transect, PATHINFO_EXTENSION) == "png") ||
                  (pathinfo($training->video_transect, PATHINFO_EXTENSION) == "jpg") ||
                  (pathinfo($training->video_transect, PATHINFO_EXTENSION) == "gif") ||
                  (pathinfo($training->video_transect, PATHINFO_EXTENSION) == "svg") ||
                   (pathinfo($training->video_transect, PATHINFO_EXTENSION) == "jpeg") ||
                   (pathinfo($training->video_transect, PATHINFO_EXTENSION) == "JPG"))

                      <div class="col-3">
                          <img src="{{ asset('images/download.png') }}" alt="" width="52%">
                      </div>
                     @elseif((pathinfo($training->video_transect, PATHINFO_EXTENSION) == "xls") || (pathinfo($training->video_transect, PATHINFO_EXTENSION) == "xlsx"))
                     <div class="col-3">
                          <img src="{{ asset('images/excel-png-office-xlsx-icon-3.png') }}" alt="" width="52%">
                      </div>
                      @elseif(pathinfo($training->video_transect, PATHINFO_EXTENSION) == "pdf")
                    <div class="col-3">
                          <img src="{{ asset('images/24-512.png') }}" alt="" width="52%">
                      </div>
                      @elseif(pathinfo($training->video_transect, PATHINFO_EXTENSION) == "docx")
                    <div class="col-3">
                          <img src="{{ asset('images/docx.png') }}" alt="" width="52%">
                      </div>
                      @elseif((pathinfo($training->video_transect, PATHINFO_EXTENSION) == "pptx") || (pathinfo($training->video_transect, PATHINFO_EXTENSION) == "ppt"))
                      <div class="col-3">
                            <img src="{{ asset('images/pptx.png') }}" alt="" width="42%">
                        </div>

                    @elseif((pathinfo($training->video_transect, PATHINFO_EXTENSION) == "mp4") || (pathinfo($training->video_transect, PATHINFO_EXTENSION) == "MP4") ||
                    (pathinfo($training->video_transect, PATHINFO_EXTENSION) == "mp3") || (pathinfo($training->video_transect, PATHINFO_EXTENSION) == "MP3") )
                    <div class="col-3">
                          <img src="{{ asset('images/mp4.png') }}" alt="" width="52%">
                      </div>
                    @endif
                      <div class="col-9">
                          <div class="mb-2"><span class="text-secondary">Title : </span> {{$training->title}}</div>
                          @if($training->user)
                          <div class="mb-1"><span class="text-secondary">Uploaded by : </span> {{$training->user->fname.', '.$training->created_at->format('Y-m-d H:i')}}</div>
                          @else
                          <div class="mb-1"><span class="text-secondary">Uploaded by : </span> {{$training->created_at->format('Y-m-d H:i')}}</div>
                          @endif                          <div class="text-right mt-4 btn-content">
                              <a href="{{ $training->path.$training->video_transect }}" class="girt-btn float-none btn-block text-left" download>Download Document</a>
                          </div>
                      </div>
                    </div>
                  @endif
                @empty
                  <tr>
                      <td><div class="no-data">No post yet</div></td>
                  </tr>
                @endforelse
              </div>
          </div>
        </div>

        <div role="tabpanel" class="tab-pane fade" id="Photogrammetry">
          <div class="page-section">
              <div class="container">
                @forelse ($trainings as $training)
                  @if ($training->type == 'photogrammetry' && $training->photogrammetry != null)
                  <div class="px-3 py-4 mb-3 row align-items-center" style="border: 1px solid #ccc;border-radius: 16px;">
                  @if((pathinfo($training->photogrammetry, PATHINFO_EXTENSION) == "png") ||
                  (pathinfo($training->photogrammetry, PATHINFO_EXTENSION) == "jpg") ||
                  (pathinfo($training->photogrammetry, PATHINFO_EXTENSION) == "gif") ||
                  (pathinfo($training->photogrammetry, PATHINFO_EXTENSION) == "svg") ||
                   (pathinfo($training->photogrammetry, PATHINFO_EXTENSION) == "jpeg") ||
                   (pathinfo($training->photogrammetry, PATHINFO_EXTENSION) == "JPG"))

                      <div class="col-3">
                          <img src="{{ asset('images/download.png') }}" alt="" width="52%">
                      </div>
                     @elseif((pathinfo($training->photogrammetry, PATHINFO_EXTENSION) == "xls") || (pathinfo($training->photogrammetry, PATHINFO_EXTENSION) == "xlsx"))
                     <div class="col-3">
                          <img src="{{ asset('images/excel-png-office-xlsx-icon-3.png') }}" alt="" width="52%">
                      </div>
                      @elseif(pathinfo($training->photogrammetry, PATHINFO_EXTENSION) == "pdf")
                    <div class="col-3">
                          <img src="{{ asset('images/24-512.png') }}" alt="" width="52%">
                      </div>
                      @elseif(pathinfo($training->photogrammetry, PATHINFO_EXTENSION) == "docx")
                    <div class="col-3">
                          <img src="{{ asset('images/docx.png') }}" alt="" width="52%">
                      </div>
                    @elseif((pathinfo($training->photogrammetry, PATHINFO_EXTENSION) == "mp4") || (pathinfo($training->photogrammetry, PATHINFO_EXTENSION) == "MP4") ||
                    (pathinfo($training->photogrammetry, PATHINFO_EXTENSION) == "mp3") || (pathinfo($training->photogrammetry, PATHINFO_EXTENSION) == "MP3") )
                    <div class="col-3">
                          <img src="{{ asset('images/mp4.png') }}" alt="" width="52%">
                      </div>
                         @elseif((pathinfo($training->photogrammetry, PATHINFO_EXTENSION) == "pptx") || (pathinfo($training->photogrammetry, PATHINFO_EXTENSION) == "ppt"))
                         <div class="col-3">
                            <img src="{{ asset('images/pptx.png') }}" alt="" width="42%">
                        </div>
                    @endif
                      <div class="col-9">
                          <div class="mb-2"><span class="text-secondary">Title : </span> {{$training->title}}</div>
                          @if($training->user)
                          <div class="mb-1"><span class="text-secondary">Uploaded by : </span> {{$training->user->fname.', '.$training->created_at->format('Y-m-d H:i')}}</div>
                          @else
                          <div class="mb-1"><span class="text-secondary">Uploaded by : </span> {{$training->created_at->format('Y-m-d H:i')}}</div>
                          @endif                          <div class="text-right mt-4 btn-content">
                              <a href="{{ $training->path.$training->photogrammetry }}" class="girt-btn float-none btn-block text-left" download>Download Document</a>
                          </div>
                      </div>
                    </div>
                  @endif
                @empty
                  <tr>
                      <td><div class="no-data">No post yet</div></td>
                  </tr>
                @endforelse
              </div>
          </div>
        </div>
        <div role="tabpanel" class="tab-pane fade" id="other">
          <div class="page-section">
              <div class="container">
                @forelse ($trainings as $training)
                  @if ($training->type == 'other' && $training->other != null)
                  <div class="px-3 py-4 mb-3 row align-items-center" style="border: 1px solid #ccc;border-radius: 16px;">
                  @if((pathinfo($training->other, PATHINFO_EXTENSION) == "png") ||
                  (pathinfo($training->other, PATHINFO_EXTENSION) == "jpg") ||
                  (pathinfo($training->other, PATHINFO_EXTENSION) == "gif") ||
                  (pathinfo($training->other, PATHINFO_EXTENSION) == "svg") ||
                   (pathinfo($training->other, PATHINFO_EXTENSION) == "jpeg") ||
                   (pathinfo($training->other, PATHINFO_EXTENSION) == "JPG"))

                      <div class="col-3">
                          <img src="{{ asset('images/download.png') }}" alt="" width="52%">
                      </div>
                     @elseif((pathinfo($training->other, PATHINFO_EXTENSION) == "xls") || (pathinfo($training->other, PATHINFO_EXTENSION) == "xlsx"))
                     <div class="col-3">
                          <img src="{{ asset('images/excel-png-office-xlsx-icon-3.png') }}" alt="" width="52%">
                      </div>
                      @elseif(pathinfo($training->other, PATHINFO_EXTENSION) == "pdf")
                    <div class="col-3">
                          <img src="{{ asset('images/24-512.png') }}" alt="" width="52%">
                      </div>
                      @elseif(pathinfo($training->other, PATHINFO_EXTENSION) == "docx")
                    <div class="col-3">
                          <img src="{{ asset('images/docx.png') }}" alt="" width="52%">
                      </div>
                    @elseif((pathinfo($training->other, PATHINFO_EXTENSION) == "mp4") || (pathinfo($training->other, PATHINFO_EXTENSION) == "MP4") ||
                     (pathinfo($training->other, PATHINFO_EXTENSION) == "mp3") || (pathinfo($training->other, PATHINFO_EXTENSION) == "MP3") )
                    <div class="col-3">
                          <img src="{{ asset('images/mp4.png') }}" alt="" width="52%">
                      </div>
                      @elseif((pathinfo($training->other, PATHINFO_EXTENSION) == "pptx") || (pathinfo($training->other, PATHINFO_EXTENSION) == "ppt"))
                      <div class="col-3">
                            <img src="{{ asset('images/pptx.png') }}" alt="" width="42%">
                        </div>
                    @endif
                      <div class="col-9">
                          <div class="mb-2"><span class="text-secondary">Title : </span> {{$training->title}}</div>
                          @if($training->user)
                          <div class="mb-1"><span class="text-secondary">Uploaded by : </span> {{$training->user->fname.', '.$training->created_at->format('Y-m-d H:i')}}</div>
                          @else
                          <div class="mb-1"><span class="text-secondary">Uploaded by : </span> {{$training->created_at->format('Y-m-d H:i')}}</div>
                          @endif                          <div class="text-right mt-4 btn-content">
                              <a href="{{ $training->path.$training->other }}" class="girt-btn float-none btn-block text-left" download>Download Document </a>
                          </div>
                      </div>
                    </div>
                  @endif
                @empty
                  <tr>
                      <td><div class="no-data">No post yet</div></td>
                  </tr>
                @endforelse
              </div>
          </div>
        </div>
        <div role="tabpanel" class="tab-pane fade" id="marine">
          <div class="page-section">
              <div class="container">
                @forelse ($trainings as $training)
                  @if ($training->type == 'marine' && $training->marine != null)
                  <div class="px-3 py-4 mb-3 row align-items-center" style="border: 1px solid #ccc;border-radius: 16px;">
                  @if((pathinfo($training->marine, PATHINFO_EXTENSION) == "png") ||
                  (pathinfo($training->marine, PATHINFO_EXTENSION) == "jpg") ||
                  (pathinfo($training->marine, PATHINFO_EXTENSION) == "gif") ||
                  (pathinfo($training->marine, PATHINFO_EXTENSION) == "svg") ||
                   (pathinfo($training->marine, PATHINFO_EXTENSION) == "jpeg") ||
                   (pathinfo($training->marine, PATHINFO_EXTENSION) == "JPG") )

                      <div class="col-3">
                          <img src="{{ asset('images/download.png') }}" alt="" width="52%">
                      </div>
                     @elseif((pathinfo($training->marine, PATHINFO_EXTENSION) == "xls") || (pathinfo($training->marine, PATHINFO_EXTENSION) == "xlsx"))
                     <div class="col-3">
                          <img src="{{ asset('images/excel-png-office-xlsx-icon-3.png') }}" alt="" width="52%">
                      </div>
                      @elseif(pathinfo($training->marine, PATHINFO_EXTENSION) == "pdf")
                    <div class="col-3">
                          <img src="{{ asset('images/24-512.png') }}" alt="" width="52%">
                      </div>
                      @elseif(pathinfo($training->marine, PATHINFO_EXTENSION) == "docx")
                    <div class="col-3">
                          <img src="{{ asset('images/docx.png') }}" alt="" width="52%">
                      </div>
                    @elseif((pathinfo($training->marine, PATHINFO_EXTENSION) == "mp4") || (pathinfo($training->marine, PATHINFO_EXTENSION) == "MP4") ||
                    (pathinfo($training->marine, PATHINFO_EXTENSION) == "mp3") || (pathinfo($training->marine, PATHINFO_EXTENSION) == "MP3") )
                    <div class="col-3">
                          <img src="{{ asset('images/mp4.png') }}" alt="" width="52%">
                      </div>
                          @elseif((pathinfo($training->marine, PATHINFO_EXTENSION) == "pptx") || (pathinfo($training->marine, PATHINFO_EXTENSION) == "ppt"))
                      <div class="col-3">
                            <img src="{{ asset('images/pptx.png') }}" alt="" width="42%">
                        </div>

                    @endif
                      <div class="col-9">
                          <div class="mb-2"><span class="text-secondary">Title : </span> {{$training->title}}</div>
                          @if($training->user)
                          <div class="mb-1"><span class="text-secondary">Uploaded by : </span> {{$training->user->fname.', '.$training->created_at->format('Y-m-d H:i')}}</div>
                          @else
                          <div class="mb-1"><span class="text-secondary">Uploaded by : </span> {{$training->created_at->format('Y-m-d H:i')}}</div>
                          @endif                          <div class="text-right mt-4 btn-content">
                              <a href="{{ $training->path.$training->marine }}" class="girt-btn float-none btn-block text-left" download>Download Document</a>
                          </div>
                      </div>
                    </div>
                  @endif
                @empty
                  <tr>
                      <td><div class="no-data">No post yet</div></td>
                  </tr>
                @endforelse
              </div>
          </div>
        </div>

      </div>
  </div>
</div>
@endsection
@section('scripts')

<script>

</script>

@endsection