110 lines
5.2 KiB
PHP
110 lines
5.2 KiB
PHP
@extends('layouts.master')
|
|
@section('css')
|
|
@endsection
|
|
@section('content')
|
|
<div class="flex-1 overflow-y-auto p-8 custom-scrollbar">
|
|
<div class="p-8 bg-white rounded-3xl border border-slate-200 shadow-sm overflow-hidden">
|
|
<div class="flex justify-between items-center mb-5">
|
|
<h5 class="text-lg text-slate-700 font-bold">Informasi Dataset</h5>
|
|
<a href="{{route($route.'.index')}}" class="bg-blue-500 rounded py-2 px-3 text-white flex items-center"><i data-lucide="arrow-left" class="w-4 h-4 mr-2"></i><span>Kembali</span></a>
|
|
</div>
|
|
<hr>
|
|
<div class="grid lg:grid-cols-2 gap-3 mb-3 mt-5">
|
|
<div class="flex flex-between gap-3 bg-gray-100 items-center p-2 rounded">
|
|
<div class="p-2">
|
|
<i data-lucide="building" class="w-4 h-4 mr-2"></i>
|
|
</div>
|
|
<div class="flex flex-col">
|
|
<div class="text-sm"><b>Instansi</b></div>
|
|
<div class="text-xs">{{$item->instansi->name}}</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-between gap-3 bg-gray-100 items-center p-2 rounded">
|
|
<div class="p-2">
|
|
<i data-lucide="database" class="w-4 h-4 mr-2"></i>
|
|
</div>
|
|
<div class="flex flex-col">
|
|
<div class="text-sm"><b>Resource Data</b></div>
|
|
<div class="text-xs">{{$item->tabelData->name}}</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-between gap-3 bg-gray-100 items-center p-2 rounded">
|
|
<div class="p-2">
|
|
<i data-lucide="database" class="w-4 h-4 mr-2"></i>
|
|
</div>
|
|
<div class="flex flex-col">
|
|
<div class="text-sm"><b>Nama Dataset</b></div>
|
|
<div class="text-xs">{{$item->name}}</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-between gap-3 bg-gray-100 items-center p-2 rounded">
|
|
<div class="p-2">
|
|
<i data-lucide="database" class="w-4 h-4 mr-2"></i>
|
|
</div>
|
|
<div class="flex items-center gap-3">
|
|
<div class="text-sm">File</div>
|
|
<div>
|
|
<a href="{{url('opendata/dataset/download/'.encode_id(@$item->DatasetId))}}" class="p-1 bg-blue-500 rounded text-white flex items-center"><i data-lucide="download" class="w-4 h-4 mr-2"></i>Download File</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-between gap-3 bg-gray-100 items-center p-2 rounded">
|
|
<div class="p-2">
|
|
<i data-lucide="database" class="w-4 h-4 mr-2"></i>
|
|
</div>
|
|
<div class="flex flex-col">
|
|
<div class="text-sm"><b>Tahun Sistem SLHD</b></div>
|
|
<div class="text-xs">{{$item->tahun}}</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-between gap-3 bg-gray-100 items-center p-2 rounded">
|
|
<div class="p-2">
|
|
<i data-lucide="database" class="w-4 h-4 mr-2"></i>
|
|
</div>
|
|
<div class="flex flex-col">
|
|
<div class="text-sm"><b>Tahun Data</b></div>
|
|
<div class="text-xs">{{@$item->tahun_data}}</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="grid lg-grid-cols-1 gap-3">
|
|
<div class="flex flex-between gap-3 bg-gray-100 items-center p-2 rounded">
|
|
<div class="p-2">
|
|
<i data-lucide="info" class="w-4 h-4 mr-2"></i>
|
|
</div>
|
|
<div class="flex flex-col">
|
|
<div class="text-sm"><b>Deskripsi</b></div>
|
|
<div class="text-xs">{{$item->deskripsi}}</div>
|
|
</div>
|
|
</div>
|
|
<div class="flex items-center p-2 rounded">
|
|
<div class="w-full" style="overflow-x:auto;">
|
|
|
|
<table id="table"
|
|
class="w-full border text-left border-collapse"
|
|
data-toggle="table"
|
|
data-search="false"
|
|
data-pagination="false"
|
|
data-side-pagination="server"
|
|
data-url="{{ route($route.'.gridDetail', ['id' => $keyId]) }}"
|
|
>
|
|
<thead class="bg-slate-50/50 border-b border-slate-100">
|
|
<tr>
|
|
<th data-field="no" data-width="3%" class="px-6 border py-4 text-[10px] font-bold text-slate-400 uppercase tracking-widest">No</th>
|
|
@foreach ($tabel as $k => $key)
|
|
<th data-field="{{$key->order}}" class="px-6 border py-4 text-[10px] font-bold text-slate-400 uppercase tracking-widest">{{ $key->name }}</th>
|
|
@endforeach
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- {!! $modelClass::legend() !!} --}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
@section('js')
|
|
@endsection |