<style>
#issue-list .item:hover a{
color:#fff;
}

.btn-success{
background: linear-gradient(45deg, #119873, #007789, #033f78);
color: #fff;
}


#DivIssueList .bg-secondary {
    background-color: #ebebeb!important;
}


</style>
<div class="container" id="issue-list">

	

<div class="row">
	<div class="col-md-12 col-xl-12 input-group m-3 pl-0">
		
		
	</div>
</div>	

<!-- Modal -->
<div class="modal" id="loader" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-sm" role="document">
    <div class="modal-content bg-transparent rounded-circle">
      <div class="modal-body text-center rounded-circle">
	  <style>
        .lds-ripple {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid #fff;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  4.9% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 0;
  }
  5% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}
</style>
<div class="lds-ripple"><div></div><div></div></div>
<br><font color="white" size="4" style="font-family:serif;">LOADING</font>
      </div>
    </div>
  </div>
</div>

<div class="row mb-2">
<div class="col-md-8 col-xl-9 d-flex justify-content-between">

	<div class="input-group">
		<label class="mt-2 mr-2"><strong>Sort By :</strong></label>
		<select id="sort-filter" name="sort_filter" class="form-control col-md-3 mr-2" onchange="getIssues();">
			<option value="mostRecent" @if(isset($filter['sort']) && $filter['sort'] == 'mostRecent') selected @endif>Forthcoming</option>
			<option value="closeDate" @if(isset($filter['sort']) && $filter['sort'] == 'closeDate') selected @endif>Closed</option>
		</select>
	</div>

	@if(isset($filter['journalwisecodes'][0]))
		<a href="https://bentham.manuscriptpoint.com/submit/Htproposal/journal/{{$filter['journalwisecodes'][0]}}?utm_source=eurekaselect&utm_medium=website&utm_campaign=callforpaper&utm_term=unpaid&utm_content=link" class="btn btn-primary btn-sm bg-siteblue col-md-2 text-white pt-2">Submit a Proposal</a>
	@else
	<a href="/browse_by_subject/callforpaper" class="btn btn-primary btn-sm bg-siteblue col-md-2 text-white pt-2">Submit a Proposal</a>	
	@endif

</div>
<div class="col-md-4 col-xl-3">
	
</div>
</div>

<div class="row m-1 p-1">
<div class="col-md-8 col-xl-9 m-0">

<div id="DivIssueList" class="row list">

  @if(!empty($issue_list))
	  
 

	@foreach($issue_list as $list)
	  
		<div class="col-md-6 m-0 p-0 mt-0 mb-2">
		
		<div class="card shadow h-100 m-1">
			<div class="card-header bg-white pb-1">
      @if(isset($filter['sort']) && $filter['sort'] == 'closeDate')
		<label class="mr-2"><b>Closed </b></label>
      @else
		<label class="mr-2"><b>Submission closes on&nbsp;:</b></label>
		<span class="text-black">@if(!empty($list->closes_date)) {{strftime('%d %B, %Y',$list->closes_date)}} @else --- @endif</span>
      @endif

			</div>
			<div class="card-body pt-0 ">
				  <a class="m-0 p-1" href="/call-for-papers-detail/{{strtolower($list->ht_code)}}/specialissue"><h4 class="m-0 p-0">{!! $list->manuscript !!}</h4></a><br>
				  <p class="m-0 text-black-50">{!! Str::words($list->abstract, 50, ' ...' )!!} <a href="/call-for-papers-detail/{{strtolower($list->ht_code)}}/specialissue">read more </a></p><br>
			</div>
			
			<div class="card-footer bg-transparent py-0 border-0">
			
				<span class="bg-secondary d-flex w-100 rounded-top overflow-hidden">
					<span class="border-bottom border-right p-1 col-4">Journal:</span>
					<span class="bg-secondary p-1 col-8 border-bottom"><strong>{!! $list->title !!}</strong></span>
				</span>
				
				
				
				@if(isset($impactfactor[$list->subtitle]))
						
				<span class="bg-secondary d-flex w-100 mb-1 rounded-bottom overflow-hidden">
					<span class="border-bottom border-right p-1 col-4">Impact Factor:</span>
					<span class="bg-secondary p-1 col-8 border-bottom"> <strong>{{$impactfactor[$list->subtitle]}}</strong></span>
				</span>

				@elseif(isset($scopus[$list->subtitle]))

				<span class="bg-secondary d-flex w-100 mb-1 rounded-bottom overflow-hidden">
					<span class="border-bottom border-right p-1 col-4">Scopus Cite Score:</span>
					<span class="bg-secondary p-1 col-8 border-bottom"> <strong>{{$scopus[$list->subtitle]}}</strong></span>
				</span>
				@else
				<span class="bg-white d-flex w-100 mb-1 rounded-bottom overflow-hidden">
					<span class="border-none p-1 col-4">&nbsp;</span>
					<span class="bg-white p-1 col-8 border-none">&nbsp;</span>
				</span>
				@endif
				
				
				
			</div>
			
			
			<div class="card-footer bg-white">
				<strong> Guest Editor(s):</strong> <span>{{$list->editor}}</span>
				<a href="/call-for-papers-detail/{{strtolower($list->ht_code)}}/specialissue" class="btn btn-primary bg-siteblue btn-block btn-sm mt-2 border-0">Proceed <i class="fa fa-angle-right ml-2"></i></a>
			</div>
		</div>
	
		</div>
	  
	@endforeach

  @else

	  <div class="col-md-12 text-center">No Record Found</div>

  @endif

</div>

</div>

@include("callforpapers.section.journal_search")


</div>

<div class="row">
<div class="col-md-9 col-xl-9">



	@if(isset($paging['links']) && $paging['last_page'] > 1)
	<div class="btn-toolbar justify-content-center mb-3" role="toolbar" aria-label="Toolbar with button groups">
		<div class="btn-group mr-2" role="group" aria-label="First group">
		@foreach($paging['links'] as $k => $l)
      @if(str_contains(strtolower($l->label),'next') || str_contains(strtolower($l->label),'previous'))

      @else
		  	<button type="button" class="btn @if($l->active) btn-dark @else btn-outline-dark @endif mr-1" onclick="getIssues({{$l->label}})">{{html_entity_decode($l->label)}}</button>
       @endif 
		@endforeach
		</div>
	</div>
	@endif

</div>
</div>


