@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%;
}
#call-paper .dropdown-menu.show{
  display: flex;
}
#call-paper .dropdown-menu {
  margin: 0;
  padding: 10px 5px;
  width: 550px;
  background-color: #037989f0;
  border-radius: 15px;
  top: -110% !important;
  border: 1px solid #fff;
}
#call-paper .dropdown-menu a, #call-paper .dropdown-menu button {
  padding: 5px ;
  font-size: 1.1em;
  color: #fff;
  width: 100%;
  display:block;
  border: none;
  text-align: left;
  background-color: transparent;
  border-bottom: 1px dashed #dee2e6;
}

#call-paper .dropdown-menu a:hover,.sectionbanner .dropdown-menu a:focus, #call-paper .dropdown-menu button:hover,.sectionbanner .dropdown-menu button:focus {
  background: var(--siteblue);
  border-radius: 5px 5px 0 0px;
  box-shadow: none;
  outline: none;
}

@media only screen and (max-width: 480px){
 #call-paper .dropdown-menu{
    width: 295px;
    background-color: #037989f0;
    border-radius: 15px;
    top: 89% !important;
    border: 1px solid #fff;
    left: -40% !important;
}
}
</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-12 col-md-2 text-center"><img src="/images/bentham/{{$journal_lists->image_file_name}}"></div>
                    <div class="col-12 col-md-10">
                        <div class="d-flex flex-wrap w-100">
                            <div class="col-12 col-md-6 text-center text-md-left pl-0">
                                <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>
                            <div class="col-12 col-md-6 mb-2 text-center text-md-right">
                                 <a class="btn rounded bg-siteblue font-14 py-1 px-3 text-white border-0 mt-0" target="_blank" href="/journal/{{$journal_lists->journal_id}}">Journal Home <i class="fa fa-angle-right"></i></span></a>
                                 <div class="btn-group">
								@if($journal_lists->journal_status == 1 && $journal_lists->subtitle !="CN")
                                    <form action="{{url('call-for-papers')}}" method="POST">
                                        @CSRF
                                        <input type="hidden" name="search_journals[]" value="{{$journal_lists->jms_jcode}}">


                                      <div id="call-paper" class="dropdown dropleft font-14 p-0 m-0">
                                          <button class="btn rounded bg-siteblue font-14 py-1 px-3 text-white border-0 mt-0 dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-expanded="false">
                                                Call For Paper
                                              </button>

                                              <div class="dropdown-menu font-12" aria-labelledby="navbarCallForPapers">
                                                  <div class="row m-0 w-100">
                                                    <div class="px-1 col-12 col-md-6">
                                                        <h6 class="border-bottom text-white pb-2">Submission for General Articles</h6>
                                                        <a href="https://bentham.manuscriptpoint.com/submit/AbstractS/Journal/{{$journal_lists->jms_jcode}}?utm_source=eurekaselect&utm_medium=website&utm_campaign=callforpaper&utm_term=unpaid&utm_content=link" target="_blank">Submit Abstract</a>
                                                        <a href="https://bentham.manuscriptpoint.com/journals/{{$journal_lists->jms_jcode}}?utm_source=eurekaselect&utm_medium=website&utm_campaign=callforpaper&utm_term=unpaid&utm_content=link" target="_blank">Submit Manuscript</a>
                                                    </div>
                                                    <div class="px-1 col-12 col-md-6 mt-3 mt-md-0">
                                                        <form action="{{url('call-for-papers')}}" method="POST">@CSRF<input type="hidden" name="search_journals[]" value="{{$journal_lists->jms_jcode}}">
                                                            <h6 class="border-bottom text-white pb-2">Submit to Thematic Issues</h6>
                                                            <button type="submit" class="btn">Submit Manuscript to Thematic Issues</button>
                                                            
                                                            <a href="https://bentham.manuscriptpoint.com/submit/Htproposal/journal/{{$journal_lists->jms_jcode}}?utm_source=eurekaselect&utm_medium=website&utm_campaign=callforpaper&utm_term=unpaid&utm_content=link" target="_blank">Submit Thematic Issue Proposal</a>
                                                        </form> 
                                                </div>
                                              </div>
                                            </div>
                                          </div>
                                    </form>
								@endif
                                  </div>
                            </div>
                        </div>
                        <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 mb-2" href="https://www.eurekaselect.com/subscribe-to-this-journal/{{$journal_lists->journal_id}}">Subscribe</a>

                                <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 class="text-justify"><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
