@extends('user.layouts.index')
@section('page_content')
<div class="container py-5 ">
    @foreach($journals as $j)
    <div class="mb-3 pl-1 card mb-3">
    <div class="row pl-1" style="color:black">
        <div class="col-sm-2">
            <img src="{{ $j->avatar }}" style="height: 250px; width: 150px;" alt="">
          
        </div>
        <div class="col-sm-10">
            <div class="row">
                <div class="col-sm-2">
                <h2><strong>Title</strong></h2>
                </div>
                <div class="col-sm-10">
                <h2>{{$j->title}}</h2>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-2">
                <h2><strong>SSN No</strong></h2>
                </div>
                <div class="col-sm-10">
                <h2>{{$j->ssn}}</h2>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-2">
                <h2><strong>Addition</strong></h2>
                </div>
                <div class="col-sm-10">
                <h2>{{$j->year}}</h2>
                </div>
            </div>
            <div class="pull-right mr-3">
               
             <a class="btn btn-primary " href="{{ asset('user/journal'.'/'.$j->id) }}"> <i class="fa fa-eye"></i> view</a>    
            </div>
                
        </div>
    </div>
    </div>
   
    @endforeach
</div>
@endsection