35 lines
2.3 KiB
PHP
35 lines
2.3 KiB
PHP
@extends('layouts.app')
|
|
@section('content')
|
|
<section class="bg-white dark:bg-gray-900 pt-20">
|
|
<div class="py-8 px-4 mx-auto max-w-screen-xl text-center lg:py-16">
|
|
<h1 class="mb-4 text-4xl font-extrabold tracking-tight leading-none text-gray-900 md:text-5xl lg:text-6xl dark:text-white">Data Laporan Masyarakat</h1>
|
|
<p class="mb-8 text-lg font-normal text-gray-500 lg:text-xl sm:px-16 lg:px-48 dark:text-gray-400">Laporan gambar wajah terduga pelaku kejahatan dari masyarakat.</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="flex flex-wrap gap-10 px-28 pb-20">
|
|
<div class="grid grid-cols-3 gap-4">
|
|
@foreach ($data as $item)
|
|
<div class="max-w-sm bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
|
|
<div class="aspect-square overflow-hidden rounded-t-lg md:rounded-none md:rounded-s-lg">
|
|
<img class="object-cover w-full h-full" style="object-fit: cover; height: 500px;" src="{{ asset('assets/images/laporan-masyarakat/' . $item->gambar) }}" alt="Gambar Terduga Pelaku Kejahatan">
|
|
</div>
|
|
<div class="flex flex-col justify-between p-4 leading-normal">
|
|
<h5 class="text-xl font-bold tracking-tight text-gray-900 dark:text-white">
|
|
Pelapor: <span class="text-blue-700">{{ $item->name }}</span>
|
|
</h5>
|
|
<strong class="text-gray-700 text-sm mb-2">Tanggal: <span class="text-blue-700">{{ $item->tanggal }}</span></strong>
|
|
<p class="mb-3 font-normal text-gray-700 dark:text-gray-400 text-justify">{{ $item->deskripsi }}</p>
|
|
<a href="{{ route('download', $item->gambar) }}" class="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800 w-48">
|
|
Unduh foto pelaku
|
|
<svg class="w-4 h-4 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"></path>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
</section>
|
|
@endsection
|