<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;
    min-width: 70%;
  }

  .ji-links .list-group .list-group-item {
    color: #fff;
    background-color: transparent;
  }

  .ji-links .list-group .list-group-item a {
    color: #fff;

  }

  .ji-links .list-group .list-group-item.active a,
  .ji-links .list-group .list-group-item.active a:hover {
    color: #333;
    background-color: darkblue;
  }

  .ji-links .list-group .list-group-item.active,
  .ji-links .list-group .list-group-item.active:hover {
    color: #333;
    background-color: darkblue;
  }


  .ji-links .list-group .list-group-item a:hover,
  .ji-links .list-group .list-group-item.hvr-sweep-to-left:before,
  .ji-links .list-group .list-group-item:hover {

    color: #fff;
    background-color: #89898957;
  }
</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() )

    @endif

    @else

    @if(strtolower($journal->subtitle) != 'cn')
    @if($jms_journal->proposal_closing_date > time() )

    @endif
    @endif

    @if( ($jms_journal->proposal_closing_date == 0) || (!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}}/?ht={{$jms_journal->ht_code}}&utm_source=eurekaselect&utm_medium=website&utm_campaign=callforpaper&utm_term=unpaid&utm_content=link" target="_blank">Submit Manuscript</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">Other Thematic Issue Proposal</a>
    @endif

    @endif

    @endif
    @if($journal->journal_status != 2)
    <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>
    @endif
    <div class="d-flex justify-content-start">
      <strong class="mt-2 px-2">Share this: </strong>

      <?php echo DisplaySocialNetworkLink($jms_journal->manuscript, 'https://' . $_SERVER['HTTP_HOST'] . '/call-for-papers-detail/' . $jms_journal->ht_code . '/specialissue'); ?>
    </div>

    <hr>

    <div class="accordion mb-4">
      <div class="card">
        <div class="p-2 bg-siteblue text-white" id="authorben">
          <a class="btn btn-link" type="button" data-toggle="collapse" data-target="#authorbenefit" aria-expanded="true" aria-controls="authorbenefit">
            <strong>Author Benefits</strong>
          </a>
          <i class="fas fa-chevron-circle-down float-right pt-2 pr-3"></i>
        </div>

        <div id="authorbenefit" class="collapse show bg-primary-light" aria-labelledby="authorben" data-parent="#accordionExample">
          <div class="card-body text-white">
            Visibility on Science Direct (Elsevier) also if published as Open Access.
            <br><br>
            Member Institutions enjoy complementary or discounted APCs.
            <br><br>
            Quick and simple submission process.
          </div>
        </div>
      </div>

      @if($action == 'add' && (($jms_journal->proposal_closing_date == 0) || (!empty($jms_journal->proposal_closing_date) && $jms_journal->proposal_closing_date > time())))
      <div class="card mt-3">
        <div class="p-2 bg-siteblue" id="contribute">
          <a class="btn btn-link text-warning text-left" type="button" data-toggle="collapse" data-target="#contributebox" aria-expanded="true" aria-controls="contributebox">
            <strong>Thematic Issue Submission <br>Interest Form</strong>
          </a>
          <i class="fas fa-chevron-circle-down float-right pt-2 pr-3 text-white"></i>
        </div>

        <div id="contributebox" class="collapse show w-100" aria-labelledby="authorben" data-parent="#accordionExample">
          <div class="card-body shadow">
            <button type="button" class="btn shadow btn-lg btn-dark bg-siteblue text-warning" data-toggle="modal" data-target="#exampleModal">I WANT TO CONTRIBUTE</button>
          </div>
        </div>
      </div>
      @endif

      @if($journal->journal_status != 2)
      <div class="card mt-3 ji-links">
        <div class="p-2 bg-siteblue text-white" id="jinfo">
          <a class="btn btn-link" type="button" data-toggle="collapse" data-target="#journalinfo" aria-expanded="true" aria-controls="journalinfo">
            <strong>Journal Information</strong>
          </a>
          <i class="fas fa-chevron-circle-down float-right pt-2 pr-3"></i>
        </div>

        <div id="journalinfo" class="collapse show bg-primary-light" aria-labelledby="jinfo" data-parent="#accordionExample">
          <ul class="list-group list-group-flush d-inline">
            <li class="list-group-item hvr-sweep-to-left"> <a href="/journal/{{ $journal->journal_id }}" target="_blank"><i class="fas fa-angle-right"></i> Home</a></li>
            <li class="list-group-item hvr-sweep-to-left"> <a href="/journal/{{ $journal->journal_id }}/about-journal" target="_blank"><i class="fas fa-angle-right"></i> Aims & Scope</a></li>
            <li class="list-group-item hvr-sweep-to-left"><a href="/journal/{{ $journal->journal_id }}/ifa" target="_blank"><i class="fas fa-angle-right"></i> Instruction for Authors</a></li>
            <li class="list-group-item hvr-sweep-to-left"><a href="/journal/{{ $journal->journal_id }}/thematic-issue" target="_blank"><i class="fas fa-angle-right"></i> Special Issues</a></li>
            <li class="list-group-item hvr-sweep-to-left"><a href="/journal-subscriptions/2024" target="_blank"><i class="fas fa-angle-right"></i> Fees Structure</a></li>
          </ul>
        </div>
      </div>
      @endif
    </div>


  </div>

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

    <div class="row">
      <div class="col mb-3 mb-md-0 text-white">
        <div class="card card-body bg-siteblue h-100">
          <div class="row">
            <div class="col-md-auto text-center text-md-left a-side positon-relative">
              @if(isset($journal->image_file_name) )
              <img src="{{'/images/bentham/'.$journal->image_file_name}}" width="160" height="211" class="img-fluid" alt="">
              @else
              <img src="https://via.placeholder.com/160x211" alt="profile pic">
              @endif
            </div>
            <div class="col text-center text-md-left">
              <h1 class="h3">{{$jms_journal->manuscript}} </h1>
              <p><strong>Journal:</strong> {{$jms_journal->title}} <br />
                <strong> Guest Editor(s):</strong> {{ ucwords($jms_journal->editor) }}
                @if(!empty($jms_journal->co_guest_editor))
                <br>
                <strong> Co-Guest Editor(s):</strong> <span>{{ ucwords($jms_journal->co_guest_editor) }}</span>
                @endif
				
				<br>
                @if( ($jms_journal->proposal_closing_date == 0) || (!empty($jms_journal->proposal_closing_date) && $jms_journal->proposal_closing_date > time()))
                <strong>Submission closes on:</strong> 
				@if($jms_journal->proposal_closing_date > 0)
                @php
                $timestamp = strftime($jms_journal->proposal_closing_date);
                $day = date('d', $timestamp);
                $month = date('F', $timestamp);
                $year = date('Y', $timestamp);
                $suffix = match ($day) {
                "01", "21", "31" => 'st',
                "02", "22" => 'nd',
                "03", "23" => 'rd',
                default => 'th',
                };
                @endphp
                {{ $day }}<sup>{{ $suffix }}</sup> {{ $month }}, {{ $year }}
                @else
                ---
                @endif
                @else
                  @if(!empty($jms_journal->proposal_closing_date) && $jms_journal->proposal_closing_date < time() )
                  <strong>Closed:</strong> ---
                  @else
                  <strong>Submission closes on:</strong> ---
                  @endif			
                @endif
				
              </p>

              @if($action == 'add' && (($jms_journal->proposal_closing_date == 0) || (!empty($jms_journal->proposal_closing_date) && $jms_journal->proposal_closing_date > time())))
              <div class="mt-5 card card-body">
                <div class="d-flex">
                  <h4 class="text-siteblue pt-2">
                    <strong>CALL FOR PAPER</strong>
                  </h4>
                  <div class="col text-right">
                    <button type="button" class="btn shadow btn-lg btn-dark bg-siteblue" data-toggle="modal" data-target="#exampleModal">I WANT TO CONTRIBUTE</button>
                  </div>

                  <div class="modal fade text-dark" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                    <div class="modal-dialog modal-lg" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <h3 class="modal-title" id="exampleModalLabel">Thematic Issue Submission Interest Form</h3>
                          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                          </button>
                        </div>
                        <form method="POST" action="{{ url('call-for-papers-detail/' . $jms_journal->ht_code . '/specialissue/add') }}">
                          @csrf
                          <div class="modal-body">
							<input class="form-control" type="hidden" name="ht_code" value="{{$jms_journal->ht_code}}">
                            <label for="name" class="control-label">Name: *</label>
                            <input class="form-control mb-2" type="text" name="name" required>

                            <label for="affiliation" class="control-label">Affiliation:</label>
                            <input class="form-control mb-2" type="text" name="affiliation">

                            <label for="email" class="control-label">Email Address: *</label>
                            <input class="form-control mb-2" type="email" name="email" required>

                            <div class="form-group row mb-2">
                              <div class="col">
                                <label for="orcid" class="control-label">Orcid ID:</label>
                                <input class="form-control" type="text" name="orcid">
                              </div>
                              <div class="col">
                                <label for="scopus_id" class="control-label">Scopus ID:</label>
                                <input class="form-control" type="text" name="scopus_id">
                              </div>
                            </div>

                            <label for="deadline" class="control-label">Tentative Deadline of Submission:</label>
                            <input class="form-control mb-2" type="date" name="deadline">

                            <label for="special_request" class="control-label">Any Special Request from Publisher:</label>
                            <input class="form-control mb-2" type="text" name="special_request">

                            <h6 class="text-siteblue"><strong>Submission Agreement</strong></h6>
                            <div class="custom-control custom-checkbox">
                              <input class="custom-control-input" name="agreement" type="checkbox" id="agreement" value="1" required>
                              <label class="custom-control-label" for="agreement">I confirm that information provided in this form is accurate and that I am interested in submitting my research to the mentioned thematic issue. I understand that my submission will undergo an independent peer-review process.</label>
                            </div>


                          </div>

                          <div class="modal-footer">
                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                            <input type="submit" class="btn btn-primary" name="submit" value="submit">
                          </div>
                        </form>
                      </div>
                    </div>
                  </div>

                </div>
              </div>
              @else
              <a class="btn btn-sm btn-outline-light mt-2 font-14 py-1" type="button" href="{{$journal->jms_link}}/?ht={{$jms_journal->ht_code}}&utm_source=eurekaselect&utm_medium=website&utm_campaign=callforpaper&utm_term=unpaid&utm_content=link">
                <strong>Submit Manuscript</strong>
              </a>
              @endif

            </div>
          </div>
        </div>
      </div>

      @if(!empty($journal->impact_factor) || !empty($journal->ScopusCiteScore))
      <div class="col-md-3">
        @if(!empty($journal->impact_factor))
        <div class="card card-body bg-siteblue text-white text-center p-2 mb-2">
          <span class="font-18 mb-2 pb-1 d-block border-bottom">Impact Factor</span>
          <span class="m-0 font-weight-bold">{!!$journal->impact_factor!!}</span>
          <a href="/journal-impacting-science" class="btn btn-sm btn-outline-light mt-1 font-14 py-1">View Impact Factor Journals</a>
        </div>
        @endif
        @if(!empty($journal->ScopusCiteScore))
        <div class="card card-body bg-siteblue text-white text-center p-2">
          <span class="font-18 mb-2 pb-1 d-block border-bottom">Scopus CiteScore</span><strong class="h3 m-0 d-block pb-1">{{$journal->ScopusCiteScore}}</strong>
          <a href="https://www.scopus.com/sourceid/{{$journal->ScopusCiteID}}" class="btn btn-sm btn-outline-light mt-1 font-14 py-1 mt-md-2 w-100" target="_blank">View Details</a>
        </div>
        @endif
      </div>
      @endif
    </div>

    <div class="card mb-3 mt-3">
      <div class="card-body">
        @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>
          {{ str_replace(',', ', ', $jms_journal->keywords) }}
        </p>
        @endif

        @if($sub_topics->isNotEmpty() && $sub_topics != '' && $sub_topics->count() > 0)
        <h3 class="h3">Sub-topics</h3>
        @foreach($sub_topics as $sub)
        {!! nl2br($sub->sub_topics) !!}
        @endforeach
        @endif
      </div>
    </div>

  </div>
</div>