<script type='text/javascript' src='https://platform-api.sharethis.com/js/sharethis.js#property=5f2d6cad2e6de20011ec6cd1&product=inline-share-buttons' async='async'></script>

<style>
    #articles {
/*        background: var(--siteblue-bgimage);*/
        background-size: cover;
        border-radius: 25px 25px;
        padding: 5px 10px;
    }

    #articles .nav-link {
        color: #fff;
        text-align: center;
		font-weight: bold;
        background-color: transparent;
        border: none;
    }

    #articles .nav-link.active {
        border-radius: 25px;
        color: #333 !important;
        background-color: #fff !important;
    }

    #articlesContent .card .card-body {
        min-height: 250px;
    }

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

    .sharethis-inline-share-buttons{
      text-align: center !important;
    }

</style>

</style>

<div class="row">  


    <div class=" col-md-4 col-xl-3">
				
				<hr class="my-2">
				
@if($journal->jms_link!="" && $journal->journal_status!='2')

  @if($journal->journal_id==48)

      @if($jms_journal->proposal_closing_date > time() )
		<a class="btn btn-primary bg-siteblue btn-sm d-block mb-2" href="https://bentham.manuscriptpoint.com/submit/Submission/submissionForm/{{$jms_journal->ht_code}}/m/?utm_source=eurekaselect&utm_medium=website&utm_campaign=callforpaper&utm_term=unpaid&utm_content=link" target="_blank">Submit to this Special Issue </a>
      @endif

  @else
  
    @if(strtolower($journal->subtitle) != 'cn')
      @if($jms_journal->proposal_closing_date > time() )
		<a class="btn btn-primary bg-siteblue btn-sm d-block mb-2" href="https://bentham.manuscriptpoint.com/submit/Submission/submissionForm/{{$jms_journal->ht_code}}/m/?utm_source=eurekaselect&utm_medium=website&utm_campaign=callforpaper&utm_term=unpaid&utm_content=link" target="_blank">Submit to this Special Issue </a>
      @endif
    @endif
	
	@if(!empty($jms_journal->proposal_closing_date) && $jms_journal->proposal_closing_date > time())
	<a class="btn btn-primary bg-siteblue btn-sm d-block mb-2" href="{{$journal->jms_link}}/?utm_source=eurekaselect&utm_medium=website&utm_campaign=callforpaper&utm_term=unpaid&utm_content=link" target="_blank">Submit Manuscripts to the journal</a>
	@endif

    @if(strtolower($journal->subtitle) != 'cn')
		<a class="btn btn-primary bg-siteblue btn-sm d-block mb-2" href="https://bentham.manuscriptpoint.com/submit/Htproposal/journal/{{$journal->jms_jcode}}/?utm_source=eurekaselect&utm_medium=website&utm_campaign=callforpaper&utm_term=unpaid&utm_content=link" target="_blank">New Thematic Issue Proposal</a>
    @endif

  @endif

@endif
<a class="btn btn-primary bg-siteblue btn-sm d-block mb-2" href="{{route('journal',[$journal->journal_id,'thematic-issue'])}}" target="_blank">Browse Thematic Issue</a>
<a class="btn btn-primary bg-siteblue btn-sm d-block mb-2" href="/journal/{{ $journal->journal_id }}/become_reviewer_form" role="button">Become a Reviewer </a>
<?php echo DisplaySocialNetworkLink($jms_journal->title,'https://'.$_SERVER['HTTP_HOST'].'/journal/'.$jms_journal->subtitle.'');?>

				<hr>
				
				@include("callforpapers.section.journal-list")
				
              </div>

  <div class="col-md-8 col-xl-9">
    <div class="row">
      <div class="col-12">
	    	<h2 class="h2 p-b-1">{{$jms_journal->manuscript}}</h2>
		    
      </div>
        
        <hr>

      <div class="col-md-12">

        <div class="card mb-3">
        <div class="card-header bg-white">
        <div class="d-flex justify-content-between">
		
          
		@if(!empty($jms_journal->proposal_closing_date) && $jms_journal->proposal_closing_date > time() )
			<p class="pt-1 m-0"><strong>Closes:</strong>{{strftime('%d %B, %Y',$jms_journal->proposal_closing_date)}}</p>
		@else
			<p class="pt-1 m-0"><strong>Closed:</strong>---</p>
		@endif
		  
          <a class="btn btn-primary bg-siteblue btn-sm d-block col-md-2" href="{{route('order-inquiry',[$jms_journal->manuscript_id])}}" target="_blank">Pre-order form</a>
        </div>  
        </div>
          <div class="card-body">
            <p><strong>Journal:</strong> {{$jms_journal->title}} <br />
            <strong> Guest editor(s):</strong> {{$jms_journal->suffix}} {{$jms_journal->editor}}
            </p> 

            @if(!empty($jms_journal->abstract))
            <h3 class="h3">Introduction</h3>
            <p class="text-justify">{!! $jms_journal->abstract !!}</p>
            @endif

            @if(!empty($jms_journal->keywords))
            <h3 class="h3">Keywords</h3>
            <p>
            {!! $jms_journal->keywords !!}

            </p>

            @endif
          </div>
        </div>
      </div>

      <div class="col-12">
        
          <div class="nav nav-tabs bg-siteblue" id="articles" role="tablist">
            <button class="nav-link col active" id="nav-published-tab" data-toggle="tab" data-target="#nav-published" type="button" role="tab" aria-controls="nav-published" aria-selected="true">Papers Published</button>
            <button class="nav-link col" id="nav-inprocess-tab" data-toggle="tab" data-target="#nav-inprocess" type="button" role="tab" aria-controls="nav-inprocess" aria-selected="false">Papers In process</button>
          </div>
        
        <div class="tab-content" id="articlesContent">
          <div class="tab-pane fade show active pt-2" id="nav-published" role="tabpanel" aria-labelledby="nav-published-tab">

            @if(count($article_list) > 0)
				@foreach($article_list as $article)
                <div class="card card-body my-3">
                  <span class="badge badge-info d-inline-block w-25 py-1">{{$article->article_type_name}}</span>
                  <h5 class="text-capitalize mt-1"><strong><a href="{{url('article')}}/{{$article->article_id}}">{!! $article->title !!}</a></strong></h5>
                  @if(!empty($article->authors))
                  <p class="mb-2"><strong>Author(s):</strong> {!! $article->authors !!} </p>
                  @endif 

                  @if($article->is_epub==0)
                  @if($journal->IsIssue == 0)
                  <p class="mb-2">Volume {{$article->volume_name}}, {{$article->year}}  </p>
                  @else
                  <p class="mb-2">Volume {{$article->volume_name}}, Issue {{$article->issue}}, {{$article->year}}  </p>
                  @endif

                  @if(!empty($article->publish_on) && $article->year >= 2021)
                  <p class="mb-2"><strong>Published:</strong> {{ strftime('%d %B, %Y',$article->publish_on) }}</p>
                  @endif
                  @endif

                  @if(in_array($journal->subtitle, $continues_publication_journal) && !empty($article->elocator))
                  <p class="mb-2">  Article ID: {{ $article->elocator}}</p>
                  @else

                  @if($article->is_epub!=4 && $article->is_epub!=1)
                  <p class="mb-2"><strong>Page:</strong> [{{$article->first_page}} - {{$article->last_page}}]</p>
                  @endif
                  @endif
                  <p class="mb-2"><strong>DOI:</strong> <a href="http://dx.doi.org/{{$article->doi}}" class="btn-link">{{$article->doi}}</a></p>
                  @if($article->abstract != "")
                  <p class="mb-0"><strong>Abstract:</strong> {!! Str::words(html_entity_decode($article->abstract),15, '...') !!} <a href="{{url('article')}}/{{$article->article_id}}" class="btn-link"> Read more.</a></p>
                  @endif
                </div>
                @endforeach
			@else
      <div class="card card-body mb-3">
              <div class="alert alert-danger w-100 text-center" role="alert">No Record Found</div>
			</div>
			@endif	


              


          </div>
          <div class="tab-pane fade pt-2" id="nav-inprocess" role="tabpanel" aria-labelledby="nav-inprocess-tab">

            
			@if(count($jms_inp_article) > 0)
              @foreach($jms_inp_article as $article)
              <div class="card card-body mb-3 shadow-sm">

                <span class="badge badge-info d-inline-block w-25 py-1">{{$article->article_type_name}}</span>
                <h5 class="text-capitalize mt-1"><strong>{!! $article->manuscript !!}</strong></h5>
                @if(!empty($article->authors))
                <p class="mb-2"><strong>Author(s):</strong> {!! $article->authors !!} </p>
                @endif 

                @if($article->abstract != "")
				  
                    <!-- Button trigger modal -->
                    <button type="button" class="btn btn-outline-dark btn-sm mb-2" data-toggle="modal" data-target="#{{ $article->manuscript_id }}">
                    View Abstract
                    </button>

                    <!-- Modal -->
                    <div class="modal fade" id="{{ $article->manuscript_id }}" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
                      <div class="modal-dialog modal-dialog-scrollable modal-lg">
                        <div class="modal-content">
                          <div class="modal-header">
                            <h5 class="modal-title" id="staticBackdropLabel">Abstract</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                          </div>
                          <div class="modal-body">
                            <p class="mb-0 text-justify border-top pt-2 ">{!! $article->abstract !!} </p>					
                          </div>
                          <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                          </div>
                        </div>
                      </div>
                    </div>
          
                @endif

              </div>
              @endforeach
			 @else
            <div class="card card-body mb-3">
              <div class="alert alert-danger w-100 text-center" role="alert">No Record Found</div>
      			</div>
			@endif  




          </div>
        </div>

         
      </div>
    </div>

  </div>
  </div>
