@extends('layouts.app')
@section('title')
Journals Impacting Science
@parent
@stop
@section('content')
<style>
.if-br br{
    content: '' !important;
    display: block !important;
    margin: 0.2em auto !important;
    border-bottom: 1px dotted #ffffff!important;
    width: 100%;
}
</style>
<main id="static">
    <section>
        <div class="container">
            <h2 class="h4">Journals Impacting Science</h2>
            <hr>
            @foreach($journal_list as $journal_lists)
            <div class="card card-body mb-3">
                <div class="row">
                    <div class="col-md-2 text-center"><img src="/images/bentham/{{$journal_lists->image_file_name}}"></div>
                    <div class="col-10"><a class="h5 mb-3 d-block" target="_blank" href="https://www.eurekaselect.com/journal/{{$journal_lists->journal_id}}"><b>{{$journal_lists->title}}</b></a>
                        <div class="row">
                            <div class="col-md-3">
                                <div class="bg-siteblue text-white text-center row d-flex rounded mb-1 m-0 if-br">
                                    <span class="font-weight-bold col-5 border-right px-0 py-3">Impact Factor</span>
                                    <span class="m-0 col-7 py-1 px-0">{!! $journal_lists->impact_factor !!}</span>                                
                                </div>
                                <!-- <span class="bg-siteblue text-white d-flex w-100 rounded-top overflow-hidden"><span class="border-bottom border-right p-1 col text-white">{!! $journal_lists-></span></span> -->
                                <a target="_parent" class="btn btn-primary btn-sm w-100" href="https://www.eurekaselect.com/subscribe-to-this-journal/{{$journal_lists->journal_id}}">Subscribe</a> 
                                
                                <strong>ISSN: {{$journal_lists->eissn}} (Online)</strong><br><strong>ISSN: {{$journal_lists->issn}} (Print)</strong><br><a target="_blank" class="btn btn-primary btn-sm w-100" href="/images/journal-flyer/{{$journal_lists->flyer_link}}">Download PDF Flyer</a>
                            </div>
                            <div class="col-md-9">
                                <p><b>Abstracted &amp; Indexed in:</b><br>{{$journal_lists->indexing_title}}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </section>
</main>

<!----Main Section Ends---->

@endsection