Skip to content

GitLab

Commit 4e4fec73 authored by Sarun Mungthanya's avatar Sarun Mungthanya
Browse files

update view exchangerate & discharge port

parent 2c393a9d
Hide whitespace changes
Inline Side-by-side
app/Http/Controllers/ExchangeRateController.php
View file @ 4e4fec73
......@@ -11,4 +11,10 @@ class ExchangeRateController extends Controller
$currentContent = 'ExchangeRate';
return view('home' ,compact('menu', 'currentContent'));
}
public function creatPatch() {
$menu = 'PatchExchangeRate';
$currentContent = 'PatchExchangeRate';
return view('home' ,compact('menu', 'currentContent'));
}
}
app/Http/Livewire/Pages/Dischargeport/DischargeportUpload.php
View file @ 4e4fec73
......@@ -13,7 +13,17 @@ class DischargeportUpload extends Component
use WithFileUploads;
public $file;
public $fileUploaded = false;
// public function startUpload()
// {
// $this->fileUploaded = true;
// }
public function removeFile()
{
$this->file = null;
$this->fileUploaded = false;
}
public function uploadFile()
{
$this->validate([
......
bootstrap/cache/packages.php
View file @ 4e4fec73
......@@ -13,6 +13,17 @@
0 => 'Laravel\\Sanctum\\SanctumServiceProvider',
),
),
'laravel/socialite' =>
array (
'providers' =>
array (
0 => 'Laravel\\Socialite\\SocialiteServiceProvider',
),
'aliases' =>
array (
'Socialite' => 'Laravel\\Socialite\\Facades\\Socialite',
),
),
'laravel/telescope' =>
array (
'providers' =>
......
bootstrap/cache/services.php
View file @ 4e4fec73
......@@ -25,20 +25,21 @@
21 => 'Illuminate\\View\\ViewServiceProvider',
22 => 'Laravel\\Sail\\SailServiceProvider',
23 => 'Laravel\\Sanctum\\SanctumServiceProvider',
24 => 'Laravel\\Telescope\\TelescopeServiceProvider',
25 => 'Laravel\\Tinker\\TinkerServiceProvider',
26 => 'Livewire\\LivewireServiceProvider',
27 => 'Maatwebsite\\Excel\\ExcelServiceProvider',
28 => 'Carbon\\Laravel\\ServiceProvider',
29 => 'NunoMaduro\\Collision\\Adapters\\Laravel\\CollisionServiceProvider',
30 => 'Termwind\\Laravel\\TermwindServiceProvider',
31 => 'Spatie\\LaravelIgnition\\IgnitionServiceProvider',
32 => 'App\\Providers\\AppServiceProvider',
33 => 'App\\Providers\\AuthServiceProvider',
34 => 'App\\Providers\\EventServiceProvider',
35 => 'App\\Providers\\RouteServiceProvider',
36 => 'App\\Providers\\TelescopeServiceProvider',
37 => 'App\\Providers\\ViewServiceProvider',
24 => 'Laravel\\Socialite\\SocialiteServiceProvider',
25 => 'Laravel\\Telescope\\TelescopeServiceProvider',
26 => 'Laravel\\Tinker\\TinkerServiceProvider',
27 => 'Livewire\\LivewireServiceProvider',
28 => 'Maatwebsite\\Excel\\ExcelServiceProvider',
29 => 'Carbon\\Laravel\\ServiceProvider',
30 => 'NunoMaduro\\Collision\\Adapters\\Laravel\\CollisionServiceProvider',
31 => 'Termwind\\Laravel\\TermwindServiceProvider',
32 => 'Spatie\\LaravelIgnition\\IgnitionServiceProvider',
33 => 'App\\Providers\\AppServiceProvider',
34 => 'App\\Providers\\AuthServiceProvider',
35 => 'App\\Providers\\EventServiceProvider',
36 => 'App\\Providers\\RouteServiceProvider',
37 => 'App\\Providers\\TelescopeServiceProvider',
38 => 'App\\Providers\\ViewServiceProvider',
),
'eager' =>
array (
......@@ -201,6 +202,7 @@
'validation.presence' => 'Illuminate\\Validation\\ValidationServiceProvider',
'Laravel\\Sail\\Console\\InstallCommand' => 'Laravel\\Sail\\SailServiceProvider',
'Laravel\\Sail\\Console\\PublishCommand' => 'Laravel\\Sail\\SailServiceProvider',
'Laravel\\Socialite\\Contracts\\Factory' => 'Laravel\\Socialite\\SocialiteServiceProvider',
'command.tinker' => 'Laravel\\Tinker\\TinkerServiceProvider',
),
'when' =>
......@@ -244,6 +246,9 @@
'Laravel\\Sail\\SailServiceProvider' =>
array (
),
'Laravel\\Socialite\\SocialiteServiceProvider' =>
array (
),
'Laravel\\Tinker\\TinkerServiceProvider' =>
array (
),
......
public/images/login-background.jpg
View replaced file @ 2c393a9d View file @ 4e4fec73
public/images/login-background.jpg

68.3 KB | W: | H:

public/images/login-background.jpg

1.75 MB | W: | H:

public/images/login-background.jpg
public/images/login-background.jpg
public/images/login-background.jpg
public/images/login-background.jpg
  • 2-up
  • Swipe
  • Onion skin
resources/views/components/guest-layout.blade.php
View file @ 4e4fec73
......@@ -36,13 +36,13 @@
@isset($head)
{{ $head }}
@endisset
{{-- @livewireStyles --}}
@livewireStyles
</head>
<body>
{{ $slot }}
{{-- @livewireScripts --}}
@livewireScripts
@isset($script)
{{ $script }}
@endisset
......
resources/views/components/sidebar.blade.php
View file @ 4e4fec73
......@@ -19,7 +19,7 @@
</ul>
</div>
<div class="rounded-2xl p-3 bg-white w-full mb-2" x-data="{ open: ['/patch', '/master-file', '/exchange-rate', '/discharge-port'].includes(activeLink) }">
<div class="rounded-2xl p-3 bg-white w-full mb-2" x-data="{ open: ['/patch', '/master-file', '/exchange-rate', '/discharge-port' , '/patch-exchange-rate'].includes(activeLink) }">
<ul >
<li class="mb-1">
<a href="#" @click="open = !open" class="block py-2 px-4 rounded text-black flex items-center">
......@@ -37,15 +37,15 @@
</li>
<li class="mb-1 ml-6">
<a href="/master-file" :class="activeLink === '/master-file' ? 'bg-primary-focus text-white' : 'text-black'"
class="block py-2 px-4 rounded hover:bg-primary-focus hover:text-white"> <i aria-hidden="true" class="fa fa-edit mr-2"></i>Create MasterFile</a>
class="block py-2 px-4 rounded hover:bg-primary-focus hover:text-white"> <i aria-hidden="true" class="fa fa-edit mr-2"></i>Create Patch MasterFile</a>
</li>
<li class="mb-1 ml-6">
<a href="/exchange-rate" :class="activeLink === '/exchange-rate' ? 'bg-primary-focus text-white' : 'text-black'"
class="block py-2 px-4 rounded hover:bg-primary-focus hover:text-white"> <i aria-hidden="true" class="fa fa-edit mr-2"></i>Create Exchange Rate</a>
<a href="/patch-exchange-rate" :class="activeLink === '/patch-exchange-rate' ? 'bg-primary-focus text-white' : 'text-black'"
class="block py-2 px-4 rounded hover:bg-primary-focus hover:text-white"> <i aria-hidden="true" class="fa fa-edit mr-2"></i>Create Patch Exchange Rate</a>
</li>
<li class="mb-1 ml-6">
<a href="/discharge-port" :class="activeLink === '/discharge-port' ? 'bg-primary-focus text-white' : 'text-black'"
class="block py-2 px-4 rounded hover:bg-primary-focus hover:text-white"> <i aria-hidden="true" class="fa fa-user mr-2"></i>Create Discharge Port</a>
class="block py-2 px-4 rounded hover:bg-primary-focus hover:text-white"> <i aria-hidden="true" class="fa fa-user mr-2"></i>Create Patch Discharge Port</a>
</li>
</div>
</ul>
......@@ -77,7 +77,16 @@
</div>
</ul>
</div>
<div class="rounded-2xl p-3 bg-white w-full mb-2">
<ul >
<li class="mb-1">
<a href="/exchange-rate" :class="activeLink === '/exchange-rate' ? 'bg-primary-focus text-white' : 'text-black'"
class="block py-2 px-4 rounded text-black flex items-center">
<i aria-hidden="true" class="fa fa-server mr-2"></i> Exchange Rate
</a>
</li>
</ul>
</div>
<div class="rounded-2xl p-3 bg-white w-full mb-2">
<ul >
<li class="mb-1">
......
resources/views/livewire/main-container.blade.php
View file @ 4e4fec73
......@@ -62,6 +62,10 @@
<livewire:pages.exchangerate.exchangerate-index wire:init />
@break
@case('PatchExchangeRate')
<livewire:pages.exchangerate.exchangerate-upload wire:init />
@break
@case('DischargePort')
<livewire:pages.dischargeport.dischargeport-index wire:init />
@break
......
resources/views/livewire/pages/dischargeport/dischargeport-index.blade.php
View file @ 4e4fec73
<div wire:loading.remove>
<style>
table {
width: 100%;
table-layout: auto;
}
.table-responsive {
overflow-x: auto;
}
.form-upload {
display: inline-block;
margin-left: 1rem;
}
.form-upload input[type="file"] {
display: inline-block;
margin-right: 0.5rem;
padding: 0.5rem;
border-radius: 0.25rem;
}
.form-upload label {
margin-left: 0.5rem;
margin-right: 1rem;
}
<div class="border-0 shadow-none">
<div wire:loading.class="" wire:loading.class.remove="hidden" wire:target="save"
class="absolute inset-0 items-center justify-center z-50 bg-slate-50 dark:bg-navy-900 hidden">
<div class="flex justify-center items-center ">
<div class="items-center h-100vh" style="align-content: center;">
<div class="animate-spin rounded-full h-32 w-32 border-t-2 border-b-2 border-blue-500"></div>
</div>
.form-upload button {
margin-top: 0.5rem;
}
</style>
<main class="m-2">
</div>
</div>
<div class="my-5 flex h-8 place-content-center px-4 ">
<h2 class="text-xl text-slate-800">
Patch Discharge Port
</h2>
<h2 class="ml-3 text-xl text-slate-800 font-semibold underline underline-offset-4">
{{ $action === 'create' ? 'Create' : ($action === 'edit' ? 'Edit' : '') }}
</h2>
</div>
<div class="m-2">
@if ($action === 'list')
@if ($message)
<div class="alert alert-success">
......@@ -41,16 +28,10 @@
</div>
</div>
@endif
<div class="grid grid-cols-1 gap-4 sm:gap-5 lg:gap-6">
<div class="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">
Create Discharge Port
</h2>
</div>
<div class="grid grid-cols-1 gap-4 sm:gap-5 lg:gap-6 mb-5 bg-main-container rounded-md">
<div class="pb-4 pt-5 bg-white rounded-lg shadow-lg">
<div class="flex justify-between">
<div class="px-2 ml-4">
<!-- File Upload Form -->
@livewire('pages.dischargeport.dischargeport-upload')
</div>
<div class="inline-flex flex-initial">
......@@ -77,7 +58,8 @@
@endforeach
</select>
</span>
<button type="button" class="bg-stone-700 text-white px-4 py-2 rounded"
<button type="button"
class="bg-primary text-white px-4 py-2 rounded hover:bg-primary-focus"
wire:click="search">Search</button>
</div>
</div>
......@@ -85,36 +67,42 @@
</div>
<div class="mx-3 mt-3 px-4">
<div class="is-scrollbar-hidden min-w-full table-responsive" x-data="pages.tables.initExample1">
<table aria-describedby="mydesc" class="is-hoverable table w-full text-left">
<table aria-describedby="mydesc" class="is-hoverable table w-full text-left">
<thead>
<tr>
<th scope="col" class="whitespace-nowrap rounded-tl-lg bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
<th scope="col"
class="whitespace-nowrap rounded-tl-lg bg-slate-300 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
ISO Code
</th>
<th scope="col" class="whitespace-nowrap bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2">
<th scope="col"
class="whitespace-nowrap bg-slate-300 px-4 py-3 font-semibold uppercase text-black dark:bg-navy-800 dark:text-navy-100 lg:px-5">
Port Name
</th>
<th scope="col" class="whitespace-nowrap bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2">
<th scope="col"
class="whitespace-nowrap bg-slate-300 px-4 py-3 font-semibold uppercase text-black dark:bg-navy-800 dark:text-navy-100 lg:px-5">
Country Code
</th>
<th scope="col" class="whitespace-nowrap bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2">
<th scope="col"
class="whitespace-nowrap bg-slate-300 px-4 py-3 font-semibold uppercase text-black dark:bg-navy-800 dark:text-navy-100 lg:px-5">
Flag Status
</th>
<th scope="col" class="whitespace-nowrap bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2">
<th scope="col"
class="whitespace-nowrap rounded-tr-lg bg-slate-300 px-4 py-3 font-semibold uppercase text-black dark:bg-navy-800 dark:text-navy-100 lg:px-5">
Last Update
</th>
</tr>
</thead>
<tbody>
@foreach ($results as $disc)
<tr class="border-y border-transparent border-b-slate-200 dark:border-b-navy-500">
<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">
{{ $disc->isocode }}
</td>
<td class="whitespace-nowrap px-1 py-3 sm:px-2">{{ $disc->portname }}</td>
<td class="whitespace-nowrap px-1 py-3 sm:px-2">{{ $disc->cntrycode }}</td>
<td class="whitespace-nowrap px-1 py-3 sm:px-2">{{ $disc->flagstatus }}</td>
<td class="whitespace-nowrap px-1 py-3 sm:px-2">{{ $disc->lastupdate }}</td>
<td class="whitespace-nowrap px-4 py-3 sm:px-2">{{ $disc->portname }}</td>
<td class="whitespace-nowrap px-4 py-3 sm:px-2">{{ $disc->cntrycode }}</td>
<td class="whitespace-nowrap px-4 py-3 sm:px-2">{{ $disc->flagstatus }}</td>
<td class="whitespace-nowrap px-4 py-3 sm:px-2">{{ $disc->lastupdate }}</td>
</tr>
@endforeach
</tbody>
......@@ -125,6 +113,7 @@
</div>
</div>
</div>
@endif
</main>
@endif
</main>
</div>
</div>
resources/views/livewire/pages/dischargeport/dischargeport-upload.blade.php
View file @ 4e4fec73
<div>
@if (session()->has('message'))
<div class="alert alert-success">
{{ session('message') }}
</div>
@endif
<div class="bg-white p-2 flex flex-row items-center space-x-3">
<div class="flex flex-row items-center">
@if ($file)
<div class="text-sm text-gray-600 dark:text-gray-300">
Uploaded File: {{ $file->getClientOriginalName() }}
</div>
@endif
<span wire:loading>
<svg class="animate-spin h-5 w-5 text-primary m-3" xmlns="http://www.w3.org/2000/svg" fill="none"
viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4">
</circle>
<path class="opacity-75" fill="currentColor"
d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.964 7.964 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z">
</path>
</svg>
</span>
<form wire:submit.prevent="uploadFile" enctype="multipart/form-data">
<div class="form-upload">
<input type="file" wire:model="file">
@error('file') <span class="error">{{ $message }}</span> @enderror
<button type="submit" class="py-2 px-3 bg-stone-700 rounded-lg text-white">Upload</button>
</div>
</form>
@if (!$file)
<label for="file-upload"
class="btn bg-gray-200 text-gray-800 hover:bg-gray-300 focus:bg-gray-300 active:bg-gray-300 dark:bg-gray-500 dark:text-gray-50 dark:hover:bg-gray-450 dark:focus:bg-gray-450 dark:active:bg-gray-450/90">
<input tabindex="-1" id="file-upload" type="file" wire:model="file"
class="pointer-events-none absolute inset-0 h-full w-full opacity-0" />
<div class="flex items-center space-x-2">
<svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12" />
</svg>
<span>Choose File</span>
</div>
</label>
@error('file')
<span class="text-red-600 text-sm mt-2">{{ $message }}</span>
@enderror
@else
<button
class=" text-error px-1 py-1 text-xl hover:text-2xl"
wire:click="removeFile">
<i class="fa fa-remove" aria-hidden="true"></i>
</button>
@endif
</div>
<div class="text-right">
@if (!$fileUploaded)
<button
class="bg-primary text-white px-4 py-2 rounded-md hover:bg-primary-focus focus:outline-none focus:ring-2 focus:ring-primary focus:ring-opacity-50"
wire:click="uploadFile">
Upload
</button>
@endif
</div>
</div>
resources/views/livewire/pages/exchangerate/exchangerate-create.blade.php
View file @ 4e4fec73
<div>
<button type="button" wire:click="$emit('loadPage', 'list')"
class="btn mx-auto m-3 text-white bg-primary px-3 py-2">Back</button>
<div class="max-w-full mx-auto p-6 bg-gray-100">
<div class="w-full px-6 mb-12 flex justify-center">
<div class="p-12 bg-white shadow-md rounded-lg w-1/2">
<h2 class="text-2xl font-bold mb-4">Create Exchangerate</h2>
<div class="mx-auto p-4">
@if (session()->has('message'))
<div class="alert alert-success">
{{ session('message') }}
<div class="max-w-lg mx-auto p-8 bg-white shadow-lg rounded-lg">
<div class="mx-auto ">
<form wire:submit.prevent="addExchangerate" class="space-y-3">
<div class="mb-2">
<label for="currency" class="block text-sm font-medium text-gray-700">Currency</label>
<input type="text" wire:model.defer="currency" id="currency"
class="mt-1 block w-full px-4 py-2 border border-gray-300 rounded-md shadow-sm focus:ring-primary focus:border-primary sm:text-sm">
@error('currency')
<span class="text-red-500">{{ $message }}</span>
@enderror
</div>
@endif
<form wire:submit.prevent="addExchangerate">
<div class="mb-4">
<label for="currency" class="block text-sm font-medium text-gray-700">Currency</label>
<input type="text" wire:model.defer="currency" id="currency" class="w-full mt-1 p-2 border border-gray-300 rounded-md">
@error('currency') <span class="text-red-500">{{ $message }}</span> @enderror
</div>
<div class="mb-4">
<label for="exdate" class="block text-gray-700">Expired date</label>
<input type="date" id="exdate" class="w-full mt-1 p-2 border border-gray-300 rounded-md" wire:model.defer="exdate">
<!-- @error('exdate') <span class="text-red-500">{{ $message }}</span> @enderror -->
</div>
<div class="mb-4">
<label for="finishdate" class="block text-gray-700">Finish date</label>
<input type="date" id="finishdate" class="w-full mt-1 p-2 border border-gray-300 rounded-md" wire:model.defer="finishdate">
</div>
<div class="mb-2">
<label for="exdate" class="block text-gray-700">Expired date</label>
<input type="date" id="exdate" class="w-full mt-1 p-2 border border-gray-300 rounded-md"
wire:model.defer="exdate">
</div>
<div class="mb-2">
<label for="finishdate" class="block text-gray-700">Finish date</label>
<input type="date" id="finishdate" class="w-full mt-1 p-2 border border-gray-300 rounded-md"
wire:model.defer="finishdate">
</div>
<div class="mb-4">
<label for="rate" class="block text-sm font-medium text-gray-700">Rate</label>
<input type="text" wire:model.defer="rate" id="rate" class="w-full mt-1 p-2 border border-gray-300 rounded-md">
</div>
<div class="mb-4">
<label for="baht" class="block text-sm font-medium text-gray-700">Baht</label>
<input type="text" wire:model.defer="baht" id="baht" class="w-full mt-1 p-2 border border-gray-300 rounded-md">
</div>
<div class="mb-4">
<label for="exbaht" class="block text-sm font-medium text-gray-700">Export Baht</label>
<input type="text" wire:model.defer="exbaht" id="exbaht" class="w-full mt-1 p-2 border border-gray-300 rounded-md">
</div>
<div class="flex items-center justify-center">
<button type="submit"
class="bg-primary inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
Save
</button>
<div class="mb-2">
<label for="rate" class="block text-sm font-medium text-gray-700">Rate</label>
<input type="text" wire:model.defer="rate" id="rate"
class="w-full mt-1 p-2 border border-gray-300 rounded-md">
</div>
<div class="mb-2">
<label for="baht" class="block text-sm font-medium text-gray-700">Baht</label>
<input type="text" wire:model.defer="baht" id="baht"
class="w-full mt-1 p-2 border border-gray-300 rounded-md">
</div>
<div class="mb-2">
<label for="exbaht" class="block text-sm font-medium text-gray-700">Export Baht</label>
<input type="text" wire:model.defer="exbaht" id="exbaht"
class="w-full mt-1 p-2 border border-gray-300 rounded-md">
</div>
<div class="flex justify-end space-x-4 mt-4">
<a href="/exchange-rate" type="button"
class="px-4 py-2 bg-gray-200 text-gray-700 rounded-md shadow-sm hover:bg-gray-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-400">Cancel</a>
<button type="submit" type="submit"
class="px-4 py-2 bg-primary text-white rounded-md shadow-sm hover:bg-primary-dark focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary">Save</button>
</div>
</form>
</div>
</div>
</div>
</div>
resources/views/livewire/pages/exchangerate/exchangerate-edit.blade.php
View file @ 4e4fec73
<div>
<button type="button" wire:click="$emit('loadPage', 'list')"
class="btn mx-auto m-3 text-white bg-primary px-3 py-2">Back</button>
<div class="max-w-full mx-auto p-6 bg-gray-100">
<div class="max-w-lg mx-auto p-8 bg-white shadow-lg rounded-lg">
<div class="mx-auto ">
<form wire:submit.prevent="updateExchangerate" class="space-y-3">
<div class="w-full px-6 mb-12 flex justify-center">
<div class="p-12 bg-white shadow-md rounded-lg w-1/2">
<h2 class="text-2xl font-bold mb-4">Edit Exchangerate</h2>
<div class="mx-auto p-4">
@if (session()->has('message'))
<div class="alert alert-success">
{{ session('message') }}
<div class="mb-2">
<label for="currency" class="block text-sm font-medium text-gray-700">Currency</label>
<input type="text" wire:model.defer="currency" id="currency"
class="mt-1 block w-full px-4 py-2 border border-gray-300 rounded-md shadow-sm focus:ring-primary focus:border-primary sm:text-sm">
@error('currency')
<span class="text-red-500">{{ $message }}</span>
@enderror
</div>
@endif
<form wire:submit.prevent="updateExchangerate">
<div class="mb-4">
<label for="currency" class="block text-sm font-medium text-gray-700">Currency</label>
<input type="text" wire:model.defer="currency" id="currency" class="w-full mt-1 p-2 border border-gray-300 rounded-md">
@error('currency') <span class="text-red-500">{{ $message }}</span> @enderror
</div>
<div class="mb-4">
<label for="exdate" class="block text-gray-700">Expired date</label>
<input type="date" id="exdate" class="w-full mt-1 p-2 border border-gray-300 rounded-md" wire:model.defer="exdate">
@error('exdate') <span class="text-red-500">{{ $message }}</span> @enderror
</div>
<div class="mb-4">
<label for="finishdate" class="block text-gray-700">Finish date</label>
<input type="date" id="finishdate" class="w-full mt-1 p-2 border border-gray-300 rounded-md" wire:model.defer="finishdate">
</div>
<div class="mb-2">
<label for="exdate" class="block text-gray-700">Expired date</label>
<input type="date" id="exdate"
class="mt-1 block w-full px-4 py-2 border border-gray-300 rounded-md shadow-sm focus:ring-primary focus:border-primary sm:text-sm"
wire:model.defer="exdate">
@error('exdate')
<span class="text-red-500">{{ $message }}</span>
@enderror
</div>
<div class="mb-2">
<label for="finishdate" class="block text-gray-700">Finish date</label>
<input type="date" id="finishdate"
class="mt-1 block w-full px-4 py-2 border border-gray-300 rounded-md shadow-sm focus:ring-primary focus:border-primary sm:text-sm"
wire:model.defer="finishdate">
</div>
<div class="mb-4">
<label for="rate" class="block text-sm font-medium text-gray-700">Rate</label>
<input type="text" wire:model.defer="rate" id="rate" class="w-full mt-1 p-2 border border-gray-300 rounded-md">
</div>
<div class="mb-4">
<label for="baht" class="block text-sm font-medium text-gray-700">Baht</label>
<input type="text" wire:model.defer="baht" id="baht" class="w-full mt-1 p-2 border border-gray-300 rounded-md">
</div>
<div class="mb-4">
<label for="exbaht" class="block text-sm font-medium text-gray-700">Export Baht</label>
<input type="text" wire:model.defer="exbaht" id="exbaht" class="w-full mt-1 p-2 border border-gray-300 rounded-md">
</div>
<div class="flex items-center justify-center">
<div class="mb-2">
<label for="rate" class="block text-sm font-medium text-gray-700">Rate</label>
<input type="text" wire:model.defer="rate" id="rate"
class="mt-1 block w-full px-4 py-2 border border-gray-300 rounded-md shadow-sm focus:ring-primary focus:border-primary sm:text-sm">
</div>
<div class="mb-2">
<label for="baht" class="block text-sm font-medium text-gray-700">Baht</label>
<input type="text" wire:model.defer="baht" id="baht"
class="mt-1 block w-full px-4 py-2 border border-gray-300 rounded-md shadow-sm focus:ring-primary focus:border-primary sm:text-sm">
</div>
<div class="mb-2">
<label for="exbaht" class="block text-sm font-medium text-gray-700">Export Baht</label>
<input type="text" wire:model.defer="exbaht" id="exbaht"
class="mt-1 block w-full px-4 py-2 border border-gray-300 rounded-md shadow-sm focus:ring-primary focus:border-primary sm:text-sm">
</div>
<div class="flex justify-end space-x-4 mt-4">
<a href="/exchange-rate" type="button"
class="px-4 py-2 bg-gray-200 text-gray-700 rounded-md shadow-sm hover:bg-gray-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-400">Cancel</a>
<button type="submit"
class="bg-primary inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
Update
......@@ -52,7 +52,4 @@
</div>
</form>
</div>
</div>
</div>
</div>
resources/views/livewire/pages/exchangerate/exchangerate-index.blade.php
View file @ 4e4fec73
<div wire:loading.remove>
<style>
table {
width: 100%;
table-layout: auto;
}
.table-responsive {
overflow-x: auto;
}
.form-upload {
display: inline-block;
margin-left: 1rem;
}
.form-upload input[type="file"] {
display: inline-block;
margin-right: 0.5rem;
padding: 0.5rem;
border-radius: 0.25rem;
}
<div class="border-0 shadow-none">
<div wire:loading.class="" wire:loading.class.remove="hidden" wire:target="save"
class="absolute inset-0 items-center justify-center z-50 bg-slate-50 dark:bg-navy-900 hidden">
<div class="flex justify-center items-center ">
<div class="items-center h-100vh" style="align-content: center;">
<div class="animate-spin rounded-full h-32 w-32 border-t-2 border-b-2 border-blue-500"></div>
</div>
.form-upload label {
margin-left: 0.5rem;
margin-right: 1rem;
}
</div>
</div>
.form-upload button {
margin-top: 0.5rem;
}
</style>
<main class="m-2">
<div class="my-5 flex h-8 place-content-center px-4 ">
<h2 class="text-xl text-slate-800">
Exchange Rate
</h2>
<h2 class="ml-3 text-xl text-slate-800 font-semibold underline underline-offset-4">
{{ $action === 'add' ? 'Create' : ($action === 'edit' ? 'Edit' : '') }}
</h2>
</div>
<div class="m-2">
@if ($action === 'list')
@if ($message)
<div class="alert alert-success">
......@@ -41,136 +28,132 @@
</div>
</div>
@endif
<div class="grid grid-cols-1 gap-4 sm:gap-5 lg:gap-6">
<div class="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">
NEW UPDATE EXCHANGERATE MASTERFILE
</h2>
<div class="pb-4 card shadow-lg p-4">
<div class="flex justify-between">
<div class="px-2 ml-4">
<button type="button" class="py-2 px-3 bg-primary rounded-md text-white hover:bg-primary-focus"
wire:click="showexchangerateAddForm">Add</button>
<button type="button" class="py-2 px-3 bg-primary rounded-md text-white hover:bg-primary-focus"
onclick="confirmDeleteSelected()">Delete</button>
</div>
<div class="flex justify-between">
<div class="px-2 ml-4">
<button type="button" class="py-2 px-3 bg-stone-700 rounded-lg text-white"
wire:click="showexchangerateAddForm">Add</button>
<button type="button" class="py-2 px-3 bg-stone-700 rounded-lg text-white"
onclick="confirmDeleteSelected()">Delete</button>
<!-- File Upload Form -->
@livewire('pages.exchangerate.exchangerate-upload')
</div>
<div class="inline-flex flex-initial">
<div x-data="{ isInputActive: true }">
<div class="flex gap-4 px-5 items-center">
<button @click="isInputActive = !isInputActive"
class="btn h-8 w-14 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">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"
d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
</svg>
</button>
<span class="w-64" x-show="isInputActive === true">
<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" wire:model.defer="keyword" />
</span>
<span class="w-52" x-show="isInputActive === true">
<select wire:model.defer="searchSelected"
class="form-select h-9 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">
@foreach ($searchBy as $key => $by)
<option value="{{ $key }}">{{ $by }}</option>
@endforeach
</select>
</span>
<button type="button" class="bg-stone-700 text-white px-4 py-2 rounded"
wire:click="search">Search</button>
</div>
<div class="inline-flex flex-initial">
<div x-data="{ isInputActive: true }">
<div class="flex gap-4 px-5 items-center">
<button @click="isInputActive = !isInputActive"
class="btn h-8 w-10 rounded-full p-0 hover:bg-primary-focus hover:text-main-container active:text-main-container focus:text-main-container primary-focus hover:text-main-container active:text-main-container focus:text-main-container 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">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"
d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
</svg>
</button>
<span class="w-64" x-show="isInputActive === true">
<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" wire:model.defer="keyword" />
</span>
<span class="w-52" x-show="isInputActive === true">
<select wire:model.defer="searchSelected"
class="form-select h-9 w-full rounded-lg border border-slate-300 bg-main-container 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">
@foreach ($searchBy as $key => $by)
<option value="{{ $key }}">{{ $by }}</option>
@endforeach
</select>
</span>
<button type="button"
class="bg-primary text-white px-4 py-2 rounded hover:bg-primary-focus"
wire:click="search">Search</button>
</div>
</div>
</div>
<div class="mx-3 mt-3 px-4">
<div class="is-scrollbar-hidden min-w-full table-responsive" x-data="pages.tables.initExample1">
<table aria-describedby="mydesc" class="is-hoverable table w-full text-left">
<thead>
<tr>
<th scope="col"
class="whitespace-nowrap rounded-tl-lg bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
#
</th>
<th scope="col"
class="whitespace-nowrap bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2">
Currency
</th>
<th scope="col"
class="whitespace-nowrap bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2">
Expired date
</th>
<th scope="col"
class="whitespace-nowrap bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2">
Finish date
</th>
<th scope="col"
class="whitespace-nowrap bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2">
Rate
</th>
<th scope="col"
class="whitespace-nowrap bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2">
Baht
</th>
<th scope="col"
class="whitespace-nowrap bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2">
Export Baht
</th>
<th scope="col"
class="whitespace-nowrap rounded-tr-lg bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2">
Action
</th>
</div>
<div class="mx-3 mt-3">
<div class="is-scrollbar-hidden min-w-full table-responsive" x-data="pages.tables.initExample1">
<table aria-describedby="mydesc" class="is-hoverable table w-full text-left border-b">
<thead>
<tr>
<th scope="col"
class="whitespace-nowrap rounded-tl-lg bg-slate-200 px-4 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-5">
#
</th>
<th scope="col"
class="whitespace-nowrap bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2">
Currency
</th>
<th scope="col"
class="whitespace-nowrap bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2">
Expired date
</th>
<th scope="col"
class="whitespace-nowrap bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2">
Finish date
</th>
<th scope="col"
class="whitespace-nowrap bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2">
Rate
</th>
<th scope="col"
class="whitespace-nowrap bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2">
Baht
</th>
<th scope="col"
class="whitespace-nowrap bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2">
Export Baht
</th>
<th scope="col"
class="whitespace-nowrap rounded-tr-lg bg-slate-200 px-2 py-3 font-semibold uppercase text-slate-800 dark:bg-navy-800 dark:text-navy-100 lg:px-2">
Action
</th>
</tr>
</thead>
<tbody>
@foreach ($results as $exc)
<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 hover:bg-white checked:hover:bg-primary 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" wire:model.defer="selectedExchangerates"
value="{{ $exc->currency }},{{ $exc->exdate }}" />
</label>
</td>
<td class="whitespace-nowrap px-1 py-3 sm:px-2">{{ $exc->currency }}</td>
<td class="whitespace-nowrap px-1 py-3 sm:px-2">{{ $exc->exdate }}</td>
<td class="whitespace-nowrap px-1 py-3 sm:px-2">{{ $exc->finishdate }}</td>
<td class="whitespace-nowrap px-1 py-3 sm:px-2">{{ $exc->rate }}</td>
<td class="whitespace-nowrap px-1 py-3 sm:px-2">{{ $exc->baht }}</td>
<td class="whitespace-nowrap px-1 py-3 sm:px-2">{{ $exc->exbaht }}</td>
<td class="whitespace-nowrap px-1 py-3 sm:px-2">
<div class="flex justify-center space-x-2">
<a wire:click="showexchangerateEditForm('{{ $exc->currency }}', '{{ $exc->exdate }}')"
class="btn h-8 w-8 p-0 ">
<i aria-hidden="true" class="fa fa-edit"></i>
</a>
<a onclick="confirmDelete2('{{ $exc->currency }}', '{{ $exc->exdate }}')"
class="btn h-8 w-8 p-0 ">
<i aria-hidden="true" class="fa fa-trash"></i>
</a>
</div>
</td>
</tr>
</thead>
<tbody>
@foreach ($results as $exc)
<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" wire:model.defer="selectedExchangerates"
value="{{ $exc->currency }},{{ $exc->exdate }}" />
</label>
</td>
<td class="whitespace-nowrap px-1 py-3 sm:px-2">{{ $exc->currency }}</td>
<td class="whitespace-nowrap px-1 py-3 sm:px-2">{{ $exc->exdate }}</td>
<td class="whitespace-nowrap px-1 py-3 sm:px-2">{{ $exc->finishdate }}</td>
<td class="whitespace-nowrap px-1 py-3 sm:px-2">{{ $exc->rate }}</td>
<td class="whitespace-nowrap px-1 py-3 sm:px-2">{{ $exc->baht }}</td>
<td class="whitespace-nowrap px-1 py-3 sm:px-2">{{ $exc->exbaht }}</td>
<td class="whitespace-nowrap px-1 py-3 sm:px-2">
<div class="flex justify-center space-x-2">
<a wire:click="showexchangerateEditForm('{{ $exc->currency }}', '{{ $exc->exdate }}')"
class="btn h-8 w-8 p-0 text-info hover:bg-info/20 focus:bg-info/20 active:bg-info/25">
<i aria-hidden="true" class="fa fa-edit"></i>
</a>
<a onclick="confirmDelete2('{{ $exc->currency }}', '{{ $exc->exdate }}')"
class="btn h-8 w-8 p-0 text-danger hover:bg-danger/20 focus:bg-danger/20 active:bg-danger/25">
<i aria-hidden="true" class="fa fa-trash"></i>
</a>
</div>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
<livewire:delete-modal />
{{ $results->links('livewire.paginate-custom') }}
@endforeach
</tbody>
</table>
</div>
<livewire:delete-modal />
{{ $results->links('livewire.paginate-custom') }}
</div>
</div>
@elseif($action === 'add')
<livewire:pages.exchangerate.exchangerate-create />
<livewire:pages.exchangerate.exchangerate-create>
@elseif($action === 'edit')
@livewire('pages.exchangerate.exchangerate-edit', ['currency' => $editCurrency, 'exdate' => $editExdate])
@endif
</main>
@vite(['resources/js/app.js', 'resources/js/sweetalert.js'])
@endif
</div>
@vite(['resources/js/sweetalert.js'])
<script src="{{ asset('js/confirmDelete.js') }}"></script>
</div>
resources/views/livewire/pages/exchangerate/exchangerate-upload.blade.php
View file @ 4e4fec73
<form wire:submit.prevent="upload" class="form-upload">
<input type="file" wire:model="file">
@error('file') <span class="error">{{ $message }}</span> @enderror
<label>
<input type="checkbox" wire:model="createPatch"> <strong>Create Patch</strong>
</label>
<label>
<input type="checkbox" wire:model="updatePatch"> <strong>Update Patch</strong>
</label>
<label>
<input type="checkbox" wire:model="sendToEec"> <strong>Send To EEC</strong>
</label>
<button type="submit" class="py-2 px-3 bg-stone-700 rounded-lg text-white">Upload</button>
</form>
<div class="bg-main-container" x-data="{ notLimit: false }">
<div class="max-w-full mx-auto p-6">
<div class="mt-5 mb-2 flex h-8 place-content-center px-4 ">
<h2 class="text-xl text-slate-800">
Patch Exchange Rate
</h2>
<h2 class="ml-3 text-xl text-slate-800 font-semibold underline underline-offset-4">
Create
</h2>
</div>
<div class="bg-white p-6 rounded-lg shadow-md">
<div class="mb-4">
<div class="flex items-center mt-2">
<label for="upload_file" class="block text-gray-700 font-medium mr-5">Upload File Data</label>
@if ($file)
<div class="text-sm text-gray-600 dark:text-gray-300 mr-4">
Uploaded File: {{ $file->getClientOriginalName() }}
</div>
@endif
<span wire:loading>
<svg class="animate-spin h-5 w-5 text-primary m-3" xmlns="http://www.w3.org/2000/svg"
fill="none" viewBox="0 0 24 24">
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor"
stroke-width="4">
</circle>
<path class="opacity-75" fill="currentColor"
d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.964 7.964 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z">
</path>
</svg>
</span>
<label for="file-upload"
class="btn bg-gray-200 text-gray-800 hover:bg-gray-300 focus:bg-gray-300 active:bg-gray-300 dark:bg-gray-500 dark:text-gray-50 dark:hover:bg-gray-450 dark:focus:bg-gray-450 dark:active:bg-gray-450/90">
<input tabindex="-1" id="file-upload" type="file" wire:model="file"
class="pointer-events-none absolute inset-0 h-full w-full opacity-0" />
<div class="flex items-center space-x-2">
<svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none" viewBox="0 0 24 24"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12" />
</svg>
<span>Choose File</span>
</div>
@error('file')
<span class="text-red-600 text-sm mt-2">{{ $message }}</span>
@enderror
</label>
</div>
</div>
<div class="mb-4 flex items-center space-x-4">
<label class="inline-flex items-center">
<input wire:model.defer="createPatch"
class="form-checkbox is-basic 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:hover:border-accent dark:focus:border-accent"
type="checkbox" value="">
<span class="ml-2">Create Patch</span>
</label>
<label class="inline-flex items-center">
<input wire:model.defer="updatePatch"
class="form-checkbox is-basic 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:hover:border-accent dark:focus:border-accent"
type="checkbox" value="">
<span class="ml-2">Update Patch</span>
</label>
<label class="inline-flex items-center">
<input wire:model.defer="sendToEec"
class="form-checkbox is-basic 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:hover:border-accent dark:focus:border-accent"
type="checkbox" value="">
<span class="ml-2">Send To EEC</span>
</label>
</div>
<div class="text-right">
<button
class="bg-primary text-white px-4 py-2 rounded-md hover:bg-primary-focus focus:outline-none focus:ring-2 focus:ring-primary focus:ring-opacity-50"
wire:click="upload">
Upload
</button>
</div>
</div>
</div>
</div>
resources/views/livewire/pages/user/user-create.blade.php
View file @ 4e4fec73
......@@ -8,7 +8,7 @@
</h2>
</div>
<form class="space-y-6">
<div class="space-y-2">
<div class="mb-2">
<label for="username" class="block text-sm font-medium text-gray-700">Username:</label>
<input type="text" wire:model.defer="username" id="username"
......@@ -99,5 +99,5 @@
<button type="submit" type="submit"
class="px-4 py-2 bg-primary text-white rounded-md shadow-sm hover:bg-primary-dark focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary">Save</button>
</div>
</form>
</div>
</div>
resources/views/login.blade.php
View file @ 4e4fec73
<x-guest-layout title="Login">
<style>
input:-webkit-autofill ,input:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px transparent inset;
-webkit-text-fill-color: inherit;
transition: background-color 5000s ease-in-out 0s;
}
.background-image {
background-image: url('images/login-background.jpg'); /* Replace with your image URL */
background-image: url('images/login-background.jpg');
/* Replace with your image URL */
background-size: cover;
background-position: center;
height: 100vh;
......@@ -9,6 +15,7 @@
align-items: center;
justify-content: center;
}
.background-blur {
position: absolute;
top: 0;
......@@ -34,12 +41,14 @@
}
.input-field {
background: rgba(255, 255, 255, 0.9); /* Change this to the desired background color */
background: rgba(255, 255, 255, 0.9);
/* Change this to the desired background color */
border: none;
padding: 1rem;
border-radius: 5px;
width: 100%;
color: #333; /* Change this to the desired text color */
color: #333;
/* Change this to the desired text color */
}
.input-field:focus {
......@@ -73,12 +82,30 @@
<div class="background-image">
<div class="background-blur"></div>
{{-- <div class="background-blur"></div> --}}
<div class="glass-effect">
<h2 class="text-3xl font-bold mb-6 text-center text-white">Sign In</h2>
<p class="text-center mb-6 text-white">Your Social Campaigns</p>
<div class="flex flex-col items-center mb-6">
<form method="POST" action="{{ route('login') }}" class="flex flex-col items-center">
@csrf
<div class="w-full mb-4">
<label for="username" class="block text-white mb-2">UserName</label>
<input type="text" id="username" name="username" autocomplete="off"
class="w-full bg-transparent border-b-2 border-white text-black text-md p-3 active:border-none focus:outline-none active:outline-none focus:border-b-indigo-500 focus:transform focus:translate-y-1 focus:duration-300 focus:text-xl"
placeholder="Enter your username">
</div>
<div class="w-full mb-6">
<label for="password" class="block text-white mb-2">Password</label>
<input type="password" id="password" name="password" autocomplete="off"
class="w-full bg-transparent border-b-2 border-white text-black text-md p-3 focus:outline-none active:outline-none focus:border-b-indigo-500 focus:transform focus:translate-y-1 focus:duration-300 focus:text-xl">
</div>
<button type="submit"
class="w-full bg-indigo-600 text-white py-2 rounded-lg hover:bg-indigo-700 transition duration-300">Sign
In</button>
</form>
<div class="flex flex-col items-center mb-6 mt-4">
{{-- <a href="{{ url('auth/google') }}" class="social-button">
<i aria-hidden="true" class="fab fa-google social-icon"></i>
Sign in with Google
......@@ -93,24 +120,9 @@
</a>
</div>
<div class="text-center mb-6 text-white">Or with Username</div>
<form method="POST" action="{{ route('login') }}" class="flex flex-col items-center">
@csrf
<div class="w-full mb-4">
<label for="username" class="block text-white mb-2">Username</label>
<input type="text" id="username" name="username" class="input-field" >
</div>
<div class="w-full mb-6">
<label for="password" class="block text-white mb-2">Password</label>
<input type="password" id="password" name="password" class="input-field" >
</div>
<button type="submit" class="w-full bg-indigo-600 text-white py-2 rounded-lg hover:bg-indigo-700 transition duration-300">Sign In</button>
</form>
<div class="text-center mt-6 text-white">
{{-- <div class="text-center mt-6 text-white">
Not a Member yet? <a href="{{ route('register') }}" class="text-indigo-300 hover:text-indigo-500 transition duration-300">Sign Up</a>
</div>
</div> --}}
</div>
</div>
......
routes/web.php
View file @ 4e4fec73
......@@ -78,6 +78,7 @@ Route::middleware(['auth' ])->group(function () {
Route::get('/exchange-rate', [ExchangeRateController::class, 'index']);
Route::get('/patch-exchange-rate', [ExchangeRateController::class, 'creatPatch']);
Route::get('/parameter', [ParameterController::class, 'index']);
Route::get('/discharge-port', [DischargePortController::class, 'index']);
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment