Commit 86f6e701 authored by Sarun Mungthanya's avatar Sarun Mungthanya
Browse files

fix <i> and th

parent 74be1082
Pipeline #26903 passed with stage
in 2 minutes and 19 seconds
<div
class="flex w-full justify-between rounded-t-lg bg-slate-100 px-4 py-3 dark:bg-navy-800 sm:px-5"
>
<h3 class="text-base font-medium text-slate-700 dark:text-navy-100">
Country Code
</h3>
<button
@click="showModal = !showModal"
class="btn -mr-1.5 h-7 w-7 rounded-full p-0 hover:bg-slate-300/20 focus:bg-slate-300/20 active:bg-slate-300/25 dark:hover:bg-navy-300/20 dark:focus:bg-navy-300/20 dark:active:bg-navy-300/25"
>
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-4.5 w-4.5"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
stroke-width="2"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M6 18L18 6M6 6l12 12"
></path>
</svg>
</button>
</div>
<div class="grid grid-cols-1 gap-4 sm:grid-cols-12">
<!-- <label class=" sm:col-span-2">
</label> -->
<label class="text-right sm:col-span-3 pt-3">
<span>Search By</span>
</label>
<label class="block sm:col-span-2">
<select class="form-select h-9 mt-1.5 w-full rounded-lg border border-slate-300 bg-white px-3 py-2 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:bg-navy-700 dark:hover:border-navy-400 dark:focus:border-accent">
<option value="CODE">CODE</option>
<option value="NAME">NAME</option>
</select>
</label>
<label class="block sm:col-span-3">
<span></span>
<span class="relative mt-1.5 flex">
<input class="form-input h-9 peer w-full rounded-lg border border-slate-300 bg-transparent px-3 py-2 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent" placeholder="Search Keyword" type="text" />
</span>
</label>
<label class="block sm:col-span-1">
<div class="flex justify-start space-x-1 pt-2 ">
<button class="btn h-8 rounded-md space-x-2 bg-slate-150 font-medium text-slate-800 hover:bg-slate-200 focus:bg-slate-200 active:bg-slate-200/80 dark:bg-navy-500 dark:text-navy-50 dark:hover:bg-navy-450 dark:focus:bg-navy-450 dark:active:bg-navy-450/90">
<span>Search</span>
</button>
</div>
</label>
<label class=" sm:col-span-2"></label>
</div>
<div class="px-3 py-2">
<div class="card mt-3">
<div
class="is-scrollbar-hidden min-w-full overflow-x-auto"
x-data="pages.tables.initExample1"
>
<table class="is-hoverable w-full text-left">
<thead>
<tr>
<th
class="whitespace-nowrap text-center rounded-tl-lg bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5"
>
Country Code
</th>
<th
class="whitespace-nowrap bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5"
>
Rate
</th>
<th
class="whitespace-nowrap text-center rounded-tr-lg bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5"
>
Name
</th>
</tr>
</thead>
<tbody>
<!-- <template > -->
@foreach ($countryCode as $country)
<tr
class="border-y border-transparent border-b-slate-200 dark:border-b-navy-500"
>
<td
class="whitespace-nowrap text-center rounded-l-lg px-4 py-3 sm:px-5"
>
{{$country['code']}}
</td>
<td class="whitespace-nowrap px-4 py-3 sm:px-5">
{{$country['rate']}}
</td>
<td
class="whitespace-nowrap text-center rounded-r-lg px-4 py-3 sm:px-5"
>
{{$country['name']}}
</td>
</tr>
@endforeach
<!-- </template> -->
</tbody>
</table>
</div>
{{ $countryCode->links('paginate-custom') }}
</div>
</div>
<!-- <div class="px-4 py-4 sm:px-5">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Assumenda incidunt
</p>
<div class="mt-4 space-y-4">
<label class="block">
<span>Choose category :</span>
<select
class="form-select mt-1.5 w-full rounded-lg border border-slate-300 bg-white px-3 py-2 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:bg-navy-700 dark:hover:border-navy-400 dark:focus:border-accent"
>
<option>Laravel</option>
<option>Node JS</option>
<option>Django</option>
<option>Other</option>
</select>
</label>
<label class="block">
<span>Description:</span>
<textarea
rows="4"
placeholder=" Enter Text"
class="form-textarea mt-1.5 w-full resize-none rounded-lg border border-slate-300 bg-transparent p-2.5 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
></textarea>
</label>
<label class="block">
<span>Website Address:</span>
<input
class="form-input mt-1.5 w-full rounded-lg border border-slate-300 bg-transparent px-3 py-2 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
placeholder="URL Address"
type="text"
/>
</label>
<label class="inline-flex items-center space-x-2">
<input
class="form-switch is-outline h-5 w-10 rounded-full border border-slate-400/70 bg-transparent before:rounded-full before:bg-slate-300 checked:border-primary checked:before:bg-primary dark:border-navy-400 dark:before:bg-navy-300 dark:checked:border-accent dark:checked:before:bg-accent"
type="checkbox"
/>
<span>Public pin</span>
</label>
<div class="space-x-2 text-right">
<button
@click="showModal = false"
class="btn min-w-[7rem] rounded-full border border-slate-300 font-medium text-slate-800 hover:bg-slate-150 focus:bg-slate-150 active:bg-slate-150/80 dark:border-navy-450 dark:text-navy-50 dark:hover:bg-navy-500 dark:focus:bg-navy-500 dark:active:bg-navy-500/90"
>
Cancel
</button>
<button
@click="showModal = false"
class="btn min-w-[7rem] rounded-full bg-primary font-medium text-white hover:bg-primary-focus focus:bg-primary-focus active:bg-primary-focus/90 dark:bg-accent dark:hover:bg-accent-focus dark:focus:bg-accent-focus dark:active:bg-accent/90"
>
Apply
</button>
</div>
</div>
</div> -->
\ No newline at end of file
<x-app-layout-sideblock title="Starter Sideblock" is-sidebar-open="true" is-header-blur="true">
<!-- <main class="main-content w-full px-[var(--margin-x)] pb-8">
<div class="flex items-center space-x-4 py-5 lg:py-6">
<h2 class="text-xl font-medium text-slate-800 dark:text-navy-50 lg:text-2xl">
Blank Template
</h2>
</div>
</main> -->
<main class="main-content w-full px-[var(--margin-x)] pb-8">
<div class="flex items-center space-x-4 py-5 lg:py-6">
<ul class="hidden flex-wrap items-center space-x-2 sm:flex">
<li class="flex items-center space-x-2">
<a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent" href="/">Home</a>
<svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</li>
<li>Currency Code</li>
</ul>
</div>
<div class="grid grid-cols-12 gap-4 sm:gap-5 lg:gap-6">
<div class="col-span-12 ">
<div class="card p-4 sm:p-6">
<div class=" space-y-1">
<div class="grid grid-cols-1 gap-4 sm:grid-cols-12">
<!-- <span>From</span> -->
<label class="text-right sm:col-span-1 pt-3">
<span>From</span>
</label>
<label class=" sm:col-span-2">
<!-- <span>From</span> -->
<span class="relative mt-1.5 flex">
<input x-init="$el._x_flatpickr = flatpickr($el)" class="form-input h-9 peer w-full rounded-lg border border-slate-300 bg-transparent px-3 py-2 pl-9 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent" placeholder="Choose date From..." type="text" />
<span class="pointer-events-none absolute flex h-full w-10 items-center justify-center text-slate-400 peer-focus:text-primary dark:text-navy-300 dark:peer-focus:text-accent">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 transition-colors duration-200" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
<path stroke-linecap="round" stroke-linejoin="round" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
</svg>
</span>
</span>
</label>
<label class="text-right sm:col-span-1 pt-3">
<span>To</span>
</label>
<label class=" sm:col-span-2">
<!-- <span>To</span> -->
<span class="relative mt-1.5 flex">
<input x-init="$el._x_flatpickr = flatpickr($el)" class="form-input h-9 peer w-full rounded-lg border border-slate-300 bg-transparent px-3 py-2 pl-9 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent" placeholder="Choose date To..." type="text" />
<span class="pointer-events-none absolute flex h-full w-10 items-center justify-center text-slate-400 peer-focus:text-primary dark:text-navy-300 dark:peer-focus:text-accent">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 transition-colors duration-200" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
<path stroke-linecap="round" stroke-linejoin="round" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
</svg>
</span>
</span>
</label>
<label class="text-right sm:col-span-1 pt-3">
<span>Search By</span>
</label>
<label class="block sm:col-span-2">
<select class="form-select h-9 mt-1.5 w-full rounded-lg border border-slate-300 bg-white px-3 py-2 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:bg-navy-700 dark:hover:border-navy-400 dark:focus:border-accent">
<option value="CODE">Currency code</option>
<option value="NAME">คำอธิบาย</option>
</select>
</label>
<label class="block sm:col-span-2">
<span></span>
<span class="relative mt-1.5 flex">
<input class="form-input h-9 peer w-full rounded-lg border border-slate-300 bg-transparent px-3 py-2 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent" placeholder="Search Keyword" type="text" />
</span>
</label>
<label class="block sm:col-span-1">
<div class="flex justify-start space-x-1 pt-2 ">
<button class="btn h-8 rounded-md space-x-2 bg-slate-150 font-medium text-slate-800 hover:bg-slate-200 focus:bg-slate-200 active:bg-slate-200/80 dark:bg-navy-500 dark:text-navy-50 dark:hover:bg-navy-450 dark:focus:bg-navy-450 dark:active:bg-navy-450/90">
<span>Search</span>
</button>
</div>
</label>
</div>
<div>
<div class="card mt-3">
<div
class="is-scrollbar-hidden min-w-full overflow-x-auto"
x-data="pages.tables.initExample1"
>
<table class="is-hoverable w-full text-left">
<thead>
<tr>
<th
class="whitespace-nowrap text-center rounded-tl-lg bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5"
>
Currency Code
</th>
<th
class="whitespace-nowrap bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5"
>
Description
</th>
<th
class="whitespace-nowrap text-center bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5"
>
Start date
</th>
<th
class="whitespace-nowrap text-center rounded-tr-lg bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5"
>
Finish date
</th>
</tr>
</thead>
<tbody>
<!-- <template > -->
@foreach ($currencyCode as $currency)
<tr
class="border-y border-transparent border-b-slate-200 dark:border-b-navy-500"
>
<td
class="whitespace-nowrap text-center rounded-l-lg px-4 py-3 sm:px-5"
>
{{$currency['code']}}
</td>
<td class="whitespace-nowrap px-4 py-3 sm:px-5">
{{$currency['name']}}
</td>
<td class="whitespace-nowrap text-center px-4 py-3 sm:px-5">
{{date('d-m-Y', strtotime($currency['exdate']))}}
</td>
<td
class="whitespace-nowrap text-center rounded-r-lg px-4 py-3 sm:px-5"
>
{{date('d-m-Y', strtotime($currency['finishdate']))}}
</td>
</tr>
@endforeach
<!-- </template> -->
</tbody>
</table>
</div>
{{ $currencyCode->links('paginate-custom') }}
</div>
</div>
</div>
</div>
<br>
</div>
</div>
</main>
</x-app-layout-sideblock>
\ No newline at end of file
<x-app-layout-sideblock title="Starter Sideblock" is-sidebar-open="true" is-header-blur="true">
<!-- <main class="main-content w-full px-[var(--margin-x)] pb-8">
<div class="flex items-center space-x-4 py-5 lg:py-6">
<h2 class="text-xl font-medium text-slate-800 dark:text-navy-50 lg:text-2xl">
Blank Template
</h2>
</div>
</main> -->
<main class="main-content w-full px-[var(--margin-x)] pb-8">
<div class="flex items-center space-x-4 py-5 lg:py-6">
<ul class="hidden flex-wrap items-center space-x-2 sm:flex">
<li class="flex items-center space-x-2">
<a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent" href="/">Home</a>
<svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</li>
<li>Exchange Rate</li>
</ul>
</div>
<div class="grid grid-cols-12 gap-4 sm:gap-5 lg:gap-6">
<div class="col-span-12 ">
<div class="card p-4 sm:p-6">
<div class=" space-y-1">
<div class="grid grid-cols-1 gap-4 sm:grid-cols-12">
<!-- <span>From</span> -->
<label class="text-right sm:col-span-1 pt-3">
<span>From</span>
</label>
<label class=" sm:col-span-2">
<!-- <span>From</span> -->
<span class="relative mt-1.5 flex">
<input x-init="$el._x_flatpickr = flatpickr($el)" class="form-input h-9 peer w-full rounded-lg border border-slate-300 bg-transparent px-3 py-2 pl-9 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent" placeholder="Choose date From..." type="text" />
<span class="pointer-events-none absolute flex h-full w-10 items-center justify-center text-slate-400 peer-focus:text-primary dark:text-navy-300 dark:peer-focus:text-accent">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 transition-colors duration-200" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
<path stroke-linecap="round" stroke-linejoin="round" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
</svg>
</span>
</span>
</label>
<label class="text-right sm:col-span-1 pt-3">
<span>To</span>
</label>
<label class=" sm:col-span-2">
<!-- <span>To</span> -->
<span class="relative mt-1.5 flex">
<input x-init="$el._x_flatpickr = flatpickr($el)" class="form-input h-9 peer w-full rounded-lg border border-slate-300 bg-transparent px-3 py-2 pl-9 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent" placeholder="Choose date To..." type="text" />
<span class="pointer-events-none absolute flex h-full w-10 items-center justify-center text-slate-400 peer-focus:text-primary dark:text-navy-300 dark:peer-focus:text-accent">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 transition-colors duration-200" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5">
<path stroke-linecap="round" stroke-linejoin="round" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
</svg>
</span>
</span>
</label>
<label class="text-right sm:col-span-1 pt-3">
<span>Search By</span>
</label>
<label class="block sm:col-span-2">
<select class="form-select h-9 mt-1.5 w-full rounded-lg border border-slate-300 bg-white px-3 py-2 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:bg-navy-700 dark:hover:border-navy-400 dark:focus:border-accent">
<option value="currency">Currency code</option>
</select>
</label>
<label class="block sm:col-span-2">
<span></span>
<span class="relative mt-1.5 flex">
<input class="form-input h-9 peer w-full rounded-lg border border-slate-300 bg-transparent px-3 py-2 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent" placeholder="Search Keyword" type="text" />
</span>
</label>
<label class="block sm:col-span-1">
<div class="flex justify-start space-x-1 pt-2 ">
<button class="btn h-8 rounded-md space-x-2 bg-slate-150 font-medium text-slate-800 hover:bg-slate-200 focus:bg-slate-200 active:bg-slate-200/80 dark:bg-navy-500 dark:text-navy-50 dark:hover:bg-navy-450 dark:focus:bg-navy-450 dark:active:bg-navy-450/90">
<span>Search</span>
</button>
</div>
</label>
</div>
</div>
<br>
<div>
<div class="card mt-3">
<div
class="is-scrollbar-hidden min-w-full overflow-x-auto"
x-data="pages.tables.initExample1"
>
<table class="is-hoverable w-full text-left">
<thead>
<tr>
<th
class="whitespace-nowrap rounded-tl-lg text-center bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5"
>
Currency Code
</th>
<th
class="whitespace-nowrap bg-slate-200 text-center px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5"
>
Exchange Rate
</th>
<th
class="whitespace-nowrap bg-slate-200 text-center px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5"
>
Per unit
</th>
<th
class="whitespace-nowrap bg-slate-200 text-center px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5"
>
Start date
</th>
<th
class="whitespace-nowrap rounded-tr-lg bg-slate-200 text-center px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5"
>
Finish date
</th>
</tr>
</thead>
<tbody>
<!-- <template > -->
@foreach ($exchangerate as $exchange)
<tr
class="border-y border-transparent border-b-slate-200 dark:border-b-navy-500"
>
<td
class="whitespace-nowrap text-center rounded-l-lg px-4 py-3 sm:px-5"
>
{{$exchange['currency']}}
</td>
<td class="whitespace-nowrap text-center px-4 py-3 sm:px-5">
{{$exchange['baht']}}
</td>
<td class="whitespace-nowrap text-center px-4 py-3 sm:px-5">
{{$exchange['rate']}}
</td>
<td class="whitespace-nowrap text-center px-4 py-3 sm:px-5">
{{date('d-m-Y', strtotime($exchange['exdate']))}}
</td>
<td
class="whitespace-nowrap text-center rounded-r-lg px-4 py-3 sm:px-5"
>
{{date('d-m-Y', strtotime($exchange['finishdate']))}}
</td>
</tr>
@endforeach
<!-- </template> -->
</tbody>
</table>
</div>
{{ $exchangerate->links('paginate-custom') }}
</div>
</div>
</div>
<br>
</div>
</div>
</main>
</x-app-layout-sideblock>
\ No newline at end of file
<x-app-layout-sideblock title="Starter Sideblock" is-sidebar-open="true" is-header-blur="true">
<main class="main-content w-full px-[var(--margin-x)] pb-8">
<div class="flex items-center space-x-4 py-5 lg:py-6">
<ul class="hidden flex-wrap items-center space-x-2 sm:flex">
<li class="flex items-center space-x-2">
<a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
href="/">Home</a>
<svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</li>
<li> Configuration </li>
<svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
<li class="flex items-center space-x-2">
<a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
href="{{ route('configurations.menu') }}">Menu Management</a>
<svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</li>
</ul>
</div>
<div class="grid grid-cols-1 gap-4 sm:gap-5 lg:gap-6">
<form action="{{ route('configurations.menu.store') }}" method="POST">
@method('POST')
@csrf
<div class="card pb-4">
<div class="my-3 flex h-8 items-center justify-between px-4 sm:px-5">
<h2
class="font-medium tracking-wide text-slate-700 line-clamp-1 dark:text-navy-100 lg:text-base">
<i class="fa-solid fa-edit text-primary"></i> Create
</h2>
</div>
<div class="w-3/4 px-3 space-y-3 m-auto mb-4">
<div class="flex items-center">
<label class="w-2/12 mr-2">
<span>Name:</span>
</label>
<span class="relative flex w-full">
<input
class="form-input w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs placeholder-text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
placeholder="name" type="text" />
</span>
</div>
<div class="flex items-center">
<label class="w-2/12 mr-2">
<span>Configure:</span>
</label>
<span class="relative flex w-full">
<textarea rows="4" placeholder=" Enter Text"
class="form-textarea w-1/2 rounded-lg border border-slate-300 bg-transparent p-2.5 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"></textarea>
</span>
</div>
<div class="flex items-center">
<label class="w-2/12 mr-2">
<span>Type:</span>
</label>
<span class="relative flex w-full">
<label class="inline-flex items-center space-x-2">
<input
class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
name="menu_type" type="radio" />
<p>Main menu</p>
<input
class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
name="menu_type" type="radio" />
<p>Sub menu</p>
</label>
</span>
</div>
<div class="flex items-center">
<label class="w-2/12 mr-2">
<span>Parent Menu:</span>
</label>
<span class="relative flex w-full">
<select
class="form-select w-2/4 rounded-lg border border-slate-300 bg-white px-3 py-2 text-xs hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:bg-navy-700 dark:hover:border-navy-400 dark:focus:border-accent">
<option>Please Select</option>
<option>Develop</option>
<option>Configuration</option>
<option>Database</option>
<option>Smart Update</option>
</select>
</span>
</div>
<div class="flex items-center">
<label class="w-2/12 mr-2">
<span>Description:</span>
</label>
<span class="relative flex w-full">
<textarea rows="4" placeholder=" Enter Text"
class="form-textarea w-1/2 rounded-lg border border-slate-300 bg-transparent p-2.5 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"></textarea>
</span>
</div>
<div class="grid grid-cols-8 justify-center space-x-2 pt-4">
<a href="{{ route($route) }}"
class="col-start-3 btn border border-slate-300 font-medium text-slate-800 hover:bg-slate-150 focus:bg-slate-150 active:bg-slate-150/80 dark:border-navy-450 dark:text-navy-50 dark:hover:bg-navy-500 dark:focus:bg-navy-500 dark:active:bg-navy-500/90">
Cancel
</a>
<button type="submit"
class="btn ml-3 bg-primary font-medium text-white hover:bg-primary-focus focus:bg-primary-focus active:bg-primary-focus/90 dark:bg-accent dark:hover:bg-accent-focus dark:focus:bg-accent-focus dark:active:bg-accent/90">
Save
</button>
</div>
</div>
</div>
</form>
</div>
</main>
</x-app-layout-sideblock>
<x-app-layout-sideblock title="Starter Sideblock" is-sidebar-open="true" is-header-blur="true">
<main class="main-content w-full px-[var(--margin-x)] pb-8">
<div class="flex items-center space-x-4 py-5 lg:py-6">
<ul class="hidden flex-wrap items-center space-x-2 sm:flex">
<li class="flex items-center space-x-2">
<a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
href="/">Home</a>
<svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</li>
<li> Configuration </li>
<svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
<li class="flex items-center space-x-2">
<a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
href="{{ route('configurations.menu') }}">Menu Management</a>
<svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</li>
</ul>
</div>
<div class="grid grid-cols-1 gap-4 sm:gap-5 lg:gap-6">
<form action="{{ route('configurations.menu.update', $menu['id']) }}" method="POST">
@method('PUT')
@csrf
<input type="hidden" name="id" value="{{ $menu['id'] }}">
<div class="card pb-4">
<div class="my-3 flex h-8 items-center justify-between px-4 sm:px-5">
<h2
class="font-medium tracking-wide text-slate-700 line-clamp-1 dark:text-navy-100 lg:text-base">
<i class="fa-solid fa-edit text-primary"></i> Edit
</h2>
</div>
<div class="w-3/4 px-3 space-y-3 m-auto mb-4">
<div class="flex items-center">
<label class="w-2/12 mr-2">
<span>Name:</span>
</label>
<span class="relative flex w-full">
<input
class="form-input w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs placeholder-text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
placeholder="name" type="text" value="User Management" />
</span>
</div>
<div class="flex items-center">
<label class="w-2/12 mr-2">
<span>Configure:</span>
</label>
<span class="relative flex w-full">
<textarea rows="4" placeholder=" Enter Text"
class="form-textarea w-1/2 rounded-lg border border-slate-300 bg-transparent p-2.5 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent">$MENU_HEAD?$SESSION&SERVICENAME=usermanage&CPID=$CPID&ACTION=MAIN</textarea>
</span>
</div>
<div class="flex items-center">
<label class="w-2/12 mr-2">
<span>Type:</span>
</label>
<span class="relative flex w-full">
<label class="inline-flex items-center space-x-2">
<input
class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
name="menu_type" type="radio" checked />
<p>Main menu</p>
<input
class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
name="menu_type" type="radio" />
<p>Sub menu</p>
</label>
</span>
</div>
<div class="flex items-center">
<label class="w-2/12 mr-2">
<span>Parent Menu:</span>
</label>
<span class="relative flex w-full">
<select
class="form-select w-2/4 rounded-lg border border-slate-300 bg-white px-3 py-2 text-xs hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:bg-navy-700 dark:hover:border-navy-400 dark:focus:border-accent">
<option>Please Select</option>
<option selected>Develop</option>
<option>Configuration</option>
<option>Database</option>
<option>Smart Update</option>
</select>
</span>
</div>
<div class="flex items-center">
<label class="w-2/12 mr-2">
<span>Order:</span>
</label>
<span class="relative flex w-full">
<input
class="form-input w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs placeholder-text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
placeholder="order number" type="number" value="4" />
</span>
</div>
<div class="flex items-center">
<label class="w-2/12 mr-2">
<span>Description:</span>
</label>
<span class="relative flex w-full">
<textarea rows="4" placeholder=" Enter Text"
class="form-textarea w-1/2 rounded-lg border border-slate-300 bg-transparent p-2.5 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"></textarea>
</span>
</div>
<div class="grid grid-cols-8 justify-center space-x-2 pt-4">
<a href="{{ route($route) }}"
class="col-start-3 btn border border-slate-300 font-medium text-slate-800 hover:bg-slate-150 focus:bg-slate-150 active:bg-slate-150/80 dark:border-navy-450 dark:text-navy-50 dark:hover:bg-navy-500 dark:focus:bg-navy-500 dark:active:bg-navy-500/90">
Cancel
</a>
<button type="submit"
class="btn ml-3 bg-primary font-medium text-white hover:bg-primary-focus focus:bg-primary-focus active:bg-primary-focus/90 dark:bg-accent dark:hover:bg-accent-focus dark:focus:bg-accent-focus dark:active:bg-accent/90">
Save
</button>
</div>
</div>
</div>
</form>
</div>
</main>
</x-app-layout-sideblock>
<x-app-layout-sideblock title="Starter Sideblock" is-sidebar-open="true" is-header-blur="true">
<main class="main-content w-full px-[var(--margin-x)] pb-8">
<div class="flex items-center space-x-4 py-5 lg:py-6">
<ul class="hidden flex-wrap items-center space-x-2 sm:flex">
<li class="flex items-center space-x-2">
<a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
href="/">Home</a>
<svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</li>
<li> Configuration </li>
<svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
<li class="flex items-center space-x-2">
<a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
href="{{ $url }}">Menu Management</a>
</li>
</ul>
</div>
<div class="grid grid-cols-1 gap-4 sm:gap-5 lg:gap-6">
<div class="card pb-4">
<div class="my-3 flex h-8 items-center justify-between px-4 sm:px-5">
<h2 class="font-medium tracking-wide text-slate-700 line-clamp-1 dark:text-navy-100 lg:text-base">
Menu Management
</h2>
{{-- <a href="{{ $url }}/create"
class="btn min-w-[7rem] mx-4 bg-primary font-medium text-white hover:bg-primary-focus focus:bg-primary-focus active:bg-primary-focus/90 dark:bg-accent dark:hover:bg-accent-focus dark:focus:bg-accent-focus dark:active:bg-accent/90">
New
<i></i>
</a> --}}
</div>
@include('components/search-by' , ['searchBy' => $searchBy??[]])
<div class="mx-3 mt-3 px-4">
<div class="is-scrollbar-hidden min-w-full overflow-x-auto" x-data="pages.tables.initExample1">
<table class="is-hoverable w-full text-left">
<thead>
<tr>
<th
class="whitespace-nowrap rounded-tl-lg bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
#
</th>
<th
class="whitespace-nowrap bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
MID
</th>
<th
class="whitespace-nowrap bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
Name
</th>
<th
class="whitespace-nowrap bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
Type
</th>
<th
class="whitespace-nowrap bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
Parent Menu
</th>
<th
class="whitespace-nowrap bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
Order
</th>
<th
class="whitespace-nowrap rounded-tr-lg bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
Action
</th>
</tr>
</thead>
<tbody>
@foreach ($menues as $menu)
<tr class="border-y border-transparent border-b-slate-200 dark:border-b-navy-500">
<td class="whitespace-nowrap px-4 py-3 sm:px-5">
<label class="inline-flex items-center space-x-2">
<input
class="form-checkbox is-basic h-4 w-4 rounded border-slate-400/70 checked:bg-primary checked:border-primary hover:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:hover:border-accent dark:focus:border-accent"
type="checkbox" value="{{ $menu['id'] }}" />
</label>
</td>
<td class="whitespace-nowrap px-4 py-3 sm:px-5">{{ $menu['mId'] }}
</td>
<td class="whitespace-nowrap px-4 py-3 sm:px-5">{{ $menu['name'] }}</td>
<td class="whitespace-nowrap px-4 py-3 sm:px-5">
{{ $menu['type'] }}</td>
<td class="whitespace-nowrap px-4 py-3 sm:px-5">
{{ $menu['parentMenu'] }}</td>
<td class="whitespace-nowrap px-4 py-3 sm:px-5">
{{ $menu['order'] }}</td>
<td class="whitespace-nowrap px-4 py-3 sm:px-5">
<div class="flex justify-center space-x-2">
<a href="{{ $url . '/' . $menu['id'] . '/edit' }}" @click="editItem"
class="btn h-8 w-8 p-0 text-info hover:bg-info/20 focus:bg-info/20 active:bg-info/25">
<i class="fa fa-edit"></i>
</a>
<div x-data="{ showModal: false }">
<a @click="showModal = true"
class="btn h-8 w-8 p-0 text-error hover:bg-error/20 focus:bg-error/20 active:bg-error/25">
<i class="fa fa-trash-alt"></i>
</a>
<template x-teleport="#x-teleport-target">
<div class="fixed inset-0 z-[100] flex flex-col items-center justify-center overflow-hidden px-4 py-6 sm:px-5"
x-show="showModal" role="dialog"
@keydown.window.escape="showModal = false">
<div class="absolute inset-0 bg-slate-900/60 transition-opacity duration-300"
@click="showModal = false" x-show="showModal"
x-transition:enter="ease-out"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
x-transition:leave="ease-in"
x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0"></div>
<div class="relative p-4 max-w-lg rounded-lg bg-white px-4 py-10 text-center transition-opacity duration-300 dark:bg-navy-700 sm:px-5"
x-show="showModal" x-transition:enter="ease-out"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
x-transition:leave="ease-in"
x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0">
<svg xmlns="http://www.w3.org/2000/svg"
class="inline h-28 w-28 text-error" fill="none"
viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round"
stroke-width="2"
d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z">
</path>
</svg>
<div class="mt-4 mx-5">
<h2
class="text-2xl text-slate-700 dark:text-navy-100">
Are you sure <br> you want to delete this item ?
</h2>
<p class="mt-2"></p>
<button @click="showModal = false"
class="btn mt-6 bg-[#6a6e69] font-medium text-white hover:bg-[#313430] focus:bg-[#313430]-focus active:bg-[#313430]-focus/90">Close</button>
<a href="deleteurl"
@click.prevent="showModal = false"
class="btn mt-6 bg-error font-medium text-white hover:bg-error-focus focus:bg-error-focus active:bg-error-focus/90">confirm</a>
</div>
</div>
</div>
</template>
</div>
</div>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
{{ $menues->links('paginate-custom') }}
</div>
{{-- <div class="px-4">
<div x-data="pages.basicTable.initGridTable({{ $json_columns }}, {{ $json_data }}, {{ $paginate }}, '{{ $url }}', {{ json_encode($permission) }})"></div>
</div> --}}
</div>
</div>
</main>
</x-app-layout-sideblock>
<x-app-layout-sideblock title="Starter Sideblock" is-sidebar-open="true" is-header-blur="true">
<main class="main-content w-full px-[var(--margin-x)] pb-8">
<div class="flex items-center space-x-4 py-5 lg:py-6">
<ul class="hidden flex-wrap items-center space-x-2 sm:flex">
<li class="flex items-center space-x-2">
<a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
href="/">Home</a>
<svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</li>
<li> Configuration </li>
<svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
<li class="flex items-center space-x-2">
<a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
href="{{ route('configuration.user') }}">User Management</a>
<svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</li>
</ul>
</div>
<div class="grid grid-cols-1 gap-4 sm:gap-5 lg:gap-6">
<form action="{{ route('configuration.user.update', $user->id) }}" method="PUT">
@method('PUT')
@csrf
<input type="hidden" name="id" value="{{ $user->id }}">
<div class="card pb-4">
<div class="my-3 flex h-8 items-center justify-between px-4 sm:px-5">
<h2 class="font-medium tracking-wide text-slate-700 line-clamp-1 dark:text-navy-100 lg:text-base">
EDIT
</h2>
</div>
<div class="w-3/4 px-3 space-y-4 m-auto mb-4">
<div class="flex items-center">
<label class="w-32 mr-2">
<span>Username:</span>
</label>
<span class="relative flex w-full">
<input
class="form-input w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 placeholder-text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
placeholder="username" type="text" />
</span>
</div>
<div class="flex items-center">
<label class="w-32 mr-2">
<span>Password:</span>
</label>
<span class="relative flex w-full">
<input
class="form-input w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
placeholder="Your Company" type="text" />
</span>
</div>
<div class="flex items-center">
<label class="w-32 mr-2">
<span>Group:</span>
</label>
<span class="relative flex w-full">
<select
class="form-select w-2/4 rounded-lg border border-slate-300 bg-white px-3 py-2 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:bg-navy-700 dark:hover:border-navy-400 dark:focus:border-accent">
<option>Corporate event</option>
<option>Wedding</option>
<option>Birthday</option>
<option>Other</option>
</select>
</span>
</div>
<div class="flex items-center">
<label class="w-32 mr-2">
<span>Firstname:</span>
</label>
<span class="relative flex w-full">
<input
class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
placeholder="Firstname" type="text" name="name" value="{{ old('name')? old('name') : $user->name }}"/>
</span>
</div>
<div class="flex items-center">
<label class="w-32 mr-2">
<span>Lastname:</span>
</label>
<span class="relative flex w-full">
<input
class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
placeholder="Lastname" type="text" />
</span>
</div>
<div class="flex items-center">
<label class="w-32 mr-2">
<span>Phone:</span>
</label>
<span class="relative flex w-full">
<input
class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
placeholder="(999) 999-9999" type="text"
x-input-mask="{numericOnly: true, blocks: [0, 3, 3, 4], delimiters: ['(', ') ', '-']}" />
</span>
</div>
<div class="flex items-center">
<label class="w-32 mr-2">
<span>Email:</span>
</label>
<span class="relative flex w-full">
<input
class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
placeholder="Email" type="text" name="email" value="{{ old('email')? old('email') : $user->email }}" />
</span>
</div>
<div class="flex items-center">
<label class="w-32 mr-2">
<span>Approved</span>
</label>
<span class="relative flex w-full">
<input checked
class="form-switch h-5 w-10 rounded-full bg-slate-300 [--thumb-border:4px] before:rounded-full before:bg-slate-50 checked:bg-success checked:before:bg-white dark:bg-navy-900 dark:before:bg-navy-300 dark:checked:bg-accent dark:checked:before:bg-white"
type="checkbox" />
</span>
</div>
<div class="grid grid-cols-6 justify-center space-x-2 pt-4">
<a href="{{ route('configuration.user') }}"
class="col-start-2 btn min-w-[7rem] border border-slate-300 font-medium text-slate-800 hover:bg-slate-150 focus:bg-slate-150 active:bg-slate-150/80 dark:border-navy-450 dark:text-navy-50 dark:hover:bg-navy-500 dark:focus:bg-navy-500 dark:active:bg-navy-500/90">
Cancel
</a>
<button type="submit"
class="btn min-w-[7rem] bg-primary font-medium text-white hover:bg-primary-focus focus:bg-primary-focus active:bg-primary-focus/90 dark:bg-accent dark:hover:bg-accent-focus dark:focus:bg-accent-focus dark:active:bg-accent/90">
Save
</button>
</div>
</div>
</div>
</form>
</div>
</main>
</x-app-layout-sideblock>
<x-app-layout-sideblock title="Starter Sideblock" is-sidebar-open="true" is-header-blur="true">
<main class="main-content w-full px-[var(--margin-x)] pb-8">
<div class="flex items-center space-x-4 py-5 lg:py-6">
<ul class="hidden flex-wrap items-center space-x-2 sm:flex">
<li class="flex items-center space-x-2">
<a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
href="/">Home</a>
<svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</li>
<li> Configuration </li>
<svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
<li class="flex items-center space-x-2">
<a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
href="{{ route('configurations.user-group') }}">User Group</a>
<svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</li>
</ul>
</div>
<div class="grid grid-cols-1 gap-4 sm:gap-5 lg:gap-6">
<form action="{{ route('configurations.user.store') }}" method="POST">
@method('POST')
@csrf
<div class="card pb-4">
<div class="my-3 flex h-8 items-center justify-between px-4 sm:px-5">
<h2
class="font-medium tracking-wide text-slate-700 line-clamp-1 dark:text-navy-100 lg:text-base">
<i class="fa-solid fa-edit text-primary"></i> Create
</h2>
</div>
<div class="w-3/4 px-3 space-y-3 m-auto mb-4">
<div class="flex items-center">
<label class="w-2/12 mr-2">
<span>Group name:</span>
</label>
<span class="relative flex w-full">
<input
class="form-input w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs placeholder-text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
placeholder="Group name" type="text" />
</span>
</div>
<div class="flex items-center">
<label class="w-2/12 mr-2">
<span>Company:</span>
</label>
<span class="relative flex w-full">
<select name="company"
class="form-select w-2/4 rounded-lg border border-slate-300 bg-white px-3 py-2 text-xs hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:bg-navy-700 dark:hover:border-navy-400 dark:focus:border-accent">
<option value="netbay1">Netbay1</option>
<option value="netbay1">Netbay2</option>
<option value="netbay1">Netbay3</option>
<option value="netbay1">Netbay4</option>
</select>
</span>
</div>
<div class="flex items-center">
<label class="w-2/12 mr-2">
<span>Admin group</span>
</label>
<span class="relative flex w-full">
<label class="inline-flex items-center space-x-2">
<input
class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
name="admin_group" type="radio" />
<p>Y</p>
<input
class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
name="admin_group" type="radio" />
<p>N</p>
</label>
</span>
</div>
<div x-data="{ showCustomize: false }">
<div class="flex items-center">
<label class="w-2/12 mr-2">
<span>Profile group</span>
</label>
<span class="relative flex w-full">
<label class="inline-flex items-center space-x-2">
<input
class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
name="profile_group" type="radio" x-on:click="showCustomize = false" />
<p>Default</p>
</label>
<label class="inline-flex items-center space-x-2 mx-3">
<input
class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
name="profile_group" type="radio" x-on:click="showCustomize = true" />
<p>Customize</p>
</label>
</span>
</div>
<div class="grid grid-cols-5 gap-4" x-show="showCustomize" id="customize">
<div class="card col-start-2 col-span-4 p-2">
<span class="m-3"><b>:: Config Group Profile</b></span>
<ul class="mt-2 mx-5 px-5 space-y-1.5 font-inter font-medium">
<li>
<label class="inline-flex items-center space-x-2">
<input
class="form-checkbox is-basic h-4 w-4 rounded border-slate-400/70 checked:bg-primary checked:border-primary hover:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:hover:border-accent dark:focus:border-accent"
type="checkbox" />
<p>Primary</p>
</label>
</li>
<li>
<label class="inline-flex items-center space-x-2">
<input
class="form-checkbox is-basic h-4 w-4 rounded border-slate-400/70 checked:bg-primary checked:border-primary hover:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:hover:border-accent dark:focus:border-accent"
type="checkbox" />
<p>Primary</p>
</label>
</li>
<li>
<label class="inline-flex items-center space-x-2">
<input
class="form-checkbox is-basic h-4 w-4 rounded border-slate-400/70 checked:bg-primary checked:border-primary hover:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:hover:border-accent dark:focus:border-accent"
type="checkbox" />
<p>Primary</p>
</label>
</li>
<li>
<label class="inline-flex items-center space-x-2">
<input
class="form-checkbox is-basic h-4 w-4 rounded border-slate-400/70 checked:bg-primary checked:border-primary hover:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:hover:border-accent dark:focus:border-accent"
type="checkbox" />
<p>Primary</p>
</label>
</li>
<li>
<label class="inline-flex items-center space-x-2">
<input
class="form-checkbox is-basic h-4 w-4 rounded border-slate-400/70 checked:bg-primary checked:border-primary hover:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:hover:border-accent dark:focus:border-accent"
type="checkbox" />
<p>Primary</p>
</label>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="grid grid-cols-8 justify-center space-x-2 pt-4">
<a href="{{ route('configurations.user-group') }}"
class="col-start-3 btn border border-slate-300 font-medium text-slate-800 hover:bg-slate-150 focus:bg-slate-150 active:bg-slate-150/80 dark:border-navy-450 dark:text-navy-50 dark:hover:bg-navy-500 dark:focus:bg-navy-500 dark:active:bg-navy-500/90">
Cancel
</a>
<button type="submit"
class="btn ml-3 bg-primary font-medium text-white hover:bg-primary-focus focus:bg-primary-focus active:bg-primary-focus/90 dark:bg-accent dark:hover:bg-accent-focus dark:focus:bg-accent-focus dark:active:bg-accent/90">
Save
</button>
</div>
</div>
</div>
</form>
</div>
</main>
</x-app-layout-sideblock>
<x-app-layout-sideblock title="Starter Sideblock" is-sidebar-open="true" is-header-blur="true">
<main class="main-content w-full px-[var(--margin-x)] pb-8">
<div class="flex items-center space-x-4 py-5 lg:py-6">
<ul class="hidden flex-wrap items-center space-x-2 sm:flex">
<li class="flex items-center space-x-2">
<a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
href="/">Home</a>
<svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</li>
<li> Configuration </li>
<svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
<li class="flex items-center space-x-2">
<a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
href="{{ route('configurations.user-group') }}">User Group</a>
<svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</li>
</ul>
</div>
<div class="grid grid-cols-1 gap-4 sm:gap-5 lg:gap-6">
<form action="{{ route('configurations.user-group.update', $example['id']) }}" method="POST">
@method('PUT')
@csrf
<input type="hidden" name="id" value="{{ $example['id'] }}">
<div class="card pb-4">
<div class="my-3 flex h-8 items-center justify-between px-4 sm:px-5">
<h2
class="font-medium tracking-wide text-slate-700 line-clamp-1 dark:text-navy-100 lg:text-base">
<i class="fa-solid fa-edit text-primary"></i> Edit
</h2>
</div>
<div class="w-3/4 px-3 space-y-3 m-auto mb-4">
<div class="flex items-center">
<label class="w-2/12 mr-2">
<span>Group name:</span>
</label>
<span class="relative flex w-full">
<input
class="form-input w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs placeholder-text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
placeholder="Group name" type="text" />
</span>
</div>
<div class="flex items-center">
<label class="w-2/12 mr-2">
<span>Company:</span>
</label>
<span class="relative flex w-full">
<select name="company"
class="form-select w-2/4 rounded-lg border border-slate-300 bg-white px-3 py-2 text-xs hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:bg-navy-700 dark:hover:border-navy-400 dark:focus:border-accent">
<option value="netbay1">Netbay1</option>
<option value="netbay1">Netbay2</option>
<option value="netbay1">Netbay3</option>
<option value="netbay1">Netbay4</option>
</select>
</span>
</div>
<div class="flex items-center">
<label class="w-2/12 mr-2">
<span>Admin group</span>
</label>
<span class="relative flex w-full">
<label class="inline-flex items-center space-x-2">
<input
class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
name="admin_group" type="radio" />
<p>Y</p>
<input
class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
name="admin_group" type="radio" />
<p>N</p>
</label>
</span>
</div>
<div x-data="{ showCustomize: false }" class="w-3/5">
<div class="flex items-center">
<label class="w-2/12 mr-2">
<span>Profile group</span>
</label>
<span class="relative flex w-full">
<label class="inline-flex items-center space-x-2">
<input
class="form-radio is-basic h-4 w-4 rounded-full border-2 border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
name="profile_group" type="radio" x-on:click="showCustomize = false" />
<p>Default</p>
</label>
<label class="inline-flex items-center space-x-2 mx-3">
<input
class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
name="profile_group" type="radio" x-on:click="showCustomize = true" />
<p>Customize</p>
</label>
</span>
</div>
<div x-data="{ activeTab: 'tabPermission' }" class="tabs flex flex-col mt-6 border-2 px-4 py-1 ">
<div
class="is-scrollbar-hidden overflow-x-auto text-slate-600 dark:bg-navy-800 dark:text-navy-200">
<div class="tabs-list flex">
<button @click="activeTab = 'tabProfileAndMenu'" x-on:click.prevent
:class="activeTab === 'tabProfileAndMenu' ?
'bg-white active:text-primary focus:text-primary hover:text-primary border-b-4 border-wid border-primary rounded-b-none dark:bg-navy-500 dark:text-navy-100' :
'hover:text-slate-800 focus:text-slate-800 dark:hover:text-navy-100 dark:focus:text-navy-100'"
class="btn shrink-0 px-3 py-1.5 font-medium">
{{-- <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
<path stroke-linecap="round" stroke-linejoin="round"
d="M3 8.25V18a2.25 2.25 0 002.25 2.25h13.5A2.25 2.25 0 0021 18V8.25m-18 0V6a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 6v2.25m-18 0h18M5.25 6h.008v.008H5.25V6zM7.5 6h.008v.008H7.5V6zm2.25 0h.008v.008H9.75V6z" />
</svg> --}}
<span class="ml-2 ">Config
Profile&Menu</span>
</button>
<button @click="activeTab = 'tabPermission'" x-on:click.prevent
:class="activeTab === 'tabPermission' ?
'bg-white active:text-primary focus:text-primary hover:text-primary border-b-4 border-primary rounded-b-none dark:bg-navy-500 dark:text-navy-100' :
'hover:text-slate-800 focus:text-slate-800 dark:hover:text-navy-100 dark:focus:text-navy-100'"
class="btn shrink-0 px-3 py-1.5 font-medium">
{{-- <svg xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
class="w-4 h-4">
<path stroke-linecap="round" stroke-linejoin="round"
d="M3 8.25V18a2.25 2.25 0 002.25 2.25h13.5A2.25 2.25 0 0021 18V8.25m-18 0V6a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 6v2.25m-18 0h18M5.25 6h.008v.008H5.25V6zM7.5 6h.008v.008H7.5V6zm2.25 0h.008v.008H9.75V6z" />
</svg> --}}
<span class="ml-2 ">Permisison</span>
</button>
<div class="flex-initial w-full"></div>
</div>
</div>
<div class="tab-content p-4 ">
<div x-show="activeTab === 'tabProfileAndMenu'"
x-transition:enter="transition-all duration-500 easy-in-out"
x-transition:enter-start="opacity-0 [transform:translate3d(1rem,0,0)]"
x-transition:enter-end="opacity-100 [transform:translate3d(0,0,0)]">
<div>
<div class=" col-start-2 col-span-4 p-2" x-show="showCustomize"
id="customize">
<span class="m-3"><b> :: Config Group Profile
level ::</b></span>
<ul class="mt-2 mx-5 px-5 space-y-1.5 font-inter font-medium">
<li>
<label class="inline-flex items-center space-x-2">
<input
class="form-checkbox is-basic h-4 w-4 rounded border-slate-400/70 checked:bg-primary checked:border-primary hover:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:hover:border-accent dark:focus:border-accent"
type="checkbox" />
<p>AXFL</p>
</label>
</li>
<li>
<label class="inline-flex items-center space-x-2">
<input
class="form-checkbox is-basic h-4 w-4 rounded border-slate-400/70 checked:bg-primary checked:border-primary hover:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:hover:border-accent dark:focus:border-accent"
type="checkbox" />
<p>HAHB</p>
</label>
</li>
<li>
<label class="inline-flex items-center space-x-2">
<input
class="form-checkbox is-basic h-4 w-4 rounded border-slate-400/70 checked:bg-primary checked:border-primary hover:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:hover:border-accent dark:focus:border-accent"
type="checkbox" />
<p>ASEM</p>
</label>
</li>
<li>
<label class="inline-flex items-center space-x-2">
<input
class="form-checkbox is-basic h-4 w-4 rounded border-slate-400/70 checked:bg-primary checked:border-primary hover:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:hover:border-accent dark:focus:border-accent"
type="checkbox" />
<p>AZJP</p>
</label>
</a>
</li>
</ul>
</div>
<div class=" col-start-2 col-span-4 p-2">
<span class="m-3"><b> :: Menu Control Panel > Control at group
level ::</b></span>
<ul class="mt-2 mx-5 px-5 space-y-1.5 font-inter font-medium">
<li>
<label class="inline-flex items-center space-x-2">
<input
class="form-checkbox is-basic h-4 w-4 rounded border-slate-400/70 checked:bg-primary checked:border-primary hover:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:hover:border-accent dark:focus:border-accent"
type="checkbox" />
<p>Primary</p>
</label>
<ul class="mt-2 mx-5 px-5 space-y-1.5 font-inter font-medium">
<li>
<label class="inline-flex items-center space-x-2">
<input
class="form-checkbox is-basic h-4 w-4 rounded border-slate-400/70 checked:bg-primary checked:border-primary hover:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:hover:border-accent dark:focus:border-accent"
type="checkbox" />
<p>Primary</p>
</label>
</li>
<li>
<label class="inline-flex items-center space-x-2">
<input
class="form-checkbox is-basic h-4 w-4 rounded border-slate-400/70 checked:bg-primary checked:border-primary hover:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:hover:border-accent dark:focus:border-accent"
type="checkbox" />
<p>Primary</p>
</label>
</li>
</ul>
</li>
<li>
<label class="inline-flex items-center space-x-2">
<input
class="form-checkbox is-basic h-4 w-4 rounded border-slate-400/70 checked:bg-primary checked:border-primary hover:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:hover:border-accent dark:focus:border-accent"
type="checkbox" />
<p>Primary</p>
</label>
</li>
<li>
<label class="inline-flex items-center space-x-2">
<input
class="form-checkbox is-basic h-4 w-4 rounded border-slate-400/70 checked:bg-primary checked:border-primary hover:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:hover:border-accent dark:focus:border-accent"
type="checkbox" />
<p>Primary</p>
</label>
</li>
<li>
<label class="inline-flex items-center space-x-2">
<input
class="form-checkbox is-basic h-4 w-4 rounded border-slate-400/70 checked:bg-primary checked:border-primary hover:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:hover:border-accent dark:focus:border-accent"
type="checkbox" />
<p>Primary</p>
</label>
</li>
<li>
<label class="inline-flex items-center space-x-2">
<input
class="form-checkbox is-basic h-4 w-4 rounded border-slate-400/70 checked:bg-primary checked:border-primary hover:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:hover:border-accent dark:focus:border-accent"
type="checkbox" />
<p>Primary</p>
</label>
</a>
</li>
</ul>
</div>
</div>
</div>
<div x-show="activeTab === 'tabPermission'"
x-transition:enter="transition-all duration-500 easy-in-out"
x-transition:enter-start="opacity-0 [transform:translate3d(1rem,0,0)]"
x-transition:enter-end="opacity-100 [transform:translate3d(0,0,0)]">
<div>
<div class=" col-start-2 col-span-4 p-2">
<div class="flex items-center">
<label class="w-64 mr-2">
<span>Actions Customize</span>
</label>
<span class="relative flex w-full">
<label class="inline-flex items-center space-x-2">
<input
class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
name="action_customize" type="radio" />
<p>Y</p>
</label>
<label class="inline-flex items-center space-x-2 mx-3">
<input
class="form-radio is-basic h-4 w-4 rounded-full border-slate-400/70 checked:!border-success checked:bg-success hover:!border-success focus:!border-success dark:border-navy-400"
name="action_customize" type="radio" />
<p>N</p>
</label>
</span>
</div>
<label class="inline-flex items-center space-x-2 py-4">
<input
class="form-checkbox is-basic h-4 w-4 rounded border-slate-400/70 checked:bg-primary checked:border-primary hover:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:hover:border-accent dark:focus:border-accent"
type="checkbox" />
<p>Check/Uncheck All</p>
</label>
<div class="is-scrollbar-hidden min-w-full overflow-x-auto">
<table class="w-full text-left">
<tbody x-data="{ expanded: false }">
<tr class="border-y border-transparent hover:cursor-pointer hover: "
:class="expanded ? '' : ''"
@click="expanded = !expanded">
<td class="whitespace-nowrap py-3">
<label class="inline-flex items-center space-x-2">
<input
class="form-checkbox is-basic z-40 h-4 w-4 rounded border-slate-400/70 checked:bg-primary checked:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:focus:border-accent no-hover-style"
type="checkbox" />
<p>IMPORTDECLARATIONCONTROL</p>
</label>
</td>
</tr>
<tr
class="border-y border-transparent border-b-slate-200 dark:border-b-navy-500">
<td colspan="100" class="px-5">
<div x-show="expanded" x-collapse
class="flex flex-col space-y-2">
<label
class="inline-flex items-center space-x-2 px-5">
<input
class="form-checkbox is-basic z-40 h-4 w-4 rounded border-slate-400/70 checked:bg-primary checked:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:focus:border-accent no-hover-style"
type="checkbox" />
<p>Primary</p>
</label>
<label
class="inline-flex items-center space-x-2 px-5">
<input
class="form-checkbox is-basic z-40 h-4 w-4 rounded border-slate-400/70 checked:bg-primary checked:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:focus:border-accent no-hover-style"
type="checkbox" />
<p>Primary</p>
</label>
<label
class="inline-flex items-center space-x-2 px-5">
<input
class="form-checkbox is-basic z-40 h-4 w-4 rounded border-slate-400/70 checked:bg-primary checked:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:focus:border-accent no-hover-style"
type="checkbox" />
<p>Primary</p>
</label>
</div>
</td>
</tr>
</tbody>
<tbody x-data="{ expanded: false }">
<tr class="border-y border-transparent hover:cursor-pointer"
@click="expanded = !expanded">
<td class="whitespace-nowrap py-3">
<label class="inline-flex items-center space-x-2">
<input
class="form-checkbox is-basic z-40 h-4 w-4 rounded border-slate-400/70 checked:bg-primary checked:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:focus:border-accent no-hover-style"
type="checkbox" />
<p>IMINVOICECONTROL</p>
</label>
</td>
</tr>
<tr
class="border-y border-transparent border-b-slate-200 dark:border-b-navy-500">
<td colspan="100" class="px-5">
<div x-show="expanded" x-collapse>
<label
class="inline-flex items-center space-x-2 px-5">
<input
class="form-checkbox is-basic z-40 h-4 w-4 rounded border-slate-400/70 checked:bg-primary checked:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:focus:border-accent no-hover-style"
type="checkbox" />
<p>Primary</p>
</label>
<label
class="inline-flex items-center space-x-2 px-5">
<input
class="form-checkbox is-basic z-40 h-4 w-4 rounded border-slate-400/70 checked:bg-primary checked:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:focus:border-accent no-hover-style"
type="checkbox" />
<p>Primary</p>
</label>
<label
class="inline-flex items-center space-x-2 px-5">
<input
class="form-checkbox is-basic z-40 h-4 w-4 rounded border-slate-400/70 checked:bg-primary checked:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:focus:border-accent no-hover-style"
type="checkbox" />
<p>Primary</p>
</label>
</div>
</td>
</tr>
</tbody>
<tbody x-data="{ expanded: false }">
<tr class="border-y border-transparent hover:cursor-pointer"
@click="expanded = !expanded">
<td class="whitespace-nowrap py-3">
<label class="inline-flex items-center space-x-2">
<input
class="form-checkbox is-basic z-40 h-4 w-4 rounded border-slate-400/70 checked:bg-primary checked:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:focus:border-accent no-hover-style"
type="checkbox" />
<p>IMINVOICEITEM</p>
</label>
</td>
</tr>
<tr
class="border-y border-transparent border-b-slate-200 dark:border-b-navy-500">
<td colspan="100" class="px-5">
<div x-show="expanded" x-collapse>
<label
class="inline-flex items-center space-x-2 px-5">
<input
class="form-checkbox is-basic z-40 h-4 w-4 rounded border-slate-400/70 checked:bg-primary checked:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:focus:border-accent no-hover-style"
type="checkbox" />
<p>Primary</p>
</label>
<label
class="inline-flex items-center space-x-2 px-5">
<input
class="form-checkbox is-basic z-40 h-4 w-4 rounded border-slate-400/70 checked:bg-primary checked:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:focus:border-accent no-hover-style"
type="checkbox" />
<p>Primary</p>
</label>
<label
class="inline-flex items-center space-x-2 px-5">
<input
class="form-checkbox is-basic z-40 h-4 w-4 rounded border-slate-400/70 checked:bg-primary checked:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:focus:border-accent no-hover-style"
type="checkbox" />
<p>Primary</p>
</label>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="grid grid-cols-8 justify-center space-x-2 pt-4">
<a href="{{ route('configurations.user-group') }}"
class="col-start-3 btn border border-slate-300 font-medium text-slate-800 hover:bg-slate-150 focus:bg-slate-150 active:bg-slate-150/80 dark:border-navy-450 dark:text-navy-50 dark:hover:bg-navy-500 dark:focus:bg-navy-500 dark:active:bg-navy-500/90">
Cancel
</a>
<button type="submit"
class="btn ml-3 bg-primary font-medium text-white hover:bg-primary-focus focus:bg-primary-focus active:bg-primary-focus/90 dark:bg-accent dark:hover:bg-accent-focus dark:focus:bg-accent-focus dark:active:bg-accent/90">
Save
</button>
</div>
</div>
</div>
</form>
</div>
</main>
</x-app-layout-sideblock>
<x-app-layout-sideblock title="Starter Sideblock" is-sidebar-open="true" is-header-blur="true">
<main class="main-content w-full px-[var(--margin-x)] pb-8">
<div class="flex items-center space-x-4 py-5 lg:py-6">
<ul class="hidden flex-wrap items-center space-x-2 sm:flex">
<li class="flex items-center space-x-2">
<a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
href="/">Home</a>
<svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</li>
<li> Configuration </li>
<svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
<li class="flex items-center space-x-2">
<a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
href="{{ $url }}">User Group</a>
</li>
</ul>
</div>
<div class="grid grid-cols-1 gap-4 sm:gap-5 lg:gap-6">
<div class="card pb-4">
<div class="my-3 flex h-8 items-center justify-between px-4 sm:px-5">
<h2 class="font-medium tracking-wide text-slate-700 line-clamp-1 dark:text-navy-100 lg:text-base">
User Group
</h2>
{{-- <a href="{{ $url }}/create"
class="btn min-w-[7rem] mx-4 bg-primary font-medium text-white hover:bg-primary-focus focus:bg-primary-focus active:bg-primary-focus/90 dark:bg-accent dark:hover:bg-accent-focus dark:focus:bg-accent-focus dark:active:bg-accent/90">
New
<i></i>
</a> --}}
</div>
@include('components/search-by' , ['searchBy' => $searchBy??[]])
<div class="mx-3 mt-3 px-4">
<div class="is-scrollbar-hidden min-w-full overflow-x-auto" x-data="pages.tables.initExample1">
<table class="is-hoverable w-full text-left">
<thead>
<tr>
<th
class="whitespace-nowrap rounded-tl-lg bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
Company name
</th>
<th
class="whitespace-nowrap bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
Group name
</th>
<th
class="whitespace-nowrap bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
Admin group
</th>
<th
class="whitespace-nowrap rounded-tr-lg bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
Action
</th>
</tr>
</thead>
<tbody>
@foreach ($userGroups as $userGroup)
<tr class="border-y border-transparent border-b-slate-200 dark:border-b-navy-500">
<td class="whitespace-nowrap px-4 py-3 sm:px-5">{{ $userGroup['companyname'] }}</td>
<td class="whitespace-nowrap px-4 py-3 sm:px-5">{{ $userGroup['groupname'] }}</td>
<td class="whitespace-nowrap px-4 py-3 sm:px-5">
<label class="inline-flex items-center">
<input {!! $userGroup['admingroup'] === 'Y' ? 'checked' : '' !!}
class="form-switch h-5 w-10 rounded-full bg-slate-300 before:rounded-full before:bg-slate-50 checked:bg-primary checked:before:bg-white dark:bg-navy-900 dark:before:bg-navy-300 dark:checked:bg-accent dark:checked:before:bg-white"
type="checkbox" />
</label>
</td>
<td class="whitespace-nowrap px-4 py-3 sm:px-5">
<div class="flex justify-center space-x-2">
<a href="{{ $url . '/' . $userGroup['id'] . '/edit' }}" @click="editItem"
class="btn h-8 w-8 p-0 text-info hover:bg-info/20 focus:bg-info/20 active:bg-info/25">
<i class="fa fa-edit"></i>
</a>
</div>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
{{ $userGroups->links('paginate-custom') }}
</div>
{{-- <div class="px-4">
<div x-data="pages.basicTable.initGridTable({{ $json_columns }}, {{ $json_data }}, {{ $paginate }}, '{{ $url }}', {{ json_encode($permission) }})"></div>
</div> --}}
</div>
</div>
</main>
</x-app-layout-sideblock>
<x-app-layout-sideblock title="Starter Sideblock" is-sidebar-open="true" is-header-blur="true">
<main class="main-content w-full px-[var(--margin-x)] pb-8">
<div class="flex items-center space-x-4 py-5 lg:py-6">
<ul class="hidden flex-wrap items-center space-x-2 sm:flex">
<li class="flex items-center space-x-2">
<a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
href="/">Home</a>
<svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</li>
<li> Configuration </li>
<svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
<li class="flex items-center space-x-2">
<a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
href="{{ route('configuration.user') }}">User Management</a>
<svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</li>
</ul>
</div>
<div class="grid grid-cols-1 gap-4 sm:gap-5 lg:gap-6">
<form action="{{ route('configuration.user.update', $user->id) }}" method="PUT">
@method('PUT')
@csrf
<input type="hidden" name="id" value="{{ $user->id }}">
<div class="card pb-4">
<div class="my-3 flex h-8 items-center justify-between px-4 sm:px-5">
<h2 class="font-medium tracking-wide text-slate-700 line-clamp-1 dark:text-navy-100 lg:text-base">
EDIT
</h2>
</div>
<div class="w-3/4 px-3 space-y-4 m-auto mb-4">
<div class="flex items-center">
<label class="w-32 mr-2">
<span>Username:</span>
</label>
<span class="relative flex w-full">
<input
class="form-input w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 placeholder-text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
placeholder="username" type="text" />
</span>
</div>
<div class="flex items-center">
<label class="w-32 mr-2">
<span>Password:</span>
</label>
<span class="relative flex w-full">
<input
class="form-input w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
placeholder="Your Company" type="text" />
</span>
</div>
<div class="flex items-center">
<label class="w-32 mr-2">
<span>Group:</span>
</label>
<span class="relative flex w-full">
<select
class="form-select w-2/4 rounded-lg border border-slate-300 bg-white px-3 py-2 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:bg-navy-700 dark:hover:border-navy-400 dark:focus:border-accent">
<option>Corporate event</option>
<option>Wedding</option>
<option>Birthday</option>
<option>Other</option>
</select>
</span>
</div>
<div class="flex items-center">
<label class="w-32 mr-2">
<span>Firstname:</span>
</label>
<span class="relative flex w-full">
<input
class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
placeholder="Firstname" type="text" name="name" value="{{ old('name')? old('name') : $user->name }}"/>
</span>
</div>
<div class="flex items-center">
<label class="w-32 mr-2">
<span>Lastname:</span>
</label>
<span class="relative flex w-full">
<input
class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
placeholder="Lastname" type="text" />
</span>
</div>
<div class="flex items-center">
<label class="w-32 mr-2">
<span>Phone:</span>
</label>
<span class="relative flex w-full">
<input
class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
placeholder="(999) 999-9999" type="text"
x-input-mask="{numericOnly: true, blocks: [0, 3, 3, 4], delimiters: ['(', ') ', '-']}" />
</span>
</div>
<div class="flex items-center">
<label class="w-32 mr-2">
<span>Email:</span>
</label>
<span class="relative flex w-full">
<input
class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
placeholder="Email" type="text" name="email" value="{{ old('email')? old('email') : $user->email }}" />
</span>
</div>
<div class="flex items-center">
<label class="w-32 mr-2">
<span>Approved</span>
</label>
<span class="relative flex w-full">
<input checked
class="form-switch h-5 w-10 rounded-full bg-slate-300 [--thumb-border:4px] before:rounded-full before:bg-slate-50 checked:bg-success checked:before:bg-white dark:bg-navy-900 dark:before:bg-navy-300 dark:checked:bg-accent dark:checked:before:bg-white"
type="checkbox" />
</span>
</div>
<div class="grid grid-cols-6 justify-center space-x-2 pt-4">
<a href="{{ route('configuration.user') }}"
class="col-start-2 btn min-w-[7rem] border border-slate-300 font-medium text-slate-800 hover:bg-slate-150 focus:bg-slate-150 active:bg-slate-150/80 dark:border-navy-450 dark:text-navy-50 dark:hover:bg-navy-500 dark:focus:bg-navy-500 dark:active:bg-navy-500/90">
Cancel
</a>
<button type="submit"
class="btn min-w-[7rem] bg-primary font-medium text-white hover:bg-primary-focus focus:bg-primary-focus active:bg-primary-focus/90 dark:bg-accent dark:hover:bg-accent-focus dark:focus:bg-accent-focus dark:active:bg-accent/90">
Save
</button>
</div>
</div>
</div>
</form>
</div>
</main>
</x-app-layout-sideblock>
<x-app-layout-sideblock title="Starter Sideblock" is-sidebar-open="true" is-header-blur="true">
<main class="main-content w-full px-[var(--margin-x)] pb-8">
<div class="flex items-center space-x-4 py-5 lg:py-6">
<ul class="hidden flex-wrap items-center space-x-2 sm:flex">
<li class="flex items-center space-x-2">
<a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
href="/">Home</a>
<svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</li>
<li> Configuration </li>
<svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
<li class="flex items-center space-x-2">
<a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
href="{{ route('configurations.user') }}">User Management</a>
<svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</li>
</ul>
</div>
<div class="grid grid-cols-1 gap-4 sm:gap-5 lg:gap-6">
<form action="{{ route('configurations.user.store') }}" method="POST">
@method('POST')
@csrf
<div class="card pb-4">
<div class="my-3 flex h-8 items-center justify-between px-4 sm:px-5">
<h2
class="font-medium tracking-wide text-slate-700 line-clamp-1 dark:text-navy-100 lg:text-base">
<i class="fa-solid fa-edit text-primary"></i> Create
</h2>
</div>
<div class="w-3/4 px-3 space-y-3 m-auto mb-4">
<div class="flex items-center">
<label class="w-2/12 mr-2">
<span>Username:</span>
</label>
<span class="relative flex w-full">
<input
class="form-input w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs placeholder-text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
placeholder="username" type="text" />
</span>
</div>
<div class="flex items-center">
<label class="w-2/12 mr-2">
<span>Password:</span>
</label>
<span class="relative flex w-full">
<input
class="form-input w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
placeholder="Your Password" name="password" value="{{ old('password') }}" type="text" />
</span>
</div>
<div class="flex items-center">
<label class="w-2/12 mr-2">
<span>Group:</span>
</label>
<span class="relative flex w-full">
<select
class="form-select w-2/4 rounded-lg border border-slate-300 bg-white px-3 py-2 text-xs hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:bg-navy-700 dark:hover:border-navy-400 dark:focus:border-accent">
<option>Corporate event</option>
<option>Wedding</option>
<option>Birthday</option>
<option>Other</option>
</select>
</span>
</div>
<div class="flex items-center">
<label class="w-2/12 mr-2">
<span>Firstname:</span>
</label>
<span class="relative flex w-full">
<input
class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
placeholder="Firstname" type="text" name="name"
value="{{ old('name') }}" />
</span>
</div>
<div class="flex items-center">
<label class="w-2/12 mr-2">
<span>Lastname:</span>
</label>
<span class="relative flex w-full">
<input
class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
placeholder="Lastname" type="text" />
</span>
</div>
<div class="flex items-center">
<label class="w-2/12 mr-2">
<span>Phone:</span>
</label>
<span class="relative flex w-full">
<input
class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
placeholder="(999) 999-9999" type="text"
x-input-mask="{numericOnly: true, blocks: [0, 3, 3, 4], delimiters: ['(', ') ', '-']}" />
</span>
</div>
<div class="flex items-center">
<label class="w-2/12 mr-2">
<span>Email:</span>
</label>
<span class="relative flex w-full">
<input
class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
placeholder="Email" type="text" name="email"
value="{{ old('email') }}" />
</span>
</div>
<div class="flex items-center">
<label class="w-2/12 mr-2">
<span>Approved</span>
</label>
<span class="relative flex w-full">
<input checked
class="form-switch h-5 w-10 rounded-full bg-slate-300 [--thumb-border:4px] before:rounded-full before:bg-slate-50 checked:bg-success checked:before:bg-white dark:bg-navy-900 dark:before:bg-navy-300 dark:checked:bg-accent dark:checked:before:bg-white"
type="checkbox" />
</span>
</div>
<div class="grid grid-cols-8 justify-center space-x-2 pt-4">
<a href="{{ route('configurations.user') }}"
class="col-start-3 btn border border-slate-300 font-medium text-slate-800 hover:bg-slate-150 focus:bg-slate-150 active:bg-slate-150/80 dark:border-navy-450 dark:text-navy-50 dark:hover:bg-navy-500 dark:focus:bg-navy-500 dark:active:bg-navy-500/90">
Cancel
</a>
<button type="submit"
class="btn ml-3 bg-primary font-medium text-white hover:bg-primary-focus focus:bg-primary-focus active:bg-primary-focus/90 dark:bg-accent dark:hover:bg-accent-focus dark:focus:bg-accent-focus dark:active:bg-accent/90">
Save
</button>
</div>
</div>
</div>
</form>
</div>
</main>
</x-app-layout-sideblock>
<x-app-layout-sideblock title="Starter Sideblock" is-sidebar-open="true" is-header-blur="true">
<main class="main-content w-full px-[var(--margin-x)] pb-8">
<div class="flex items-center space-x-4 py-5 lg:py-6">
<ul class="hidden flex-wrap items-center space-x-2 sm:flex">
<li class="flex items-center space-x-2">
<a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
href="/">Home</a>
<svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</li>
<li> Configuration </li>
<svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
<li class="flex items-center space-x-2">
<a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
href="{{ route('configurations.user') }}">User Management</a>
<svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</li>
</ul>
</div>
<div class="grid grid-cols-1 gap-4 sm:gap-5 lg:gap-6">
<form action="{{ route('configurations.user.update', 1) }}" method="POST">
{{-- <form action="{{ route('configurations.user.update', $user->id) }}" method="POST"> --}}
@method('PUT')
@csrf
<input type="hidden" name="id" value="{{ $user->id??'' }}">
<div class="card pb-4">
<div class="my-3 flex h-8 items-center justify-between px-4 sm:px-5">
<h2
class="font-medium tracking-wide text-slate-700 line-clamp-1 dark:text-navy-100 lg:text-base">
<i class="fa-solid fa-edit text-primary"></i> Edit
</h2>
</div>
<div class="w-3/4 px-3 space-y-3 m-auto mb-4">
<div class="flex items-center">
<label class="w-2/12 mr-2">
<span>Username:</span>
</label>
<span class="relative flex w-full">
<input
class="form-input w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs placeholder-text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
placeholder="username" type="text" value="Nbdev"/>
</span>
</div>
<div class="flex items-center">
<label class="w-2/12 mr-2">
<span>Password:</span>
</label>
<span class="relative flex w-full">
<input
class="form-input w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
placeholder="Your Password" name="password"
value="{{ old('password') ? old('password') : $user->password }}" type="password" />
</span>
</div>
<div class="flex items-center">
<label class="w-2/12 mr-2">
<span>Group:</span>
</label>
<span class="relative flex w-full">
<select
class="form-select w-2/4 rounded-lg border border-slate-300 bg-white px-3 py-2 text-xs hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:bg-navy-700 dark:hover:border-navy-400 dark:focus:border-accent">
<option>Corporate event</option>
<option>Wedding</option>
<option>Birthday</option>
<option>Other</option>
</select>
</span>
</div>
<div class="flex items-center">
<label class="w-2/12 mr-2">
<span>Firstname:</span>
</label>
<span class="relative flex w-full">
<input
class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
placeholder="Firstname" type="text" name="name"
value="{{ old('name') ? old('name') : $user->name }}" />
</span>
</div>
@if ($errors->has('name'))
<span class="text-error text-left">{{ $errors->first('name') }}</span>
@endif
<div class="flex items-center">
<label class="w-2/12 mr-2">
<span>Lastname:</span>
</label>
<span class="relative flex w-full">
<input
class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
placeholder="Lastname" type="text" value="This is lastname" />
</span>
</div>
<div class="flex items-center">
<label class="w-2/12 mr-2">
<span>Phone:</span>
</label>
<span class="relative flex w-full">
<input
class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
placeholder="(999) 999-9999" type="text"
x-input-mask="{numericOnly: true, blocks: [0, 3, 3, 4], delimiters: ['(', ') ', '-']}"
value="09-999-9999"/>
</span>
</div>
<div class="flex items-center">
<label class="w-2/12 mr-2">
<span>Email:</span>
</label>
<span class="relative flex w-full">
<input
class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 text-xs pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
placeholder="Email" type="text" name="email"
value="{{ old('email') ? old('email') : $user->email }}" />
</span>
</div>
<div class="flex items-center">
<label class="w-2/12 mr-2">
<span>Approved</span>
</label>
<span class="relative flex w-full">
<input checked
class="form-switch h-5 w-10 rounded-full bg-slate-300 [--thumb-border:4px] before:rounded-full before:bg-slate-50 checked:bg-success checked:before:bg-white dark:bg-navy-900 dark:before:bg-navy-300 dark:checked:bg-accent dark:checked:before:bg-white"
type="checkbox" />
</span>
</div>
<div class="grid grid-cols-8 justify-center space-x-2 pt-4">
<a href="{{ route('configurations.user') }}"
class="col-start-3 btn border border-slate-300 font-medium text-slate-800 hover:bg-slate-150 focus:bg-slate-150 active:bg-slate-150/80 dark:border-navy-450 dark:text-navy-50 dark:hover:bg-navy-500 dark:focus:bg-navy-500 dark:active:bg-navy-500/90">
Cancel
</a>
<button type="submit"
class="btn ml-3 bg-primary font-medium text-white hover:bg-primary-focus focus:bg-primary-focus active:bg-primary-focus/90 dark:bg-accent dark:hover:bg-accent-focus dark:focus:bg-accent-focus dark:active:bg-accent/90">
Save
</button>
</div>
</div>
</div>
</form>
</div>
</main>
</x-app-layout-sideblock>
<x-app-layout-sideblock title="Starter Sideblock" is-sidebar-open="true" is-header-blur="true">
<main class="main-content w-full px-[var(--margin-x)] pb-8">
@include('components/header-breadcrumb')
<div class="grid grid-cols-1 gap-4 sm:gap-5 lg:gap-6">
<div class="card pb-4">
<div class="my-3 flex h-8 items-center justify-between px-4 sm:px-5">
<h2 class="font-medium tracking-wide text-slate-700 line-clamp-1 dark:text-navy-100 lg:text-base">
User Management
</h2>
</div>
@include('components/search-by' , ['searchBy' => $searchBy??[]])
<div class="mx-3 mt-3 px-4">
<div class="is-scrollbar-hidden min-w-full overflow-x-auto" x-data="pages.tables.initExample1">
<table class="is-hoverable w-full text-left">
<thead>
<tr>
<th
class="whitespace-nowrap rounded-tl-lg bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
#
</th>
<th
class="whitespace-nowrap bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
Username
</th>
<th
class="whitespace-nowrap bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
Firstname
</th>
<th
class="whitespace-nowrap bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
Lastname
</th>
<th
class="whitespace-nowrap bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
Group
</th>
<th
class="whitespace-nowrap bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
Profile
</th>
<th
class="whitespace-nowrap bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
Approved
</th>
<th
class="whitespace-nowrap rounded-tr-lg bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
Action
</th>
</tr>
</thead>
<tbody>
@foreach ($users as $user)
<tr class="border-y border-transparent border-b-slate-200 dark:border-b-navy-500">
<td class="whitespace-nowrap px-4 py-3 sm:px-5">
<label class="inline-flex items-center space-x-2">
<input
class="form-checkbox is-basic h-4 w-4 rounded border-slate-400/70 checked:bg-primary checked:border-primary hover:border-primary focus:border-primary dark:bg-navy-900 dark:border-navy-500 dark:checked:bg-accent dark:checked:border-accent dark:hover:border-accent dark:focus:border-accent"
type="checkbox" value="{{ $user['id'] }}" />
</label>
</td>
<td class="whitespace-nowrap px-4 py-3 sm:px-5">{{ $user['username'] }}</td>
<td class="whitespace-nowrap px-4 py-3 sm:px-5">{{ $user['firstname'] }}</td>
<td class="whitespace-nowrap px-4 py-3 sm:px-5">{{ $user['lastname'] }}</td>
<td class="whitespace-nowrap px-4 py-3 sm:px-5">{{ $user['group'] }}</td>
<td class="whitespace-nowrap px-4 py-3 sm:px-5">{{ $user['profile'] }}</td>
<td class="whitespace-nowrap px-4 py-3 sm:px-5">
<label class="inline-flex items-center">
<input {!! $user['approved'] === 'Y' ? 'checked' : '' !!}
class="form-switch h-5 w-10 rounded-full bg-slate-300 before:rounded-full before:bg-slate-50 checked:bg-primary checked:before:bg-white dark:bg-navy-900 dark:before:bg-navy-300 dark:checked:bg-accent dark:checked:before:bg-white"
type="checkbox" />
</label>
</td>
<td class="whitespace-nowrap px-4 py-3 sm:px-5">
<div class="flex justify-center space-x-2">
<a href="{{ $url . '/' . $user['id'] . '/edit' }}" @click="editItem"
class="btn h-8 w-8 p-0 text-info hover:bg-info/20 focus:bg-info/20 active:bg-info/25">
<i class="fa fa-edit"></i>
</a>
<div x-data="{ showModal: false }">
<a @click="showModal = true"
class="btn h-8 w-8 p-0 text-error hover:bg-error/20 focus:bg-error/20 active:bg-error/25">
<i class="fa fa-trash-alt"></i>
</a>
<template x-teleport="#x-teleport-target">
<div class="fixed inset-0 z-[100] flex flex-col items-center justify-center overflow-hidden px-4 py-6 sm:px-5"
x-show="showModal" role="dialog"
@keydown.window.escape="showModal = false">
<div class="absolute inset-0 bg-slate-900/60 transition-opacity duration-300"
@click="showModal = false" x-show="showModal"
x-transition:enter="ease-out"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
x-transition:leave="ease-in"
x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0"></div>
<div class="relative p-4 max-w-lg rounded-lg bg-white px-4 py-10 text-center transition-opacity duration-300 dark:bg-navy-700 sm:px-5"
x-show="showModal" x-transition:enter="ease-out"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
x-transition:leave="ease-in"
x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0">
<svg xmlns="http://www.w3.org/2000/svg"
class="inline h-28 w-28 text-error" fill="none"
viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round"
stroke-linejoin="round" stroke-width="2"
d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z">
</path>
</svg>
<div class="mt-4 mx-5">
<h2
class="text-2xl text-slate-700 dark:text-navy-100">
Are you sure <br> you want to delete this item ?
</h2>
<p class="mt-2"></p>
<button @click="showModal = false"
class="btn mt-6 bg-[#6a6e69] font-medium text-white hover:bg-[#313430] focus:bg-[#313430]-focus active:bg-[#313430]-focus/90">Close</button>
<a href="deleteurl"
@click.prevent="showModal = false"
class="btn mt-6 bg-error font-medium text-white hover:bg-error-focus focus:bg-error-focus active:bg-error-focus/90">confirm</a>
</div>
</div>
</div>
</template>
</div>
</div>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
{{ $users->links('paginate-custom') }}
</div>
</div>
{{-- <div class="px-4">
<div x-data="pages.basicTable.initGridTable({{ $json_columns }}, {{ $users }}, {{ $paginate }}, '{{ $url }}', {{ json_encode($permission) }})"></div>
</div> --}}
</div>
</main>
</x-app-layout-sideblock>
<x-app-layout-sideblock title="Starter Sideblock" is-sidebar-open="true" is-header-blur="true">
<main class="main-content w-full px-[var(--margin-x)] pb-8">
<div class="flex items-center space-x-4 py-5 lg:py-6">
<ul class="hidden flex-wrap items-center space-x-2 sm:flex">
<li class="flex items-center space-x-2">
<a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
href="/">Home</a>
<svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</li>
<li> Configuration </li>
<svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
<li class="flex items-center space-x-2">
<a class="text-primary transition-colors hover:text-primary-focus dark:text-accent-light dark:hover:text-accent"
href="{{ route('configurations.user') }}">User Management</a>
<svg x-ignore xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" />
</svg>
</li>
</ul>
</div>
<div class="grid grid-cols-1 gap-4 sm:gap-5 lg:gap-6">
<form action="{{ route('configurations.user.update', 1) }}" method="PUT">
{{-- <form action="{{ route('configurations.user.update', $user->id) }}" method="PUT"> --}}
@method('PUT')
@csrf
<input type="hidden" name="id" value="{{ $user->id??'' }}">
<div class="card pb-4">
<div class="my-3 flex h-8 items-center justify-between px-4 sm:px-5">
<h2 class="font-medium tracking-wide text-slate-700 line-clamp-1 dark:text-navy-100 lg:text-base">
EDIT
</h2>
</div>
<div class="w-3/4 px-3 space-y-4 m-auto mb-4">
<div class="flex items-center">
<label class="w-32 mr-2">
<span>Username:</span>
</label>
<span class="relative flex w-full">
<input
class="form-input w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 placeholder-text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
placeholder="username" type="text" />
</span>
</div>
<div class="flex items-center">
<label class="w-32 mr-2">
<span>Password:</span>
</label>
<span class="relative flex w-full">
<input
class="form-input w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
placeholder="Your Company" type="text" />
</span>
</div>
<div class="flex items-center">
<label class="w-32 mr-2">
<span>Group:</span>
</label>
<span class="relative flex w-full">
<select
class="form-select w-2/4 rounded-lg border border-slate-300 bg-white px-3 py-2 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:bg-navy-700 dark:hover:border-navy-400 dark:focus:border-accent">
<option>Corporate event</option>
<option>Wedding</option>
<option>Birthday</option>
<option>Other</option>
</select>
</span>
</div>
<div class="flex items-center">
<label class="w-32 mr-2">
<span>Firstname:</span>
</label>
<span class="relative flex w-full">
<input
class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
placeholder="Firstname" type="text" name="name" value="{{ old('name')? old('name') : $user->name }}"/>
</span>
</div>
<div class="flex items-center">
<label class="w-32 mr-2">
<span>Lastname:</span>
</label>
<span class="relative flex w-full">
<input
class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
placeholder="Lastname" type="text" />
</span>
</div>
<div class="flex items-center">
<label class="w-32 mr-2">
<span>Phone:</span>
</label>
<span class="relative flex w-full">
<input
class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
placeholder="(999) 999-9999" type="text"
x-input-mask="{numericOnly: true, blocks: [0, 3, 3, 4], delimiters: ['(', ') ', '-']}" />
</span>
</div>
<div class="flex items-center">
<label class="w-32 mr-2">
<span>Email:</span>
</label>
<span class="relative flex w-full">
<input
class="form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-3 py-2 pl-4 placeholder:text-slate-400/70 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:hover:border-navy-400 dark:focus:border-accent"
placeholder="Email" type="text" name="email" value="{{ old('email')? old('email') : $user->email }}" />
</span>
</div>
<div class="flex items-center">
<label class="w-32 mr-2">
<span>Approved</span>
</label>
<span class="relative flex w-full">
<input checked
class="form-switch h-5 w-10 rounded-full bg-slate-300 [--thumb-border:4px] before:rounded-full before:bg-slate-50 checked:bg-success checked:before:bg-white dark:bg-navy-900 dark:before:bg-navy-300 dark:checked:bg-accent dark:checked:before:bg-white"
type="checkbox" />
</span>
</div>
<div class="grid grid-cols-6 justify-center space-x-2 pt-4">
<a href="{{ route('configuration.user') }}"
class="col-start-2 btn min-w-[7rem] border border-slate-300 font-medium text-slate-800 hover:bg-slate-150 focus:bg-slate-150 active:bg-slate-150/80 dark:border-navy-450 dark:text-navy-50 dark:hover:bg-navy-500 dark:focus:bg-navy-500 dark:active:bg-navy-500/90">
Cancel
</a>
<button type="submit"
class="btn min-w-[7rem] bg-primary font-medium text-white hover:bg-primary-focus focus:bg-primary-focus active:bg-primary-focus/90 dark:bg-accent dark:hover:bg-accent-focus dark:focus:bg-accent-focus dark:active:bg-accent/90">
Save
</button>
</div>
</div>
</div>
</form>
</div>
</main>
</x-app-layout-sideblock>
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<div class="card pb-4"> <div class="card pb-4">
<div class="my-3 flex h-8 items-center justify-between px-4 sm:px-5"> <div class="my-3 flex h-8 items-center justify-between px-4 sm:px-5">
<h2 class="font-medium tracking-wide text-slate-700 line-clamp-1 dark:text-navy-100 lg:text-base"> <h2 class="font-medium tracking-wide text-slate-700 line-clamp-1 dark:text-navy-100 lg:text-base">
<i class="fa-solid fa-edit text-primary"></i> Create <i aria-hidden="true" class="fa-solid fa-edit text-primary"></i> Create
</h2> </h2>
</div> </div>
<div class="w-3/4 px-3 space-y-3 m-auto mb-4"> <div class="w-3/4 px-3 space-y-3 m-auto mb-4">
......
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<div class="card pb-4"> <div class="card pb-4">
<div class="my-3 flex h-8 items-center justify-between px-4 sm:px-5"> <div class="my-3 flex h-8 items-center justify-between px-4 sm:px-5">
<h2 class="font-medium tracking-wide text-slate-700 line-clamp-1 dark:text-navy-100 lg:text-base"> <h2 class="font-medium tracking-wide text-slate-700 line-clamp-1 dark:text-navy-100 lg:text-base">
<i class="fa-solid fa-edit text-primary"></i> Edit <i aria-hidden="true" class="fa-solid fa-edit text-primary"></i> Edit
</h2> </h2>
</div> </div>
......
...@@ -49,7 +49,7 @@ ...@@ -49,7 +49,7 @@
<div class="flex "> <div class="flex ">
<div class="px-1 ml-5"> <div class="px-1 ml-5">
<button type="button" class="py-2 px-3 bg-primary rounded-md text-white hover:bg-primary-focus" <button type="button" class="py-2 px-3 bg-primary rounded-md text-white hover:bg-primary-focus"
wire:click="showCompanyCreateForm"><i aria-hidden="true" class="fa fa-add fa-solid"></i>Add</button> wire:click="showCompanyCreateForm"><i aria-hidden="true" aria-hidden="true" class="fa fa-add fa-solid"></i>Add</button>
</div> </div>
<div class=" ml-1"> <div class=" ml-1">
<a @click.prevent="if (selectedCompaniesAlpine.length > 0) { showDeleteListModal = true; } else { showAlert = true;}" <a @click.prevent="if (selectedCompaniesAlpine.length > 0) { showDeleteListModal = true; } else { showAlert = true;}"
...@@ -103,23 +103,23 @@ ...@@ -103,23 +103,23 @@
<table class="is-hoverable w-full text-left"> <table class="is-hoverable w-full text-left">
<thead> <thead>
<tr> <tr>
<th <th scope="col"
class="whitespace-nowrap rounded-tl-lg bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5"> class="whitespace-nowrap rounded-tl-lg bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
# #
</th> </th>
<th <th scope="col"
class="whitespace-nowrap bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5"> class="whitespace-nowrap bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
Tax:Branch Tax:Branch
</th> </th>
<th <th scope="col"
class="whitespace-nowrap bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5"> class="whitespace-nowrap bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
Thai name Thai name
</th> </th>
<th <th scope="col"
class="whitespace-nowrap bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5"> class="whitespace-nowrap bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
English name English name
</th> </th>
<th <th scope="col"
class="whitespace-nowrap text-center rounded-tr-lg bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5"> class="whitespace-nowrap text-center rounded-tr-lg bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
Action Action
</th> </th>
...@@ -145,12 +145,12 @@ ...@@ -145,12 +145,12 @@
<div class="flex justify-center space-x-1"> <div class="flex justify-center space-x-1">
<a wire:click="showCompanyEditForm({{ $company->id }})" <a wire:click="showCompanyEditForm({{ $company->id }})"
class="btn h-8 w-8 p-0 hover:bg-info/20 focus:bg-info/20 active:bg-info/25"> class="btn h-8 w-8 p-0 hover:bg-info/20 focus:bg-info/20 active:bg-info/25">
<i class="fa fa-edit"></i> <i aria-hidden="true" class="fa fa-edit"></i>
</a> </a>
<div> <div>
<a @click="$wire.emit('showDeleteModal', {{ $company->id }})" <a @click="$wire.emit('showDeleteModal', {{ $company->id }})"
class="btn h-8 w-8 p-0 hover:text-white focus:text-white active:bg-error/25"> class="btn h-8 w-8 p-0 hover:text-white focus:text-white active:bg-error/25">
<i class="fa fa-trash-alt"></i> <i aria-hidden="true" class="fa fa-trash-alt"></i>
</a> </a>
</div> </div>
</div> </div>
......
...@@ -88,19 +88,19 @@ ...@@ -88,19 +88,19 @@
<table class="is-hoverable table w-full text-left"> <table class="is-hoverable table w-full text-left">
<thead> <thead>
<tr> <tr>
<th class="whitespace-nowrap rounded-tl-lg bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5"> <th scope="col" class="whitespace-nowrap rounded-tl-lg bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
ISO Code ISO Code
</th> </th>
<th class="whitespace-nowrap bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2"> <th scope="col" class="whitespace-nowrap bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2">
Port Name Port Name
</th> </th>
<th class="whitespace-nowrap bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2"> <th scope="col" class="whitespace-nowrap bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2">
Country Code Country Code
</th> </th>
<th class="whitespace-nowrap bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2"> <th scope="col" class="whitespace-nowrap bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2">
Flag Status Flag Status
</th> </th>
<th class="whitespace-nowrap bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2"> <th scope="col" class="whitespace-nowrap bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2">
Last Update Last Update
</th> </th>
</tr> </tr>
......
...@@ -92,35 +92,35 @@ ...@@ -92,35 +92,35 @@
<table class="is-hoverable table w-full text-left"> <table class="is-hoverable table w-full text-left">
<thead> <thead>
<tr> <tr>
<th <th scope="col"
class="whitespace-nowrap rounded-tl-lg bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5"> class="whitespace-nowrap rounded-tl-lg bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
# #
</th> </th>
<th <th scope="col"
class="whitespace-nowrap bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2"> class="whitespace-nowrap bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2">
Currency Currency
</th> </th>
<th <th scope="col"
class="whitespace-nowrap bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2"> class="whitespace-nowrap bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2">
Expired date Expired date
</th> </th>
<th <th scope="col"
class="whitespace-nowrap bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2"> class="whitespace-nowrap bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2">
Finish date Finish date
</th> </th>
<th <th scope="col"
class="whitespace-nowrap bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2"> class="whitespace-nowrap bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2">
Rate Rate
</th> </th>
<th <th scope="col"
class="whitespace-nowrap bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2"> class="whitespace-nowrap bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2">
Baht Baht
</th> </th>
<th <th scope="col"
class="whitespace-nowrap bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2"> class="whitespace-nowrap bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2">
Export Baht Export Baht
</th> </th>
<th <th scope="col"
class="whitespace-nowrap rounded-tr-lg bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2"> class="whitespace-nowrap rounded-tr-lg bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2">
Action Action
</th> </th>
...@@ -147,11 +147,11 @@ ...@@ -147,11 +147,11 @@
<div class="flex justify-center space-x-2"> <div class="flex justify-center space-x-2">
<a wire:click="showexchangerateEditForm('{{ $exc->currency }}', '{{ $exc->exdate }}')" <a wire:click="showexchangerateEditForm('{{ $exc->currency }}', '{{ $exc->exdate }}')"
class="btn h-8 w-8 p-0 text-info hover:bg-info/20 focus:bg-info/20 active:bg-info/25"> class="btn h-8 w-8 p-0 text-info hover:bg-info/20 focus:bg-info/20 active:bg-info/25">
<i class="fa fa-edit"></i> <i aria-hidden="true" class="fa fa-edit"></i>
</a> </a>
<a onclick="confirmDelete2('{{ $exc->currency }}', '{{ $exc->exdate }}')" <a onclick="confirmDelete2('{{ $exc->currency }}', '{{ $exc->exdate }}')"
class="btn h-8 w-8 p-0 text-danger hover:bg-danger/20 focus:bg-danger/20 active:bg-danger/25"> class="btn h-8 w-8 p-0 text-danger hover:bg-danger/20 focus:bg-danger/20 active:bg-danger/25">
<i class="fa fa-trash"></i> <i aria-hidden="true" class="fa fa-trash"></i>
</a> </a>
</div> </div>
</td> </td>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment