update
Ilham Wara Nugroho
parent
023153fc3b
commit
6bbec5de77
|
|
@ -3,10 +3,10 @@
|
|||
@endsection
|
||||
@section('content')
|
||||
|
||||
<section class="container relative pt-30 py-20 pb-0 px-5 flex flex-col gap-5">
|
||||
<section class="container relative pt-[150px] 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 / <span class="bold">Dataset Tambahan</span></h1>
|
||||
<h1 class="">Home / <span class="bold">Dataset</span></h1>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
|
|
@ -20,9 +20,9 @@
|
|||
</form>
|
||||
</div>
|
||||
</section>
|
||||
<section class="container relative py-20 px-5">
|
||||
<div class="flex md:flex-row gap-6">
|
||||
<div class="bg-white text-center h-full rounded-[20px] shadow-lg p-5 py-10 gap-3 md:w-1/4 hidden">
|
||||
<section class="container py-20 px-5">
|
||||
<div class="flex flex-col lg:flex-row gap-6">
|
||||
<div class="bg-white text-center h-full rounded-[20px] shadow-lg p-5 py-10 gap-3 w-full lg:w-1/4">
|
||||
<div class="flex justify-between">
|
||||
<div>
|
||||
<h1 class="bold">Filter</h1>
|
||||
|
|
@ -41,6 +41,15 @@
|
|||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
<div class="w-full">
|
||||
<h1 class="mb-3 text-left">Resource Data</h1>
|
||||
<select class="form-input select2 rounded-[20px] w-full" name="" id="">
|
||||
<option value="">-- Pilih Resource Data --</option>
|
||||
@foreach ($template as $dataTemp)
|
||||
<option value="{{encode_id($dataTemp->MsTemplateId)}}">{{$dataTemp->name}}</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="w-full">
|
||||
<h1 class="mb-3 text-left">Tahun</h1>
|
||||
|
|
@ -51,41 +60,43 @@
|
|||
@endfor
|
||||
</select>
|
||||
</div>
|
||||
<div class="w-full">
|
||||
<button class="">Cari</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="flex flex-col gap-6 w-full">
|
||||
@forelse($dataset as $dataSet)
|
||||
<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">
|
||||
<img src="{{ asset('uploads/'.@$dataSet->instansi->logo) }}" alt="" width="50" class="">
|
||||
<h1 class="font-bold">{{ $dataSet->instansi->name }}</h1>
|
||||
<div class="w-full lg:w-3/4">
|
||||
<div class="grid grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
@forelse($dataset as $dataSet)
|
||||
<a href="{{ url('dataset-tambahan/detail/'.encode_id($dataSet->DatasetTambahanId)) }}" 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>
|
||||
<div class="flex items-center justify-between w-full">
|
||||
<div class="flex flex-col gap-3">
|
||||
<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">{{$dataSet->template->name}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<a href="{{ url('dataset-tambahan/detail/'.encode_id($dataSet->DatasetTambahanId)) }}" class="p-2 bg-[#103760] rounded-full flex items-center justify-center">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5 text-white" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
|
||||
</svg>
|
||||
</a>
|
||||
</a>
|
||||
@empty
|
||||
<div class="bg-white rounded-[20px] shadow-lg p-5 py-10 gap-6 flex items-center justify-center ">
|
||||
<h2 class="text-2xl">Data Tidak Ada</h2>
|
||||
</div>
|
||||
</div>
|
||||
@empty
|
||||
<div class="bg-white rounded-[20px] shadow-lg p-5 py-10 gap-6 flex items-center justify-center ">
|
||||
<h2 class="text-2xl">Data Tidak Ada</h2>
|
||||
</div>
|
||||
@endforelse
|
||||
{{ @$dataset->links() }}
|
||||
@endforelse
|
||||
</div>
|
||||
<br>
|
||||
{{ @$dataset ? @$dataset->links() : '' }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
|||
Loading…
Reference in New Issue