105 lines
5.5 KiB
PHP
105 lines
5.5 KiB
PHP
@extends('layouts.app')
|
|
@section('css')
|
|
@endsection
|
|
@section('content')
|
|
<section class="container relative pt-150 py-20 pb-0 px-5 flex flex-col gap-5">
|
|
<div class="relative flex justify-between items-center content-center mb-10">
|
|
<div>
|
|
<h1 class="">Home / <a href="{{ url('dataset') }}">Dataset</a> / <span class="bold">{{ $dataset->name }}</span></h1>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="container pb-10 pt-10 px-5">
|
|
<div class="flex flex-col gap-6">
|
|
<div class="bg-white rounded-[20px] shadow-lg p-5 py-10 gap-6 flex">
|
|
<div class="flex flex-col gap-3 items-center text-center w-1/4">
|
|
<img src="{{ asset('uploads/'.@$dataset->instansi->logo) }}" alt="" width="50" class="">
|
|
<h1 class="font-bold">{{ $dataset->instansi->name }}</h1>
|
|
<a href="{{asset('uploads/'.$dataset->file)}}" class="rounded-full text-[12px] bg-success text-white px-2 py-1">Download <i class="ri-download-line"></i></a>
|
|
</div>
|
|
<div class="flex items-center justify-between w-3/4">
|
|
<div class="flex flex-col gap-3">
|
|
<div class="">
|
|
<h5 class="font-bold">{{ $dataset->name }}</h5>
|
|
</div>
|
|
<div>
|
|
<p>{{ $dataset->deskripsi }}</p>
|
|
</div>
|
|
<div class="mt-1 flex flex-row gap-2 items-center">
|
|
<span class="rounded-full text-[10px] bg-[#103760] text-white px-2 py-1">{{$dataset->tahun}}</span>
|
|
<span class="rounded-full text-[10px] hidden lg:block bg-[#103760] text-white px-2 py-1">{{$dataset->template->name}}</span>
|
|
</div>
|
|
<div class="flex gap-1">
|
|
<span>Bagikan : </span>
|
|
<a href=""><i class="p-1 rounded-full bg-[#aaa] text-white ri-facebook-line"></i></a>
|
|
<a href=""><i class="p-1 rounded-full bg-[#aaa] text-white ri-whatsapp-line"></i></a>
|
|
<a href=""><i class="p-1 rounded-full bg-[#aaa] text-white ri-twitter-line"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php
|
|
$data = json_decode($dataset->data);
|
|
?>
|
|
@if(@$data)
|
|
<div class="bg-white rounded-[20px] shadow-lg p-5 py-10 gap-6 flex">
|
|
<div style="overflow-x:auto; width:100%!important;">
|
|
<table id="table"
|
|
data-toggle="table"
|
|
data-search="false"
|
|
data-pagination="true"
|
|
data-side-pagination="server"
|
|
data-url="{{ url('dataset/Griddetail?id='.@$keyId) }}"
|
|
>
|
|
<thead>
|
|
<tr class="bg-primary-light text-primary">
|
|
@if (!empty($data))
|
|
@foreach ($data[0] as $k => $key)
|
|
<th data-field="{{$k}}" class="gridjs-td gridjs-th text-xs">{{ ucwords(str_replace('_', ' ', $k)) }}</th>
|
|
@endforeach
|
|
@endif
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
|
|
</div>
|
|
</section>
|
|
<section class="relative bg-[#F0F0F0] ">
|
|
<div class="container px-10 py-10">
|
|
<div class="relative flex justify-between items-center content-center mb-10">
|
|
<div>
|
|
<h1 class="font-bold poppins-bold text-xl">Dataset Terbaru</h1>
|
|
</div>
|
|
</div>
|
|
<div class="grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-6">
|
|
@foreach($lainnya as $dataSet)
|
|
<a href="{{ url('dataset/detail/'.encode_id($dataSet->DatasetId)) }}" class="transition duration-300 ease-in-out hover:-translate-y-100 hover:scale-410">
|
|
<div class="bg-white rounded-[20px] shadow-lg p-5 py-10 gap-6 flex">
|
|
<div class="flex flex-col gap-3 items-center text-center">
|
|
<div class="flex flex-col items-center gap-3">
|
|
<img src="{{ asset('logodki.png') }}" alt="" width="50" class="">
|
|
{{-- <img src="{{ asset('uploads/'.@$dataSet->instansi->logo) }}" alt="" width="50" class=""> --}}
|
|
<h1 class="font-bold">{{ $dataSet->instansi->name }}</h1>
|
|
</div>
|
|
<div class="">
|
|
<h5 class="font-bold">{{ $dataSet->name }}</h5>
|
|
</div>
|
|
<div>
|
|
<p>{{ substr($dataSet->deskripsi,0,50) }}</p>
|
|
</div>
|
|
<div class="mt-1 flex flex-row gap-2 items-center">
|
|
<span class="rounded-full text-[10px] bg-[#E9811A] text-white px-2 py-1">{{$dataSet->tahun}}</span>
|
|
<span class="rounded-full text-[10px] hidden lg:block bg-[#E9811A] text-white px-2 py-1">{{ substr($dataSet->template->name,0,25) }}...</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
@endforeach
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
@endsection
|