@extends('layouts.frontend.main')

{{-- content --}}
@section('content')
<section class="mb-5">

	<div class="row row-cols-2 row-cols-lg-4 justify-content-md-center g-3 mb-3">
		@foreach($list as $key => $value)
			<div class="col">
				<div class="card h-100">
					<img
						class="img-fluid"
						src="http://via.placeholder.com/640x360"
					>
					<div class="card-body text-center">
						<h5 class="card-title mb-0">
							{!! $value['title'] !!}
						</h5>
					</div>
                    <a
                        class="stretched-link"
                        href="{!! route('mocup.page', [
                            $value['page']
                        ]) !!}"
                    ></a>
				</div>
			</div>
		@endforeach
	</div>

    <div class="text-center">
        <a
            class="btn btn-outline-secondary btn-sm px-5"
            href="{!! route('mocup.index') !!}"
        >
            Back
        </a>
    </div>

</section>
@endsection

{{-- css --}}
@section('css')
<style>

</style>
@stop

{{-- js --}}
@section('js')
<script>
$(function() {
	//
});
</script>
@stop