Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
Sarun Mungthanya
SpnPatch-Laravel
Commits
5bad2db9
Commit
5bad2db9
authored
Jun 21, 2024
by
Sarun Mungthanya
Browse files
add configuration
parent
fb8995ec
Changes
69
Hide whitespace changes
Inline
Side-by-side
resources/views/configurations/company-types/create.blade.php
0 → 100644
View file @
5bad2db9
<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($route) }}"
>
CompanyType 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($route . '.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-5 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=
""
type=
"text"
/>
</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=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
Show All User
</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=
"show_all_user"
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=
"show_all_user"
type=
"radio"
/>
<p>
N
</p>
</label>
</span>
</div>
<div
class=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
Create All User
</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=
"create_all_user"
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=
"create_all_user"
type=
"radio"
/>
<p>
N
</p>
</label>
</span>
</div>
<div
class=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
Register
</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=
"register"
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=
"register"
type=
"radio"
/>
<p>
N
</p>
</label>
</span>
</div>
<div
class=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
Create Company
</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=
"create_company"
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=
"create_company"
type=
"radio"
/>
<p>
N
</p>
</label>
</span>
</div>
<div
class=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
Show All 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=
"show_all_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=
"show_all_group"
type=
"radio"
/>
<p>
N
</p>
</label>
</span>
</div>
<div
class=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
Show All Shipment
</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=
"show_all_shipment"
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=
"show_all_shipment"
type=
"radio"
/>
<p>
N
</p>
</label>
</span>
</div>
<div
class=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
Assign Role to Company:
</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>
Test1
</option>
<option>
Test2
</option>
<option>
Test3
</option>
</select>
</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>
resources/views/configurations/company-types/edit.blade.php
0 → 100644
View file @
5bad2db9
<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($route) }}"
>
CompanyType
</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($route.'.update', $companyType['id']) }}"
method=
"POST"
>
@method('PUT')
@csrf
<input
type=
"hidden"
name=
"id"
value=
"{{ $companyType['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-5 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=
""
type=
"text"
value=
"{{ $companyType['name'] }}"
/>
</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=
"3"
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"
>
{{ $companyType['description'] }}
</textarea>
</span>
</div>
<div
class=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
Show All User
</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=
"show_all_user"
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=
"show_all_user"
type=
"radio"
/>
<p>
N
</p>
</label>
</span>
</div>
<div
class=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
Create All User
</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=
"create_all_user"
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=
"create_all_user"
type=
"radio"
/>
<p>
N
</p>
</label>
</span>
</div>
<div
class=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
Register
</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=
"register"
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=
"register"
type=
"radio"
/>
<p>
N
</p>
</label>
</span>
</div>
<div
class=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
Create Company
</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=
"create_company"
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=
"create_company"
type=
"radio"
/>
<p>
N
</p>
</label>
</span>
</div>
<div
class=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
Show All 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=
"show_all_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=
"show_all_group"
type=
"radio"
/>
<p>
N
</p>
</label>
</span>
</div>
<div
class=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
Show All Shipment
</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=
"show_all_shipment"
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=
"show_all_shipment"
type=
"radio"
/>
<p>
N
</p>
</label>
</span>
</div>
<div
class=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
Assign Role to Company:
</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>
Test1
</option>
<option>
Test2
</option>
<option>
Test3
</option>
</select>
</span>
</div>
<div
x-data=
"{ activeTab: 'tabProfileAndMenu' }"
class=
"tabs flex flex-col mt-4 rounded-lg border-2"
>
<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"
>
<span
class=
"m-3"
><b>
:: Menu Control Panel > Control at company type 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>
</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>
resources/views/configurations/company-types/index.blade.php
0 → 100644
View file @
5bad2db9
<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($route) }}"
>
CompanyType
</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"
>
CompanyType
</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"
>
TYPEID
</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"
>
Description
</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 ($companyTypes as $companyType)
<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=
"{{ $companyType['id'] }}"
/>
</label>
</td>
<td
class=
"whitespace-nowrap px-4 py-3 sm:px-5"
>
{{ $companyType['typeId'] }}
</td>
<td
class=
"whitespace-nowrap px-4 py-3 sm:px-5"
>
{{ $companyType['name'] }}
</td>
<td
class=
"whitespace-nowrap px-4 py-3 sm:px-5"
>
{{ $companyType['description'] }}
</td>
<td
class=
"whitespace-nowrap px-4 py-3 sm:px-5"
>
<div
class=
"flex justify-center space-x-2"
>
<a
href=
"{{ $url . '/' . $companyType['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>
{{ $companyTypes->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>
resources/views/configurations/company-types/show.blade.php
0 → 100644
View file @
5bad2db9
<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', $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>
resources/views/configurations/config-options/config-option.blade.php
0 → 100644
View file @
5bad2db9
<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>
Config Option
</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-5"
>
<div
x-data=
"{activeTab:'tabTransport'}"
class=
"tabs flex flex-col"
>
<div
class=
"is-scrollbar-hidden overflow-x-auto"
>
<div
class=
"border-b-2 border-slate-150 dark:border-navy-500"
>
<div
class=
"tabs-list -mb-0.5 flex"
>
<button
@
click=
"activeTab = 'tabTransport'"
:class=
"activeTab === 'tabTransport' ? 'border-primary dark:border-accent text-primary dark:text-accent-light' : 'border-transparent hover:text-slate-800 focus:text-slate-800 dark:hover:text-navy-100 dark:focus:text-navy-100'"
class=
"btn shrink-0 space-x-2 rounded-none border-b-2 px-3 py-2 font-medium"
>
<!-- <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="1.5"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
/>
</svg> -->
<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=
"M8.25 18.75a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m3 0h6m-9 0H3.375a1.125 1.125 0 01-1.125-1.125V14.25m17.25 4.5a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m3 0h1.125c.621 0 1.129-.504 1.09-1.124a17.902 17.902 0 00-3.213-9.193 2.056 2.056 0 00-1.58-.86H14.25M16.5 18.75h-2.25m0-11.177v-.958c0-.568-.422-1.048-.987-1.106a48.554 48.554 0 00-10.026 0 1.106 1.106 0 00-.987 1.106v7.635m12-6.677v6.677m0 4.5v-4.5m0 0h-12"
/>
</svg>
<span>
Transport Mode
</span>
</button>
<button
@
click=
"activeTab = 'tabPage'"
:class=
"activeTab === 'tabPage' ? 'border-primary dark:border-accent text-primary dark:text-accent-light' : 'border-transparent hover:text-slate-800 focus:text-slate-800 dark:hover:text-navy-100 dark:focus:text-navy-100'"
class=
"btn shrink-0 space-x-2 rounded-none border-b-2 px-3 py-2 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>
Page
</span>
</button>
<button
@
click=
"activeTab = 'tabFields'"
:class=
"activeTab === 'tabFields' ? 'border-primary dark:border-accent text-primary dark:text-accent-light' : 'border-transparent hover:text-slate-800 focus:text-slate-800 dark:hover:text-navy-100 dark:focus:text-navy-100'"
class=
"btn shrink-0 space-x-2 rounded-none border-b-2 px-3 py-2 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=
"M2.25 7.125C2.25 6.504 2.754 6 3.375 6h6c.621 0 1.125.504 1.125 1.125v3.75c0 .621-.504 1.125-1.125 1.125h-6a1.125 1.125 0 01-1.125-1.125v-3.75zM14.25 8.625c0-.621.504-1.125 1.125-1.125h5.25c.621 0 1.125.504 1.125 1.125v8.25c0 .621-.504 1.125-1.125 1.125h-5.25a1.125 1.125 0 01-1.125-1.125v-8.25zM3.75 16.125c0-.621.504-1.125 1.125-1.125h5.25c.621 0 1.125.504 1.125 1.125v2.25c0 .621-.504 1.125-1.125 1.125h-5.25a1.125 1.125 0 01-1.125-1.125v-2.25z"
/>
</svg>
<span>
Fields Mandatory
</span>
</button>
</div>
</div>
</div>
<div
class=
"tab-content pt-4"
>
<div
x-show=
"activeTab === 'tabTransport'"
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>
<fieldset
class=
"border border-solid border-gray-300 p-3"
>
<legend
class=
"text-sm"
>
Transport Mode Configuration
</legend>
<label
class=
"inline-flex items-center space-x-2"
>
<input
checked
class=
"form-radio is-basic h-5 w-5 rounded-full border-slate-400/70 bg-slate-100 checked:border-slate-500 checked:bg-slate-500 hover:border-slate-500 focus:border-slate-500 dark:border-navy-500 dark:bg-navy-900 dark:checked:border-navy-400 dark:checked:bg-navy-400"
name=
"transportMode"
type=
"radio"
/>
<p
class=
"text-sm"
>
ทางเครื่องบิน
</p>
</label><br>
<label
class=
"inline-flex items-center space-x-2"
>
<input
checked
class=
"form-radio is-basic h-5 w-5 rounded-full border-slate-400/70 bg-slate-100 checked:border-slate-500 checked:bg-slate-500 hover:border-slate-500 focus:border-slate-500 dark:border-navy-500 dark:bg-navy-900 dark:checked:border-navy-400 dark:checked:bg-navy-400"
name=
"transportMode"
type=
"radio"
/>
<p
class=
"text-sm"
>
ทางรถยนต์
</p>
</label>
<br><br>
<button
class=
"btn h-8 w-1/12 ml-auto rounded space-x-1 bg-primary px-3 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 class="grid grid-cols-1 gap-4 sm:grid-cols-12">
<label class="block sm:col-span-11">
</label>
<label class="block sm:col-span-1">
<div class="flex justify-start space-x-1 pt-3 ">
<button class="btn h-8 w-full rounded-md space-x-2 bg-primary px-3 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">
<span>Save</span>
</button>
</div>
</label>
</div> -->
</fieldset>
</div>
</div>
<div
x-show=
"activeTab === 'tabPage'"
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>
<fieldset
class=
"border border-solid border-gray-300 p-3"
>
<legend
class=
"text-sm"
>
Page Configuration
</legend>
<div
class=
"grid grid-cols-1 gap-4 sm:grid-cols-12"
>
<label
class=
"block sm:col-span-3 pt-2"
>
<p
class=
"text-sm text-right"
>
Show list Pre-Arrival (IMPORT)
 
:
</p>
</label>
<label
class=
"block sm:col-span-2"
>
<select
class=
"form-select mt-1.5 w-full rounded-lg border border-slate-300 bg-white px-3 top-0 hover:border-slate-400 focus:border-primary dark:border-navy-450 dark:bg-navy-700 dark:hover:border-navy-400 dark:focus:border-accent"
>
@for ($i = 0; $i
<
count
($
defaultPagination
);
$
i
++)
<
option
value=
"{{$defaultPagination[$i]}}"
><span
class=
"text-xs"
>
{{$defaultPagination[$i]}}
</span></option>
@endfor
</select>
</select>
</label>
<label
class=
"block sm:col-span-7"
>
</label>
</div>
<br>
<button
class=
"btn h-8 w-1/12 ml-auto rounded space-x-1 bg-primary px-3 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>
</fieldset>
</div>
</div>
<div
x-show=
"activeTab === 'tabFields'"
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>
<fieldset
class=
"border border-solid border-gray-300 p-3"
>
<legend
class=
"text-sm"
>
Check Invalid Fields Mandatory Configuration
</legend>
<label
class=
"inline-flex items-center space-x-2"
>
<input
checked
class=
"form-radio is-basic h-5 w-5 rounded-full border-slate-400/70 bg-slate-100 checked:border-slate-500 checked:bg-slate-500 hover:border-slate-500 focus:border-slate-500 dark:border-navy-500 dark:bg-navy-900 dark:checked:border-navy-400 dark:checked:bg-navy-400"
name=
"checkmandatory"
type=
"radio"
/>
<p
class=
"text-sm"
>
ตรวจสอบค่าว่างฟิลด์ Mandatory
</p>
</label><br>
<label
class=
"inline-flex items-center space-x-2"
>
<input
checked
class=
"form-radio is-basic h-5 w-5 rounded-full border-slate-400/70 bg-slate-100 checked:border-slate-500 checked:bg-slate-500 hover:border-slate-500 focus:border-slate-500 dark:border-navy-500 dark:bg-navy-900 dark:checked:border-navy-400 dark:checked:bg-navy-400"
name=
"checkmandatory"
type=
"radio"
/>
<p
class=
"text-sm"
>
ไม่ตรวจสอบค่าว่างฟิลด์ Mandatory
</p>
</label>
<div
x-data=
"{expandedItem:null}"
class=
"flex flex-col"
>
<div
x-data=
"accordionItem('item-1')"
>
<div
@
click=
"expanded = !expanded"
class=
"flex cursor-pointer items-center justify-between py-4 text-base font-medium text-slate-700 dark:text-navy-100"
>
<p
class=
"text-sm text-gray-500 "
>
-- Show Fields Mandatory --
</p>
<div
:class=
"expanded && '-rotate-180'"
class=
"text-sm font-normal leading-none text-slate-400 transition-transform duration-300 dark:text-navy-300"
>
<i
class=
"fas fa-chevron-down"
></i>
</div>
</div>
<div
x-collapse
x-show=
"expanded"
>
<div>
<div
id=
"bl-mandatory"
style=
"display: block;"
>
<hr>
<table
width=
"90%"
style=
"color: #908f8fee;"
>
<tbody>
<tr>
<td>
Vessel No.
</td>
<td>
Arrival Date - Time
</td>
<td>
Discharge Port
</td>
<td>
Mode of Transport
</td>
<td>
MAWB
</td>
</tr>
<tr>
<td>
Category
</td>
<td>
Gross Weight
</td>
<td>
Gross Weight Unit
</td>
<td>
HAWB
</td>
<td>
Package
</td>
</tr>
<tr>
<td>
Package Unit
</td>
<td>
Shipper Name
</td>
<td>
Shipper Street and Address
</td>
<td>
Shipper Post Code
</td>
<td>
Shipper Country
</td>
</tr>
<tr>
<td>
Consignee Name
</td>
<td>
Consignee Street and Address
</td>
<td>
Consignee Post Code
</td>
<td>
Consignee Country
</td>
<td>
English Description of Goods
</td>
</tr>
<tr>
<td>
Shipping Mark
</td>
<td>
CIF
</td>
<td>
Exchange Rate
</td>
<td>
FOB Currency Code
</td>
<td>
FOB Value Foreign
</td>
</tr>
<tr>
<td>
Freight
</td>
<td>
Freight Currency Code
</td>
<td>
Insurance
</td>
<td>
Insurance Currency Code
</td>
<td>
Consignment country
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<br>
<button
class=
"btn h-8 w-1/12 ml-auto rounded space-x-1 bg-primary px-3 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>
</fieldset>
</div>
</div>
</div>
</div>
<!-- <div class=" font-medium text-slate-800 dark:text-navy-50 ">
<br>
</div><br>
<div class="font-medium text-slate-800 dark:text-navy-50 ">
</div><br>
<div class="font-medium text-slate-800 dark:text-navy-50 ">
</div> -->
</div>
</div>
</div>
</main>
</x-app-layout-sideblock>
\ No newline at end of file
resources/views/configurations/consignees/create.blade.php
0 → 100644
View file @
5bad2db9
<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($route) }}"
>
Consignee List
</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($route.'.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-2 m-auto mb-4"
>
<div
class=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
Consignee Code :
</span>
</label>
<span
class=
"relative flex w-10/12"
>
<input
class=
"form-input w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 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=
""
type=
"text"
name=
"CSN_CODE"
value=
""
/>
</span>
</div>
<div
class=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
Consignee Name:
</span>
</label>
<span
class=
"relative flex w-10/12"
>
<input
class=
"form-input w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 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=
""
name=
"CSN_NAME"
value=
""
type=
"text"
/>
</span>
</div>
<div
class=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
Company Tax No.:
</span>
</label>
<span
class=
"relative flex w-10/12"
>
<input
class=
"form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 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=
""
type=
"text"
value=
""
/>
</span>
</div>
<div
class=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
Branch:
</span>
</label>
<span
class=
"relative flex w-10/12"
>
<input
class=
"form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 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=
""
type=
"text"
value=
""
/>
</span>
</div>
<div
class=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
Street and Address:
</span>
</label>
<span
class=
"relative flex w-10/12"
>
<textarea
rows=
"2"
placeholder=
" Enter Text"
class=
"form-textarea w-6/12 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>
District:
</span>
</label>
<span
class=
"relative flex w-10/12"
>
<input
class=
"form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 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=
""
type=
"text"
value=
""
/>
</span>
</div>
<div
class=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
Sub province:
</span>
</label>
<span
class=
"relative flex w-10/12"
>
<input
class=
"form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 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=
""
type=
"text"
value=
""
/>
</span>
</div>
<div
class=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
Province:
</span>
</label>
<span
class=
"relative flex w-10/12"
>
<input
class=
"form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 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=
""
type=
"text"
value=
""
/>
</span>
</div>
<div
class=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
Post Code:
</span>
</label>
<span
class=
"relative flex w-10/12"
>
<input
class=
"form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 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=
""
type=
"text"
value=
""
/>
</span>
</div>
<div
class=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
Country:
</span>
</label>
<span
class=
"relative flex w-10/12"
>
<input
class=
"form-input peer w-1/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 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=
""
type=
"text"
value=
""
/>
<button
x-ref=
"popperRef"
@
click=
"isShowPopper = !isShowPopper"
class=
"btn bg-slate-150 my-0.5 -mr-1 h-6 w-6 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-2 w-2"
fill=
"none"
viewBox=
"0 0 24 24"
stroke=
"currentColor"
stroke-width=
"2"
>
<path
stroke-linecap=
"round"
stroke-linejoin=
"round"
d=
"M5 12h.01M12 12h.01M19 12h.01M6 12a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0z"
></path>
</svg>
</button>
</span>
</div>
<div
class=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
Contact Name:
</span>
</label>
<span
class=
"relative flex w-10/12"
>
<input
class=
"form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 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=
""
type=
"text"
value=
""
/>
</span>
</div>
<div
class=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
Phone:
</span>
</label>
<span
class=
"relative flex w-10/12"
>
<input
class=
"form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 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=
""
type=
"text"
value=
""
/>
</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>
resources/views/configurations/consignees/edit.blade.php
0 → 100644
View file @
5bad2db9
<x-app-layout-sideblock
title=
"Starter Sideblock"
is-sidebar-open=
"true"
is-header-blur=
"true"
>
<main
class=
"main-content w-10/12 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($route) }}"
>
Consignee List
</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($route.'.update', $consignee['id']) }}"
method=
"POST"
>
@method('PUT')
@csrf
<input
type=
"hidden"
name=
"id"
value=
"{{ $consignee['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-1 space-y-2 m-auto mb-4"
>
<div
class=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
Consignee Code :
</span>
</label>
<span
class=
"relative flex w-10/12"
>
<input
class=
"form-input w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 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=
""
type=
"text"
name=
"CSN_CODE"
value=
"{{$consignee['CSN_CODE']}}"
/>
</span>
</div>
<div
class=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
Consignee Name:
</span>
</label>
<span
class=
"relative flex w-10/12"
>
<input
class=
"form-input w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 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=
""
name=
"CSN_NAME"
value=
"{{$consignee['CSN_NAME']}}"
type=
"text"
/>
</span>
</div>
<div
class=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
Company Tax No.:
</span>
</label>
<span
class=
"relative flex w-10/12"
>
<input
class=
"form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 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=
""
type=
"text"
value=
"{{$consignee['CSN_TAXID']}}"
/>
</span>
</div>
<div
class=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
Branch:
</span>
</label>
<span
class=
"relative flex w-10/12"
>
<input
class=
"form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 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=
""
type=
"text"
value=
"{{$consignee['CSN_BRANCH']}}"
/>
</span>
</div>
<div
class=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
Street and Address:
</span>
</label>
<span
class=
"relative flex w-10/12"
>
<textarea
rows=
"2"
placeholder=
" Enter Text"
class=
"form-textarea w-6/12 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"
>
{{$consignee['CSN_ADDR']}}
</textarea>
</span>
</div>
<div
class=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
District:
</span>
</label>
<span
class=
"relative flex w-10/12"
>
<input
class=
"form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 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=
""
type=
"text"
value=
"{{$consignee['CSN_DISTRICT']}}"
/>
</span>
</div>
<div
class=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
Sub province:
</span>
</label>
<span
class=
"relative flex w-10/12"
>
<input
class=
"form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 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=
""
type=
"text"
value=
"{{$consignee['CSN_SUBPROVINCE']}}"
/>
</span>
</div>
<div
class=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
Province:
</span>
</label>
<span
class=
"relative flex w-10/12"
>
<input
class=
"form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 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=
""
type=
"text"
value=
"{{$consignee['CSN_PROVINCE']}}"
/>
</span>
</div>
<div
class=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
Post Code:
</span>
</label>
<span
class=
"relative flex w-10/12"
>
<input
class=
"form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 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=
""
type=
"text"
value=
"{{$consignee['CSN_POSTCODE']}}"
/>
</span>
</div>
<div
class=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
Country:
</span>
</label>
<span
class=
"relative flex w-10/12"
>
<input
class=
"form-input peer w-1/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 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=
""
type=
"text"
value=
"{{$consignee['CSN_COUNTRY']}}"
/>
<label
x-data=
"{ showModal: false }"
>
<a
@
click=
"showModal = true"
class=
"btn bg-slate-150 my-0.5 -mr-1 h-6 w-6 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-2 w-2"
fill=
"none"
viewBox=
"0 0 24 24"
stroke=
"currentColor"
stroke-width=
"2"
>
<path
stroke-linecap=
"round"
stroke-linejoin=
"round"
d=
"M5 12h.01M12 12h.01M19 12h.01M6 12a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0zm7 0a1 1 0 11-2 0 1 1 0 012 0z"
></path>
</svg>
</a>
<template
x-teleport=
"#x-teleport-target"
>
<!-- relative w-9/12 rounded-lg flex overflow-y-auto flex-col bg-white px-4 py-10 text-center transition-opacity duration-300 dark:bg-navy-700 sm:px-5" -->
<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 w-8/12 rounded-lg flex overflow-y-auto flex-col bg-white transition-all duration-300 dark:bg-navy-700"
x-show=
"showModal"
x-transition:enter=
"easy-out"
x-transition:enter-start=
"opacity-0 scale-95"
x-transition:enter-end=
"opacity-100 scale-100"
x-transition:leave=
"easy-in"
x-transition:leave-start=
"opacity-100 scale-100"
x-transition:leave-end=
"opacity-0 scale-95"
>
@include('configurations.consignees.show')
</div>
</div>
</template>
</label>
</span>
</div>
<div
class=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
Contact Name:
</span>
</label>
<span
class=
"relative flex w-10/12"
>
<input
class=
"form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 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=
""
type=
"text"
value=
"{{$consignee['CSN_EMAIL']}}"
/>
</span>
</div>
<div
class=
"flex items-center"
>
<label
class=
"w-2/12 mr-2"
>
<span>
Phone:
</span>
</label>
<span
class=
"relative flex w-10/12"
>
<input
class=
"form-input peer w-2/4 rounded-lg border border-slate-300 bg-transparent px-1 py-1 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=
""
type=
"text"
value=
"{{$consignee['CSN_PHONE']}}"
/>
</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>
\ No newline at end of file
resources/views/configurations/consignees/index.blade.php
0 → 100644
View file @
5bad2db9
<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($route) }}"
>
Consignee List
</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"
>
<h3
class=
"font-medium tracking-wide text-slate-700 line-clamp-1 dark:text-navy-100 lg:text-base"
>
Consignee List
</h3>
{{--
<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"
>
Consignee 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"
>
Consignee 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"
>
Contact 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"
>
Contact Tax No
</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"
>
Branch
</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 ($consignee as $consigneedata)
<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 bg-slate-100 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=
"{{ $consigneedata['id'] }}"
/>
</label>
</td>
<td
class=
"whitespace-nowrap px-4 py-3 sm:px-5"
>
{{ $consigneedata['CSN_CODE'] }}
</td>
<td
class=
"whitespace-nowrap px-4 py-3 sm:px-5"
>
{{ $consigneedata['CSN_NAME'] }}
</td>
<td
class=
"whitespace-nowrap px-4 py-3 sm:px-5"
>
{{ $consigneedata['CSN_EMAIL'] }}
</td>
<td
class=
"whitespace-nowrap px-4 py-3 sm:px-5"
>
{{ $consigneedata['CSN_TAXID'] }}
</td>
<td
class=
"whitespace-nowrap px-4 py-3 sm:px-5"
>
{{ $consigneedata['CSN_BRANCH'] }}
</td>
<td
class=
"whitespace-nowrap px-4 py-3 sm:px-5"
>
<div
class=
"flex justify-center space-x-2"
>
<a
href=
"{{ $url.'/'.$consigneedata['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>
{{ $consignee->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>
resources/views/configurations/consignees/show.blade.php
0 → 100644
View file @
5bad2db9
<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
resources/views/configurations/currency-codes/currency-code.blade.php
0 → 100644
View file @
5bad2db9
<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
resources/views/configurations/exchange-rates/exchange-rate.blade.php
0 → 100644
View file @
5bad2db9
<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
resources/views/configurations/menues/create.blade.php
0 → 100644
View file @
5bad2db9
<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>
resources/views/configurations/menues/edit.blade.php
0 → 100644
View file @
5bad2db9
<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>
resources/views/configurations/menues/index.blade.php
0 → 100644
View file @
5bad2db9
<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>
resources/views/configurations/menues/show.blade.php
0 → 100644
View file @
5bad2db9
<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>
resources/views/configurations/user-groups/create.blade.php
0 → 100644
View file @
5bad2db9
<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>
resources/views/configurations/user-groups/edit.blade.php
0 → 100644
View file @
5bad2db9
<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>
resources/views/configurations/user-groups/index.blade.php
0 → 100644
View file @
5bad2db9
<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>
resources/views/configurations/user-groups/show.blade.php
0 → 100644
View file @
5bad2db9
<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>
resources/views/configurations/users/create.blade.php
0 → 100644
View file @
5bad2db9
<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>
Prev
1
2
3
4
Next
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment
