@extends('layouts.app')

@section('content')
<div class="container" id="index">

@foreach($all_anime as $anime)
	<div class="row">
		<div class="col-sm-4 col-lg-3">
			<a href="/anime/{{ $anime->mal_id}}" title="Click for more data">
				<img src="{{ $anime->image_url }}" class="img-fluid" style="margin-bottom: 10px;">	
			</a>
		</div>
		<div class="col-sm-8 col-lg-9">
			<h2>{{ $anime->title_pref }}</h2>
			<!--{!! str_replace("%%br%%", "<br>", e($anime->synopsis)) !!}-->
			{!! replaceSpecialChars(e($anime->synopsis)) !!}
			<br>
			<br>
			<a href="/anime/{{ $anime->mal_id}}" title="Click for more data">
				Click for more data
			</a>
		</div>
	</div>
@endforeach

{{ $all_anime->links() }}
</div>
@endsection