@extends('Layouts.web_master')
@section('content')

<div>
    <section class="ftco-counter ftco-intro" id="section-counter">
      <div class="container">
        <div class="row no-gutters">
          <div class="col-md-5 d-flex justify-content-center counter-wrap ftco-animate">
            <div class="block-18 color-1 align-items-stretch">
              <div class="text">
                <span>Serving Over</span>
                <strong class="number" data-number="41279">0</strong>
                <span>Members of all branches.</span>
              </div>
            </div>
          </div>
          <div class="col-md d-flex justify-content-center counter-wrap ftco-animate">
            <div class="block-18 color-2 align-items-stretch">
              <div class="text">
                <h3 class="mb-4">Annual Reports</h3>
                <p>In order to establish good management in the organization, we publish yearly reports.</p>
                <p><a href="{{url('/')}}" class="btn btn-white px-3 py-2 mt-2">Annual Reports</a></p>
              </div>
            </div>
          </div>
          <div class="col-md d-flex justify-content-center counter-wrap ftco-animate">
            <div class="block-18 color-3 align-items-stretch">
              <div class="text">
                <h3 class="mb-4">Publications</h3>
                <p>In order to establish good management in the organization, we publish yearly reports.</p>
                <p><a href="{{url('/')}}" class="btn btn-white px-3 py-2 mt-2">Publications</a></p>
              </div>
            </div>
          </div>
        </div>
      </div>
      @if(!empty($singleData))
      <section class="ftco-section">
          @if(isset($singleData->image))
          <div class="container">
              <div class="row d-flex">

                <div class="col-md-6">                 
                    <div class="img img-about align-self-stretch" 
                    style="background-image: url({{asset($singleData->image)}}); height:250px">
                    </div>                  
                </div>

                <div class="col-md-6 pl-md-5 ftco-animate">
                  @if(isset($singleData->title))
                    <h2 class="mb-4">{{$singleData->title }}</h2>
                  @endif                  
                  @if(isset($singleData->details))
                    <p> {!! $singleData->details !!}</p>
                  @endif
                  @if(isset($singleData->files))
                    <ul>                  
                        <li><a href="{{asset($singleData->files)}}" target="_blank" rel="noopener">{{$article->files}}</a></li>
                    </ul>
                  @endif
                </div>
              </div>   
            </div> 
          @else
          <div class="container">
              <div class="row d-flex">   
                <div class="col-md-12 pl-md-5 ftco-animate">
                  @if(isset($singleData->title))
                    <h2 class="mb-4">{{$singleData->title }}</h2>
                  @endif                  
                  @if(isset($singleData->details))
                    <p> {!! $singleData->details !!}</p>
                  @endif
                  @if(isset($singleData->files))
                    <ul>          
                        <li><a href="{{asset('/public/uploads/'.$singleData->files)}}" target="_blank" rel="noopener">{{$singleData->files}}</a></li>
                    </ul>
                  @endif
                </div>
              </div>     
          </div>
          @endif 
          
        </section>
        @endif
  </section>
</div>

 

@endsection