@extends('layouts.app')
@section('content')
<div class="page-header-banner" style="background-image: url('{{ asset('images/slider-2.jpg') }}');">
  <div class="overlay">
    <h1>Sponsors and Supporters</h1>
  </div>
</div>

<div class="page-section pb-1">
      <div class="container">
        <h2 class="pageheader">SPONSORSHIP OPPORTUNITIES</h2>
        <h2 class="pageheader-sub">{{$sponsorship->scientific_sponsors_title}}</h2>
        <p class="page-text">
            {!! nl2br(e($sponsorship->scientific_sponsors_description)) !!}
        </p>
        <h2 class="pageheader-sub mt-30">{{$sponsorship->why_sponsorship_title}}</h2>
        <p class="page-text">{!! nl2br(e($sponsorship->why_sponsorship_description)) !!}</p>
       
      </div>
</div>

<div class="page-section pt-0">
  <div class="container">
    <p class="page-text mt-15">For further details please contact Andy Viduka: <a href="mailto:girtscientificdiver@gmail.com">girtscientificdiver@gmail.com</a> </p>
  </div>
</div>
<div class="page-section pt-0">
  <div class="container">
    <h2 class="pageheader gold-color">GOLD SPONSORs</h2>
    <div class="row">
      
    @forelse ($data as $sponsor)
      @if($sponsor->category == 1)
      <div class="col-sm-3">
        <a href="{{$sponsor->link}}" class="beneficiary-content">
          <div class="image">
            <span class="logo-sp-image" style="background-image:url({{ asset($sponsor->logo_url) }})"></span>
          </div>
          <p>{{$sponsor->name}}</p>
        </a>
      </div>
      @endif
    @empty
      <tr>
          <td><div class="no-data">No GOLD SPONSORs yet</div></td>
      </tr>
    @endforelse
    </div>
  </div>
  <hr class="hr">
  </div>
<div class="page-section pt-0">
  <div class="container">
    <h2 class="pageheader silver-color">SILVER SPONSORs</h2>
    <div class="row">

      @forelse ($data as $sponsor)
      @if($sponsor->category == 2)
      <div class="col-sm-3">
        <a href="{{$sponsor->link}}" class="beneficiary-content">
          <div class="image">
            <span class="logo-sp-image" style="background-image:url({{ asset($sponsor->logo_url) }})"></span>
          </div>
          <p>{{$sponsor->name}}</p>
        </a>
      </div>
      @endif
    @empty
      <tr>
          <td><div class="no-data">No SILVER SPONSORs yet</div></td>
      </tr>
    @endforelse
    </div>
    <hr class="hr">
  </div>
</div>
<div class="page-section pt-0">
  <div class="container">
    <h2 class="pageheader bronze-color">BRONZE SPONSORs</h2>
    <div class="row">
      @forelse ($data as $sponsor)
      @if($sponsor->category == 3)
      <div class="col-sm-3">


        <a href="{{$sponsor->link}}" class="beneficiary-content">
          <div class="image">
            <span  class="logo-sp-image" style="background-image:url({{ asset($sponsor->logo_url) }})"></span>
          </div>
          <p>{{$sponsor->name}}</p>
        </a>
      </div>
      @endif
      @empty
      <tr>
          <td><div class="no-data">No BRONZE SPONSORs yet</div></td>
      </tr>
      @endforelse
    </div>
    <hr class="hr">
  </div>
</div>
<div class="page-section background-grey">
  <div class="container">
    <h2 class="pageheader">SUPPORTERS</h2>
    <div class="supporter">
      <h2 class="pageheader-sub mb-30">Intergovernmental Organisations - IGO’s</h2>
      <div class="row align-items-center">
      @forelse ($data as $sponsor)
      @if($sponsor->category == 4)

        <div class="col-sm-3">
          <a href="{{$sponsor->link}}" class="supporter-content">
            @if($sponsor->logo_url)
              <span class="logo-sp-image" style="background-image:url({{ asset($sponsor->logo_url) }})"></span>
            @endif
            <p>{{$sponsor->name}}</p>
          </a>
        </div>
      @endif
      @empty
      <tr>
          <td><div class="no-data">No IGO’s yet</div></td>
      </tr>
      @endforelse
      </div>
    </div>
    <div class="supporter">
      <h2 class="pageheader-sub mb-30">Nongovernment organisations – NGO’s</h2>
      <div class="row align-items-center">
        @forelse ($data as $sponsor)
        @if($sponsor->category == 5)
        <div class="col-sm-3">
          <a href="{{$sponsor->link}}" class="supporter-content">
              <span class="logo-sp-image" style="background-image:url({{ asset($sponsor->logo_url) }})"></span>
              <p>{{$sponsor->name}}</p>
          </a>
        </div>
        @endif
      @empty
      <tr>
          <td><div class="no-data">No NGO’s yet</div></td>
      </tr>
      @endforelse
      </div>
    </div>
    <div class="supporter">
      <h2 class="pageheader-sub mb-30">Government Agencies and Museums</h2>
      <div class="row align-items-center">
        @forelse ($data as $sponsor)
        @if($sponsor->category == 6)
        <div class="col-sm-3">
          <a href="{{$sponsor->link}}" class="supporter-content">
              <span class="logo-sp-image" style="background-image:url({{ asset($sponsor->logo_url) }})"></span>
              <p>{{$sponsor->name}}</p>
          </a>
        </div>
        @endif
        @empty
        <tr>
            <td><div class="no-data">No Government Agencies and Museums yet</div></td>
        </tr>
        @endforelse
    </div>

    <div class="supporter">
      <h2 class="pageheader-sub mb-30">Universities</h2>
      <div class="row align-items-center">
      @forelse ($data as $sponsor)
      @if($sponsor->category == 7)

        <div class="col-sm-3">
          <a href="{{$sponsor->link}}" class="supporter-content">
              <span class="logo-sp-image" style="background-image:url({{ asset($sponsor->logo_url) }})"></span>
              <p>{{$sponsor->name}}</p>
          </a>
        </div>
        @endif
        @empty
        <tr>
            <td><div class="no-data">No Universities yet</div></td>
        </tr>
        @endforelse

      </div>
    </div>
    <div class="supporter border-b mb-0">
      <h2 class="pageheader-sub mb-30">Consultancies</h2>
      <div class="row align-items-center">
      @forelse ($data as $sponsor)
      @if($sponsor->category == 8)

        <div class="col-sm-3">
          <a href="{{$sponsor->link}}" class="supporter-content">
            @if($sponsor->logo_url)
              <span class="logo-sp-image" style="background-image:url({{ asset($sponsor->logo_url) }})"></span>
            @endif
            <p>{{$sponsor->name}}</p>
          </a>
        </div>
        @endif
        @empty
        <tr>
            <td><div class="no-data">No Consultancies yet</div></td>
        </tr>
        @endforelse
      </div>
    </div>
    
  </div>
</div>
@endsection



{{--
<div class="page-section background-grey">
  <div class="container">
    <h2 class="pageheader">SUPPORTERS</h2>
    <div class="supporter">
      <h2 class="pageheader-sub mb-30">Intergovernmental Organisations - IGO’s</h2>
      <div class="row align-items-center">
        @forelse ($data as $sponsor)
        @if($sponsor->category == 4)
        <div class="col-sm-3">
          <a href="{{$sponsor->link}}" class="beneficiary-content">
            <div class="image">
              <span class="logo-sp-image" style="background-image:url({{ asset($sponsor->logo_url) }})"></span>
            </div>
            <p>{{$sponsor->name}}</p>
          </a>
        </div>
        @endif
        @empty
        <tr>
            <td><div class="no-data">No IGO’s yet</div></td>
        </tr>
        @endforelse
      </div>
    </div>

    <div class="supporter">
      <h2 class="pageheader-sub mb-30">Nongovernment organisations – NGO’s</h2>
      <div class="row align-items-center">
        @forelse ($data as $sponsor)
        @if($sponsor->category == 4)
        <div class="col-sm-3">
          <a href="{{$sponsor->link}}" class="supporter-content">
            <span class="logo-sp-image" style="background-image:url({{ asset($sponsor->logo_url) }})"></span>
            <p>{{$sponsor->name}}</p>
          </a>
        </div>
        @endif
        @empty
        <tr>
            <td><div class="no-data">No IGO’s yet</div></td>
        </tr>
        @endforelse

        <div class="col-sm-3">
          <a href="{{$sponsor->link}}" class="supporter-content">
             <span class="logo-sp-image" style="background-image:url({{ asset($sponsor->logo_url) }})"></span>
             <p>{{$sponsor->name}}</p>
          </a>
        </div>
        </div>
    </div>
    <div class="supporter">
      <h2 class="pageheader-sub mb-30">Government Agencies and Museums</h2>
      <div class="row align-items-center">
        <div class="col-sm-3">
          <a href="" class="supporter-content">
            <img src="{{ asset('images/s10.png') }}"> Scuba Diver Life
          </a>
        </div>
        <div class="col-sm-3">
          <a href="" class="supporter-content">
            <img src="{{ asset('images/s11.png') }}">Manta Dive
          </a>
        </div>
        <div class="col-sm-3">
          <a href="" class="supporter-content">
           <img src="{{ asset('images/s16.png') }}">  ACET Offshore
          </a>
        </div>
        <div class="col-sm-3">
          <a href="" class="supporter-content">
           <img src="{{ asset('images/s13.png') }}">Sport Diver
          </a>
        </div>
      </div>
    </div>
    <div class="supporter">
      <h2 class="pageheader-sub mb-30">Universities</h2>
      <div class="row align-items-center">
        <div class="col-sm-3">
          <a href="" class="supporter-content">
            <img src="{{ asset('images/s9.png') }}"> Scuba Diver Life
          </a>
        </div>
        <div class="col-sm-3">
          <a href="" class="supporter-content">
            <img src="{{ asset('images/s8.png') }}">Manta Dive
          </a>
        </div>
        <div class="col-sm-3">
          <a href="" class="supporter-content">
           <img src="{{ asset('images/s7.png') }}">  ACET Offshore
          </a>
        </div>
        <div class="col-sm-3">
          <a href="" class="supporter-content">
           <img src="{{ asset('images/s6.png') }}">Sport Diver
          </a>
        </div>
      </div>
    </div>
    <div class="supporter border-b mb-0">
      <h2 class="pageheader-sub mb-30">Consultancies</h2>
      <div class="row align-items-center">
        <div class="col-sm-3">
          <a href="" class="supporter-content">
            Scuba Diver Life
          </a>
        </div>
        <div class="col-sm-3">
          <a href="" class="supporter-content">
            Manta Dive
          </a>
        </div>
        <div class="col-sm-3">
          <a href="" class="supporter-content">
           ACET Offshore
          </a>
        </div>
        <div class="col-sm-3">
          <a href="" class="supporter-content">
          Sport Diver
          </a>
        </div>
      </div>
    </div>
    
  </div>
</div>--}}