@extends('layouts.app')

@section('content')
<div class="container">
    <h1 class="title">Image List</h1>
    <a href="{{ route('images.create') }}" class="button is-primary">Add New Image</a>
    <div class="container">
            @foreach ($images as $image)

            
                <div style='display:flex'>
                   <div> <img src="{{ $image->main1 }}" ></div>
                   <div> <img src="{{ $image->main1 }}" ></div>
                </div>
                <div style='display:flex'>
                   <div> <img src="{{ $image->ans1 }}" ></div>
                   <div> <img src="{{ $image->ans2 }}" ></div>
                   <div> <img src="{{ $image->ans3 }}" ></div>
                   <div> <img src="{{ $image->ans4 }}" ></div>
                   <div> <img src="{{ $image->ans5 }}" ></div>
                </div>
          
            @endforeach
            </div>
      
</div>
@endsection