@extends('user.layouts.index')
@section('page_content')
<div class="container" >
<h2>{{$issue->journal->title}} / {{$issue->volume->name}} / Issue no:{{$issue->issue_num}}</h2>

@foreach($issue->research as $r)
<div class="row border py-3 mb-3">
    <div class="col-sm-2">
     <img class="image-fluid" src="{{ $r->image_url }}" style="width: 150px; height: 250px;"/>
    </div>
    <div class="col-sm-10">
    <div class="row">
            <div class="col-sm-2">
                <h5><strong>Research no:</strong></h5>
            </div>
            <div class="col-sm-10">
                <h5>{{$r->id}}</h5>
            </div>

    </div>
    <div class="row">
          <div class="col-sm-2">
            <h5><strong>Author</strong></h5>
            </div>
            <div class="col-sm-10">
            <h5>{!! $r->author !!}</h5>
            </div>
    </div>
    <div class="row">
      <div class="col-sm-2">
            <h5><strong>keyword:</strong></h5>
            </div>
            <div class="col-sm-10">
            <h5>{{$r->keyword}}</h5>
            </div>
  </div>
  <div class="row">
      <div class="col-sm-2">
            <h5><strong>Volume & issue:</strong></h5>
            </div>
            <div class="col-sm-10">
            <h5>V {{$issue->volume_id}}-{{$issue->issue_num}}</h5>
            <div class="pull-right mr-3">
            <a href="https://www.facebook.com/sharer/sharer.php?u=<URL>&t=<TITLE>"target="_blank" title="Share on Facebook">    
            <i class="fa fa-facebook fa-1x bg-primary p-3 rounded "></i></a>
            <a href="https://twitter.com/share?url=<URL>&text=<TITLE>" target="_blank" title="Share on Twitter">
            <i class="fa fa-twitter fa-1x bg-info text-white p-3 rounded "></i></a>
            <a href="https://www.linkedin.com/shareArticle?mini=true&url=<URL>&t=<TITLE>" target="_blank" title="Share on Linkedin">
            <i class="fa fa-linkedin fa-1x text-white p-3 rounded " style="background-color: #0077b5;"></i></a>
            <a href="https://api.whatsapp.com/send?phone=whatsappphonenumber&text=urlencodedtext" target="_blank" data-action="share/whatsapp/share">
            <i class="fa fa-whatsapp fa-1x bg-success text-white p-3 rounded "></i></a>
            <a href="mailto:?subject=[SUBJECT]&body=<URL>"target="_blank" title="Share on Mail">    
            <i class="fa fa-envelope fa-1x bg-secondary text-white p-3 rounded "></i></a>
            <a class="btn btn-primary " href="{{asset('/user/research/'.$r->id)}}"> <i class="fa fa-eye"></i> View</a>
            </div>
            
            </div>
   
  </div>
    </div>
</div>
@endforeach
</div>

@endsection