@include('layout/frontend/_header')
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<div id="colorlib-doctor">
	<div class="container">
		<div class="row">
            <div class="col-sm-12 breadcrumbs">
                <ol class="breadcrumb breadcrumb-2new" style="margin-bottom: 30px;">
                    <li class="breadcrumb-item"><a title="Go to IKI" href="{{ url('/') }}">Home</a></li>
                    <li class="breadcrumb-item"><a href="{{ url('news') }}">Special Feature</a></li>
					<li class="breadcrumb-item"><a href="javascript://">{{$specialFeatures['sp_title']}}</a></li>
                </ol>
            </div>
        </div>
		<div class="row animate-box"></div>
		<div class="col-sm-12">
		<div class="row">
		<div class="col-sm-12">

		<div style="    float: right;
    padding-left: 20px;
    /* width: 351px; */
    min-width: 37%;">
            		 @if ( ($specialFeatures['sp_images']) !='' )
														<a href="{{ $singleImage }}" title="{{$specialFeatures['sp_images']}}" target="_blank"><img  src="{{ $singleImage }}" title="{{$specialFeatures['sp_title']}}" class="card-img-top img-fluid" /></a>
							@else 
                      		<img  class="text-center" src="{{ URL::asset('images/no-image.png') }}" >
                      	@endif
            </div>
            
		<h3><b>{{$specialFeatures['sp_title']}}</b></h3>
		<h6>{{$specialFeatures['sp_subtitle']}}</h6>
		
            	
            
          	
		   @if($specialFeatures['sp_date'] !='')
		<span class="dur"><i class="fa fa-calendar"></i> {{ $specialFeatures['sp_date']  }} - {{ $specialFeatures['sp_end_date']  }} {{ $specialFeatures['sp_month']  }}  </span><br>
	    @endif
		@if($specialFeatures['sp_authors'] !='')
		<span class="auth"><i class="fa fa-users"></i> {{ $specialFeatures['sp_authors']  }} </span><br>
	    @endif
		
		@if($specialFeatures['sp_organization'] !='')
		<span class="org"><i class="fa fa-handshake-o"> </i> {{ $specialFeatures['sp_organization'] }}  </span><br>
	    @endif
		@if($specialFeatures['sp_document_upload'] =='')
			<br>
		@endif	
					@if(!empty($specialFeatures['sp_document_upload']))
				@php
					$docFile = $specialFeatures['sp_document_upload'];
					$docUrl = asset('uploads/special_features_document/' . $docFile);
				@endphp

    <a href="{{ $docUrl }}" target="_blank">
        <span class="dur">
            <i class="fa fa-download"></i> Download Report
        </span>
    </a><br>
@endif
            
            
		
		
	
		@if($specialFeatures['sp_description'] !='')
			
			    <p>{!! ($specialFeatures['sp_description']) !!}</p>
	
          @endif   
		</div>
		</div>
		</div>
		
		

		
		
		
		
</div>
</div>		

@include('layout/frontend/_footer')
<style>
    i.fa.fa-calendar {
    color: #fff;
}
    
span.dur {
    background-color: #0b2154;
    font-size: 15px;
    color: #fff;
    padding: 4px 12px;
    /* margin-top: 34px; */
    line-height: 54px;
    border-radius: 13px;
}
p {
    padding-top: 0.0rem;
    /* padding-bottom: 0.5rem; */
    line-height: 25px;
}

span.org {
    background-color: #83b47e;
    font-size: 15px;
    color: #fff;
    padding: 4px 12px;
    /* margin-top: 34px; */
    line-height: 41px;
    border-radius: 13px;
}

span.auth {
    background-color: #6ec4b7;
    font-size: 15px;
    color: #fff;
    padding: 4px 12px;
    /* margin-top: 34px; */
    line-height: 41px;
    border-radius: 13px;
}

span.dur {

    line-height: 41px !important;
     font-size: 15px;
}

img.card-img-top {
    width: 100%;
    height: 280px;
    object-fit: cover;
}
</style>