@extends('layouts.main.main')
<style>
  @supports (display: contents) {
  .row.responsive-sm {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 1em;
  }
  .col-50 {
    display: contents
  }
  .title {
    grid-row: 1
  }
  .content {
    grid-row: 2;
  }
  @media screen and (max-width:500px) {
    /* set the break point to the right value */
    .row.responsive-sm,
    .col-50 {
      display: block;
    }
  }
}
</style>
@section('content')
<!--Main Slider Start-->
<div class="inner-banner-header wf100 default-banner">
  <h1>{{ $members->name }}</h1>
  <div class="gt-breadcrumbs">
    <ul>
      <li> <a href="{{ url('/') }}"> <i class="fas fa-home"></i> Home </a> </li>
      <li> <a href="#" class="active"> {{ $members->name }} </a> </li>
    </ul>
  </div>
</div>
<!--Main Slider Start-->
<!--Main Content Start-->
<div class="main-content innerpagebg wf100 p80 default-bg">
  <!--News Large Page Start-->
  <!--Start-->
  <div class="news-details">
    <div class="container">
      <div class="row responsive-sm" style="">


        @if(($members->secretaryName =="" || $members->secretaryName ==NULL) && ($members->secretaryDescription =="" ||
        $members->secretaryDescription ==NULL))
        <!--Player Box Start-->

        <div class="col-md-6 col-sm-6 col-50">
          <div class="player-box"  >
             @if($members->presidentPhoto !="" || $members->presidentPhoto != NULL)
              <div class="player-thumb">
                <img src="{{ $members->presidentPhoto }}" alt="{{env('APP_SHORT_NAME')}}" style="width: 250px;height: 300px;">
              </div>
            @endif
            <div class="player-txt" style="">
              <h3>{{ $members->presidentName }}</h3>
              <strong class="player-desi"> President | {{$members->name}} </strong>
              <p style="word-wrap: break-word">{!! $members->presidentDescription !!}</p>
              <p>{{ $members->presidentEmail }}</p>
              <ul>
              </ul>
            </div>
          </div>
        </div>

        <!--Player Box End-->
        @else
        <!--Player Box Start-->
        <div class="col-md-6 col-sm-6 col-50">
          <div class="player-box"  >
             
           @if($members->presidentPhoto !="" || $members->presidentPhoto != NULL)
              <div class="player-thumb">
                <img src="{{ $members->presidentPhoto }}" alt="{{env('APP_SHORT_NAME')}}" style="width: 250px;height: 300px;">
              </div>
            @endif
            <div class="player-txt" >
              <h3>{{ $members->presidentName }}</h3>
              <strong class="player-desi"> President | {{$members->name}} </strong>
              <p style="word-wrap: break-word">{!! $members->presidentDescription !!}</p>
              <p>{{ $members->presidentEmail }}</p>
              <ul>
              </ul>
            </div>
          </div>
        </div>
        <!--Player Box End-->

        <!--Player Box Start-->
        <div class="col-md-6 col-sm-6 col-50">
          <div class="player-box"  >
            <div class="player-thumb">
              <img src="{{ $members->secretaryPhoto }}" alt=" MPFI" style="width: 250px;height: 300px;">
            </div>
            <div class="player-txt">
              <h3>{{$members->secretaryName}} </h3>
              <strong class="player-desi"> Secretary | {{$members->name}} </strong>
              <p style="word-wrap: break-word">{!! $members->secretaryDescription !!} </p>
              <p>{{ $members->secretaryEmail }}</p>
              <ul>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <!--Player Box End-->
      @endif

      @if($members->description !=NULL || $members->description != "")
      <!--Player Biography Start-->
      <div class="player-bio">
        <h4 style="padding-right: 10px">About {{ $members->name }}
          <!--@if ($members->type=='national_members')-->
          <!-- <a href="{{ url('national_members/'.$members->id.'/'.$members->name) }}" target="_blank" class="float-right">Click here to view our website</a>-->
          <!-- @elseif($members->type=='club_members')-->
          <!-- <a href="{{ url('club/'.$members->id.'/'.$members->name) }}" target="_blank" class="float-right">Click here to view our website</a>-->
          <!-- @else-->
          <!-- <a href="{{ url('other_assoc/'.$members->id.'/'.$members->name) }}" target="_blank" class="float-right">Click here to view our website</a>-->
          <!--@endif-->

        </h4>
        <div class="txt">
          {!! $members->description !!}
        </div>



      </div>
      <!--Player Biography End-->

      @endif

    </div>
  </div>
  <!--End-->
</div>
<!--Main Content End-->
@endsection.