74 lines
4.9 KiB
PHP
74 lines
4.9 KiB
PHP
<div class="grid grid-cols-1 xl:grid-cols-2 pt-4">
|
|
|
|
|
|
<div class="flex rounded-md shadow-sm">
|
|
<a href="{{ route('event.index') }}" id="data-event"
|
|
class="{{ request()->routeIs('event.index') ? 'bg-[#656D4A] text-white' : '' }} flex justify-center items-center hover:bg-[#656D4A] px-4 py-2 text-sm font-medium text-gray-900 border border-gray-200 rounded-s-lg hover:text-white focus:z-10 focus:ring-2 focus:ring-slate-300 ">
|
|
Data-Event
|
|
</a>
|
|
<a href="{{ route('event.create') }}" id="tambah-data-event"
|
|
class="{{ request()->routeIs('event.create') ? 'bg-[#656D4A] text-white' : '' }} flex justify-center items-center hover:bg-[#656D4A] px-4 py-2 text-sm font-medium text-gray-900 border border-gray-200 rounded-e-lg hover:text-white focus:z-10 focus:ring-2 focus:ring-slate-300 ">
|
|
Tambah-Event
|
|
</a>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="flex xl:justify-end">
|
|
@if (request()->routeIs('event.index'))
|
|
<form class="max-w-lg ">
|
|
<div class="flex">
|
|
<label for="search-dropdown" class="mb-2 text-sm font-medium text-gray-900 sr-only ">Your
|
|
Email</label>
|
|
<button id="dropdown-button" data-dropdown-toggle="dropdown"
|
|
class="flex-shrink-0 z-10 inline-flex items-center py-2.5 px-4 text-sm font-medium text-center text-gray-900 bg-gray-100 border border-gray-300 rounded-s-lg hover:bg-gray-200 focus:ring-4 focus:outline-none focus:ring-gray-100 dark:bg-gray-700 dark:hover:bg-gray-600 dark:focus:ring-gray-700 dark:text-white dark:border-gray-600"
|
|
type="button">All categories <svg class="w-2.5 h-2.5 ms-2.5" aria-hidden="true"
|
|
xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
|
|
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
d="m1 1 4 4 4-4" />
|
|
</svg></button>
|
|
<div id="dropdown"
|
|
class="z-10 hidden bg-white divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-gray-700">
|
|
<ul class="py-2 text-sm text-gray-700 dark:text-gray-200" aria-labelledby="dropdown-button">
|
|
<li>
|
|
<button type="button"
|
|
class="inline-flex w-full px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Mockups</button>
|
|
</li>
|
|
<li>
|
|
<button type="button"
|
|
class="inline-flex w-full px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Templates</button>
|
|
</li>
|
|
<li>
|
|
<button type="button"
|
|
class="inline-flex w-full px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Design</button>
|
|
</li>
|
|
<li>
|
|
<button type="button"
|
|
class="inline-flex w-full px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white">Logos</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="relative w-full">
|
|
<input type="search" id="search-dropdown"
|
|
class=" py-2.5 pr-12 flex w-full z-20 text-sm text-gray-900 bg-gray-50 rounded-e-lg border-s-gray-50 border-s-2 border border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-s-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:border-blue-500"
|
|
placeholder="Search Mockups, Logos, Design Templates..." required />
|
|
|
|
|
|
|
|
|
|
<button type="submit"
|
|
class="absolute top-0 end-0 p-2.5 text-sm font-medium h-full text-white bg-blue-700 rounded-e-lg border border-blue-700 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">
|
|
<svg class="w-4 h-4" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
|
|
viewBox="0 0 20 20">
|
|
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
|
|
stroke-width="2" d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z" />
|
|
</svg>
|
|
<span class="sr-only">Search</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
@endif
|
|
</div>
|
|
</div>
|