@extends('layouts.app')

@section('title')

Journal - {{$journal->title}}

@parent

@stop

@section('content')



  <!----Banner Section Starts---->

    @include('includes.journal_banner')

  <!----Banner Section Ends---->

  <!----Main Section Starts (where all content bodies exist)---->

  <main id="journal">

    <section class="pb-5">

		<div class="container">

			<div class="row">

		        <div class="col-12">

		          <h2 class="h4">

		          	Open Access Funding Agencies/Institutes list for researchers

		          </h2>

		          <hr>

		          <p>

	          		Here is a list of funding agencies where authors can apply for funding to have their articles published as open access in the journal <b>"{!! $journal->title !!}"</b>.

		          </p>

		          <hr>

		          <div class="card">

		          	<div class="card-body">

		          		<div class="row">

						  <div class="col-sm-4">

						      <strong>Journal Name:</strong>

						    </div>

						  <div class="col-sm-8">{!! $journal->title !!}</div>  						    

						</div>

						<div class="row border-bottom border-top my-2 py-2">

						    <div class="col-sm-4">

						      <strong>Open Access articles are published in the journal "{!! $journal->title !!}" under the license CCBY 4.0:</strong>

						    </div>

						  <div class="col-sm-8 mb-3">

						      <a href="https://creativecommons.org/licenses/by/4.0/legalcode" target="_blank" id="jplink">https://creativecommons.org/licenses/by/4.0/legalcode</a>

						    </div>

								@if(is_numeric($author_compliance->APC_jour))

									@php $APC_jour='$'.number_format(trim($author_compliance->APC_jour)); @endphp

								@else

									@php $APC_jour=number_format(trim($author_compliance->APC_jour)); @endphp

								@endif

							</div>

						<div class="row">

						    <div class="col-sm-4">

						      <strong>Open Access Fees:</strong>

						    </div>

						  <div class="col-sm-8">{{$APC_jour}}

						    </div>

						 </div>

		          	</div>

		          </div>

		        </div>

		    </div>

		</div>

	</section>



	<style>

#author-comp {

	padding-top: 0px;

}

#author-comp .nav-tabs{ margin-top:0px;}

#author-comp .nav-tabs>a.active, #author-comp .nav-tabs>a.active:focus, #author-comp .nav-tabs>a.active:hover{

	background-color:var(--siteblue);

	color:#fff;

}

#author-comp .nav-tabs>a {

	font-size: 16px;

    border: 1px solid rgb(220, 220, 220);

}

#author-comp .tab-content>.active{

	border: 1px solid rgb(220, 220, 220);

	border-top:none;



}

  #tbl_gold.table{    position: relative;   }#tbl_gold.table a {    white-space: normal;    word-break: break-all;}#tbl_gold thead{  position: absolute;    top: 0px;    width: 100%;}#tbl_gold tbody{  height: 300px;    overflow: hidden;  overflow-y:scroll;    display: block;    width: 100%;    margin-top: 50px;}#tbl_gold tr{  display: inline-flex;  width: 100%;}#tbl_gold  td, #tbl_gold  th {  display: inline-flex;  width: 100%;}#tbl_gold  td *{      width: auto;    display: contents;}



   #tbl_gold1.table{    position: relative;   }#tbl_gold1.table a {    white-space: normal;    word-break: break-all;}#tbl_gold1 thead{  position: absolute;    top: 0px;    width: 100%;}#tbl_gold1 tbody{  height: 300px;    overflow: hidden;  overflow-y:scroll;    display: block;    width: 100%;    margin-top: 50px;}#tbl_gold1 tr{  display: inline-flex;  width: 100%;}#tbl_gold1  td, #tbl_gold1  th {  display: inline-flex;  width: 100%;}#tbl_gold1  td *{      width: auto;    display: contents;}



/* Extra samll devices (Mobile Screens, 1025px or Less)*/

@media only screen and (max-width: 1025px) {

	#tbl_gold thead, #tbl_gold1 thead{

		background-color: #fff;

	}

	#tbl_gold tbody, #tbl_gold1 tbody{

		margin-top: 70px;

	}

}



/* Extra samll devices (Mobile Screens, 480px or Less)*/

@media only screen and (max-width: 480px) {

	#tbl_gold tbody, #tbl_gold1 tbody{

		margin-top: 85px;

	}

}

</style>



	<section id="author-comp">

		<div class="container">

			<div class="row">



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



<nav>

  <div class="nav nav-tabs" id="nav-tab" role="tablist">

    <a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">Funding Agencies</a>

    <a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false">Funding University/Institute</a>

  </div>

</nav>

<div class="tab-content bg-white" id="nav-tabContent">

  <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">



	<div class="table-responsive">

	   <table class="table table-striped" id="tbl_gold">

	   		<thead>	   			

				  <tr>

				    <th>Name</th>

				    <th>Open Access License Requirement</th>

				    

				    <th>Funding Policy</th>

				  </tr>

	   		</thead>

		  <tbody>



			   @foreach($fetch_funder as $row) 

			   		@php $availability="Yes"; @endphp

		  <tr>

		  	<td align="left">

		    <div>{!!$row->name!!}</div>

		    </td>

		   

			<td><br> 

		      <div>{!!$row->license_fun!!}</div> 

		    	<a href="{!!$row->policy_url_fun_gold!!}" target="_blank">{!!$row->policy_url_fun_gold!!}</a> 

		    

		     </td>

		     

		     <td>

		     	<div>{!!$row->APC_fun!!}</div>

		      	<a href="{!!$row->APC_fun_url!!}" target="_blank" id="falink" >{!!$row->APC_fun_url!!}</a>

	  		</td>

		  </tr>

		  		@endforeach

			</tbody>

		</table>

	 </div>



  </div>



  <div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">

	<div class="table-responsive">

		<table class="table table-striped" id="tbl_gold">

			<thead>				

				<tr>

					<th>Name</th>

					<th>Open Access License Requirement</th>

					<th width="150">Availability of Funds</th>

					<th>Funding Policy</th>

				</tr>

			</thead>

			<tbody>

				@foreach($fetch_institute as $row1) 	

			   		@php $availability="Yes"; @endphp

				<tr>

					<td align="left">

						<div id="institutename">{!!$row1->name!!}</div>

					</td>



					<td> 

					<div>{!!$row1->license_ins!!}</div> 

					<a href="{!!$row1->policy_url_ins_gold!!}" target="_blank">{!!$row1->policy_url_ins_gold!!}</a> 

					</td>

					<td align="center">

						<div>{{$availability}}</div></td>

					<td>  

						<div>{!!$row1->APC_ins!!}</div>

					<a href="{!!$row1->APC_ins_url!!}" target="_blank">{!!$row1->APC_ins_url!!}</a>

					</td>

				</tr>

				@endforeach

			</tbody>

		</table>

	</div>

  </div>

</div>



</div>

			</div>

		</div>

    </section>



  </main>



  <!----Main Section Starts---->

@endsection

