erishberboso
/
unioil-cms-fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add buttons added

This commit is contained in:
erishBRBS 2025-04-20 23:05:32 +08:00
parent 9e17c4ef1e
commit 53a8acfa9d
37 changed files with 1305 additions and 147 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
app/Livewire/Add-Buttons Normal file
View File

22
app/Livewire/Buttons/CreateBranch.php Normal file
View File

@ -0,0 +1,22 @@
<?php
namespace App\Livewire\Buttons;
use Livewire\Component;
class CreateBranch extends Component
{
public function submit()
{
return redirect()->to('/main/station-locator/branch');
}
public function cancel()
{
return redirect()->to('/main/station-locator/branch');
}
public function render()
{
return view('livewire.buttons.create-branch');
}
}

28
app/Livewire/Buttons/CreateCardType.php Normal file
View File

@ -0,0 +1,28 @@
<?php
namespace App\Livewire\Buttons;
use Livewire\Component;
use Livewire\WithFileUploads;
class CreateCardType extends Component
{
use WithFileUploads;
public $typeImage;
public $coverImage;
public function submit()
{
return redirect()->to('/main/about-us/card-type');
}
public function cancel()
{
return redirect()->to('/main/about-us/card-type');
}
public function render()
{
return view('livewire.buttons.create-card-type');
}
}

22
app/Livewire/Buttons/CreateFuel.php Normal file
View File

@ -0,0 +1,22 @@
<?php
namespace App\Livewire\Buttons;
use Livewire\Component;
class CreateFuel extends Component
{
public function submit()
{
return redirect()->to('/main/station-locator/fuel');
}
public function cancel()
{
return redirect()->to('/main/station-locator/fuel');
}
public function render()
{
return view('livewire..buttons.create-fuel');
}
}

23
app/Livewire/Buttons/CreateNotification.php Normal file
View File

@ -0,0 +1,23 @@
<?php
namespace App\Livewire\Buttons;
use Livewire\Component;
class CreateNotification extends Component
{
public function submit()
{
return redirect()->to('/main/notification');
}
public function cancel()
{
return redirect()->to('/main/notification');
}
public function render()
{
return view('livewire.buttons.create-notification');
}
}

28
app/Livewire/Buttons/CreatePhotoSlider.php Normal file
View File

@ -0,0 +1,28 @@
<?php
namespace App\Livewire\Buttons;
use Livewire\WithFileUploads;
use Livewire\Component;
class CreatePhotoSlider extends Component
{
use WithFileUploads;
public $image;
public function submit()
{
return redirect()->to('/main/home-page-mobile/photo-slider');
}
public function cancel()
{
return redirect()->to('/main/home-page-mobile/photo-slider');
}
public function render()
{
return view('livewire..buttons.create-photo-slider');
}
}

27
app/Livewire/Buttons/CreatePromotion.php Normal file
View File

@ -0,0 +1,27 @@
<?php
namespace App\Livewire\Buttons;
use Livewire\Component;
use Livewire\WithFileUploads;
class CreatePromotion extends Component
{
use WithFileUploads;
public $image;
public function submit()
{
return redirect()->to('/main/home-promotion/promotion');
}
public function cancel()
{
return redirect()->to('/main/home-promotion/promotion');
}
public function render()
{
return view('livewire..buttons.create-promotion');
}
}

28
app/Livewire/Buttons/CreateStation.php Normal file
View File

@ -0,0 +1,28 @@
<?php
namespace App\Livewire\Buttons;
use Livewire\WithFileUploads;
use Livewire\Component;
class CreateStation extends Component
{
use WithFileUploads;
public $csv;
public function submit()
{
return redirect()->to('/main/station-locator/station');
}
public function cancel()
{
return redirect()->to('/main/station-locator/station');
}
public function render()
{
return view('livewire..buttons.create-station');
}
}

23
app/Livewire/Buttons/CreateTermsAndPrivacy.php Normal file
View File

@ -0,0 +1,23 @@
<?php
namespace App\Livewire\Buttons;
use Livewire\Component;
class CreateTermsAndPrivacy extends Component
{
public function submit()
{
return redirect()->to('/main/about-us/terms-and-privacy');
}
public function cancel()
{
return redirect()->to('/main/about-us/terms-and-privacy');
}
public function render()
{
return view('livewire.buttons.create-terms-and-privacy');
}
}

22
app/Livewire/Buttons/CreateTopUp.php Normal file
View File

@ -0,0 +1,22 @@
<?php
namespace App\Livewire\Buttons;
use Livewire\Component;
class CreateTopUp extends Component
{
public function submit()
{
return redirect()->to('/main/top-up/top-up');
}
public function cancel()
{
return redirect()->to('/main/top-up/top-up');
}
public function render()
{
return view('livewire..buttons.create-top-up');
}
}

32
app/Livewire/Buttons/CreateUser.php Normal file
View File

@ -0,0 +1,32 @@
<?php
namespace App\Livewire\Buttons;
use Livewire\Component;
class CreateUser extends Component
{
public $username, $first_name, $last_name, $email, $status = 'active', $role = 'admin', $default_password;
public function generatePassword()
{
$this->default_password = bin2hex(random_bytes(4));
}
public function submit()
{
return redirect()->to('/main/user-management');
}
public function cancel()
{
return redirect()->to('/main/user-management');
}
public function render()
{
return view('livewire.buttons.create-user');
}
}

6
app/Livewire/Components/Table.php
View File

@ -9,6 +9,8 @@ class Table extends Component
public $columns = []; public $columns = [];
public $rows = []; public $rows = [];
public $selected = []; public $selected = [];
public $addRoute = null;
public $hasAddButton = true;
public $selectAll = false; public $selectAll = false;
public $hasCheckbox = true; public $hasCheckbox = true;
public $hasActions = false; public $hasActions = false;
@ -17,10 +19,12 @@ class Table extends Component
public $sortField = null; // Column to sort public $sortField = null; // Column to sort
public $sortDirection = 'asc'; // Default sort direction public $sortDirection = 'asc'; // Default sort direction
public function mount($columns, $rows)
public function mount($columns, $rows, $addRoute = null)
{ {
$this->columns = $columns; $this->columns = $columns;
$this->rows = $rows; $this->rows = $rows;
$this->addRoute = $addRoute;
} }
// Update rows based on search // Update rows based on search

1
resources/views/livewire/about-us/card-type.blade.php
View File

@ -9,5 +9,6 @@
:rows="$cardTypes" :rows="$cardTypes"
:hasActions="true" :hasActions="true"
:isViewPage="false" :isViewPage="false"
:addRoute="route('card-type-create')"
/> />
</div> </div>

1
resources/views/livewire/about-us/terms-and-privacy.blade.php
View File

@ -11,5 +11,6 @@
:rows="$termsAndPrivacy" :rows="$termsAndPrivacy"
:hasActions="true" :hasActions="true"
:isViewPage="false" :isViewPage="false"
:addRoute="route('terms-and-privacy-create')"
/> />
</div> </div>

55
resources/views/livewire/buttons/create-branch.blade.php Normal file
View File

@ -0,0 +1,55 @@
<div>
<!-- anchor tag horizontally -->
<div class="flex items-center gap-2 text-xs text-gray-600">
<!-- Home link -->
<a href="/main/profile" class="flex items-center hover:text-orange-600">
<x-heroicon-o-home class="w-3 h-3 mr-1" />
<span class="leading-none">Home</span>
</a>
<x-heroicon-o-chevron-right class="w-3 h-3" />
<a href="/main/station-locator/branch" class="hover:text-orange-600">
Branch
</a>
<x-heroicon-o-chevron-right class="w-3 h-3" />
<span>
Create Branch
</span>
</div>
<!-- Page Title -->
<h3 class="text-5xl font-semibold text-gray-800 mt-4">Create Branch</h3>
<!-- Bottom border -->
<div class="border-b border-gray-300 mt-5"></div>
<div class="p-6 mt-10 max-w-5xl mx-auto bg-white rounded-md shadow-md">
<h2 class="text-lg font-semibold mb-4">Branch Details</h2>
<div class="space-y-4">
<!-- Branch Code -->
<div class="flex items-center gap-2">
<label class="w-40">Branch Code:</label>
<input type="text" wire:model="branch_code" class="flex-1 border rounded px-3 py-2" placeholder="Branch Code">
</div>
<!-- Branch Name -->
<div class="flex items-center gap-2">
<label class="w-40">Branch Name:</label>
<input type="text" wire:model="branch_name" class="flex-1 border rounded px-3 py-2" placeholder="Branch Name">
</div>
<!-- Details -->
<div class="flex items-center gap-2">
<label class="w-40">Details:</label>
<input type="text" wire:model="details" class="flex-1 border rounded px-3 py-2" placeholder="Details">
</div>
<!-- Submit / Cancel -->
<div class="mt-6 flex justify-end gap-2">
<button wire:click="cancel" class="px-4 py-2 bg-gray-300 text-black rounded hover:bg-gray-400">Cancel</button>
<button wire:click="submit" class="px-4 py-2 bg-orange-500 text-white rounded hover:bg-orange-600">Submit</button>
</div>
</div>
</div>

135
resources/views/livewire/buttons/create-card-type.blade.php Normal file
View File

@ -0,0 +1,135 @@
<div>
<!-- anchor tag horizontally -->
<div class="flex items-center gap-2 text-xs text-gray-600">
<!-- Home link -->
<a href="/main/profile" class="flex items-center hover:text-orange-600">
<x-heroicon-o-home class="w-3 h-3 mr-1" />
<span class="leading-none">Home</span>
</a>
<x-heroicon-o-chevron-right class="w-3 h-3" />
<a href="/main/about-us/card-type" class="hover:text-orange-600">
Card Types
</a>
<x-heroicon-o-chevron-right class="w-3 h-3" />
<span>
Create Card Type
</span>
</div>
<!-- Page Title -->
<h3 class="text-5xl font-semibold text-gray-800 mt-4">Card Types</h3>
<!-- Bottom border -->
<div class="border-b border-gray-300 mt-5"></div>
<div class="p-6 mt-10 max-w-5xl mx-auto bg-white rounded-md shadow-md">
<h2 class="text-lg font-semibold mb-4">Card Type Details</h2>
<div class="space-y-4">
<!-- Card Code -->
<div class="flex items-center gap-2">
<label class="w-40">Card Code:</label>
<input type="text" wire:model="card_code" class="flex-1 border rounded px-3 py-2" placeholder="Card Code">
</div>
<!-- Card Type Description -->
<div class="flex items-center gap-2">
<label class="w-40">Card Type Description:</label>
<input type="text" wire:model="card_type_description" class="flex-1 border rounded px-3 py-2" placeholder="Card Type Description">
</div>
<!-- Card Type Short Description -->
<div class="flex items-center gap-2">
<label class="w-40">Card Type Short Description:</label>
<input type="text" wire:model="card_type_short_description" class="flex-1 border rounded px-3 py-2" placeholder="Card Type Short Description">
</div>
<!-- Image Card Type -->
<div class="flex items-start gap-2">
<label class="w-40 pt-2">Upload Card Type Image:</label>
<div class="flex-1">
<input type="file" wire:model="image" class="border rounded px-3 py-2" accept="image/*">
@error('image')
<span class="text-red-500 text-sm">{{ $message }}</span>
@enderror
@if ($typeImage)
<div class="mt-4">
<p class="text-sm text-gray-600 mb-2">Preview:</p>
<img src="{{ $typeImage->temporaryUrl() }}" class="h-48 rounded border">
</div>
@endif
</div>
</div>
<!-- Virtual Card Font Color -->
<div class="flex items-center gap-4">
<label class="w-40">Virtual Card Font Color:</label>
<label>
<input type="radio" wire:model="role" name="role" value="admin" class="mr-1"> White
</label>
<label>
<input type="radio" wire:model="role" name="role" value="marketing" class="mr-1"> Black
</label>
</div>
<!-- Image Card Type -->
<div class="flex items-start gap-2">
<label class="w-40 pt-2">Upload Card Type Image:</label>
<div class="flex-1">
<input type="file" wire:model="image" class="border rounded px-3 py-2" accept="image/*">
@error('image')
<span class="text-red-500 text-sm">{{ $message }}</span>
@enderror
@if ($coverImage)
<div class="mt-4">
<p class="text-sm text-gray-600 mb-2">Preview:</p>
<img src="{{ $coverImage->temporaryUrl() }}" class="h-48 rounded border">
</div>
@endif
</div>
</div>
<!-- ID Number Required -->
<div class="flex items-center gap-4">
<label class="w-40">ID Number Required:</label>
<label>
<input type="radio" wire:model="role" name="role" value="admin" class="mr-1"> Yes
</label>
<label>
<input type="radio" wire:model="role" name="role" value="marketing" class="mr-1"> No
</label>
</div>
<!-- ID Number Description -->
<div class="flex items-center gap-2">
<label class="w-40">ID Number Description:</label>
<input type="text" wire:model="card_type_description" disabled class="flex-1 border rounded px-3 py-2" placeholder="ID Number Descriptionn">
</div>
<h2 class="text-lg font-semibold mb-4">Data Privacy</h2>
<!-- Terms & Condition -->
<div class="flex items-start gap-2">
<label class="w-40 pt-2">Terms & Condition:</label>
<textarea wire:model="email" class="flex-1 border rounded px-3 py-2" rows="4" placeholder="Terms & Condition"></textarea>
</div>
<!-- FAQs -->
<div class="flex items-start gap-2">
<label class="w-40 pt-2">FAQs:</label>
<textarea wire:model="email" class="flex-1 border rounded px-3 py-2" rows="4" placeholder="FAQs"></textarea>
</div>
<!-- Submit / Cancel -->
<div class="mt-6 flex justify-end gap-2">
<button wire:click="cancel" class="px-4 py-2 bg-gray-300 text-black rounded hover:bg-gray-400">Cancel</button>
<button wire:click="submit" class="px-4 py-2 bg-orange-500 text-white rounded hover:bg-orange-600">Submit</button>
</div>
</div>
</div>

43
resources/views/livewire/buttons/create-fuel.blade.php Normal file
View File

@ -0,0 +1,43 @@
<div>
<!-- anchor tag horizontally -->
<div class="flex items-center gap-2 text-xs text-gray-600">
<!-- Home link -->
<a href="/main/profile" class="flex items-center hover:text-orange-600">
<x-heroicon-o-home class="w-3 h-3 mr-1" />
<span class="leading-none">Home</span>
</a>
<x-heroicon-o-chevron-right class="w-3 h-3" />
<a href="/main/station-locator/branch" class="hover:text-orange-600">
Fuel
</a>
<x-heroicon-o-chevron-right class="w-3 h-3" />
<span>
Create Fuel
</span>
</div>
<!-- Page Title -->
<h3 class="text-5xl font-semibold text-gray-800 mt-4">Create Fuel</h3>
<!-- Bottom border -->
<div class="border-b border-gray-300 mt-5"></div>
<div class="p-6 mt-10 max-w-5xl mx-auto bg-white rounded-md shadow-md">
<h2 class="text-lg font-semibold mb-4">Fuel Details</h2>
<div class="space-y-4">
<!-- Fuel Name -->
<div class="flex items-center gap-2">
<label class="w-40">Fuel Name:</label>
<input type="text" wire:model="fuel_name" class="flex-1 border rounded px-3 py-2" placeholder="Fuel Name">
</div>
<!-- Submit / Cancel -->
<div class="mt-6 flex justify-end gap-2">
<button wire:click="cancel" class="px-4 py-2 bg-gray-300 text-black rounded hover:bg-gray-400">Cancel</button>
<button wire:click="submit" class="px-4 py-2 bg-orange-500 text-white rounded hover:bg-orange-600">Submit</button>
</div>
</div>
</div>

60
resources/views/livewire/buttons/create-notification.blade.php Normal file
View File

@ -0,0 +1,60 @@
<div>
<!-- anchor tag horizontally -->
<div class="flex items-center gap-2 text-xs text-gray-600">
<!-- Home link -->
<a href="/main/profile" class="flex items-center w-fit text-xs hover:text-orange-600">
<x-heroicon-o-home class="w-3 h-3 mr-1" />
<span class="leading-none">Home</span>
</a>
<x-heroicon-o-chevron-right class="w-3 h-3" />
<a href="/main/notification" class="hover:text-orange-600">
Notifications
</a>
<x-heroicon-o-chevron-right class="w-3 h-3" />
<span>
Create Notification
</span>
</div>
<!-- Page Title -->
<h3 class="text-5xl font-semibold text-gray-800 mt-4">Create Notification</h3>
<!-- Bottom border -->
<div class="border-b border-gray-300 mt-5"></div>
<div class="p-6 mt-10 max-w-5xl mx-auto bg-white rounded-md shadow-md">
<h2 class="text-lg font-semibold mb-4">Notification Details</h2>
<div class="space-y-4">
<!-- Subject -->
<div class="flex items-center gap-2">
<label class="w-40">Subject:</label>
<input type="text" wire:model="last_name" class="flex-1 border rounded px-3 py-2" placeholder="Subject">
</div>
<!-- Content -->
<div class="flex items-start gap-2">
<label class="w-40 pt-2">Content:</label>
<textarea wire:model="email" class="flex-1 border rounded px-3 py-2" rows="4" placeholder="Enter your content here..."></textarea>
</div>
<!-- Status -->
<div class="flex items-center gap-4">
<label class="w-40">Schedule:</label>
<label>
<input type="radio" wire:model="schecule" name="schedule" value="active" class="mr-1"> Yes
</label>
<label>
<input type="radio" wire:model="schedule" name="schedule" value="inactive" class="mr-1"> No
</label>
</div>
<!-- Submit / Cancel -->
<div class="mt-6 flex justify-end gap-2">
<button wire:click="cancel" class="px-4 py-2 bg-gray-300 text-black rounded hover:bg-gray-400">Cancel</button>
<button wire:click="submit" class="px-4 py-2 bg-orange-500 text-white rounded hover:bg-orange-600">Submit</button>
</div>
</div>
</div>

93
resources/views/livewire/buttons/create-photo-slider.blade.php Normal file
View File

@ -0,0 +1,93 @@
<div>
<!-- anchor tag horizontally -->
<div class="flex items-center gap-2 text-xs text-gray-600">
<!-- Home link -->
<a href="/main/profile" class="flex items-center hover:text-orange-600">
<x-heroicon-o-home class="w-3 h-3 mr-1" />
<span class="leading-none">Home</span>
</a>
<x-heroicon-o-chevron-right class="w-3 h-3" />
<a href="/main/home-page/photo-slider" class="hover:text-orange-600">
Photo Sliders
</a>
<x-heroicon-o-chevron-right class="w-3 h-3" />
<span>
Create Photo Slider
</div>
<!-- Page Title -->
<h3 class="text-5xl font-semibold text-gray-800 mt-4">Create Photo Slider</h3>
<!-- Bottom border -->
<div class="border-b border-gray-300 mt-5"></div>
<div class="p-6 mt-10 max-w-5xl mx-auto bg-white rounded-md shadow-md">
<h2 class="text-lg font-semibold mb-4">Photo Slider Details</h2>
<div class="space-y-4">
<!-- Promotion -->
<div class="flex items-center gap-2">
<label class="w-40">Promotion:</label>
<input type="text" wire:model="last_name" class="flex-1 border rounded px-3 py-2" placeholder="Promotion">
</div>
<!-- Title -->
<div class="flex items-center gap-2">
<label class="w-40">Title:</label>
<input type="text" wire:model="last_name" class="flex-1 border rounded px-3 py-2" placeholder="Title">
</div>
<!-- Description -->
<div class="flex items-start gap-2">
<label class="w-40 pt-2">Description:</label>
<textarea wire:model="email" class="flex-1 border rounded px-3 py-2" rows="4" placeholder="Enter your Description here..."></textarea>
</div>
<!-- Image Upload -->
<div class="flex items-start gap-2">
<label class="w-40 pt-2">Upload Image:</label>
<div class="flex-1">
<input type="file" wire:model="image" class="border rounded px-3 py-2" accept="image/*">
@error('image')
<span class="text-red-500 text-sm">{{ $message }}</span>
@enderror
@if ($image)
<div class="mt-4">
<p class="text-sm text-gray-600 mb-2">Preview:</p>
<img src="{{ $image->temporaryUrl() }}" class="h-48 rounded border">
</div>
@endif
</div>
</div>
<!-- Start Date -->
<div class="flex items-center gap-2">
<label class="w-40">Start Date:</label>
<input type="date" wire:model="start_date" class="flex-1 border rounded px-3 py-2">
</div>
<!-- End Date -->
<div class="flex items-center gap-2">
<label class="w-40">End Date:</label>
<input type="date" wire:model="end_date" class="flex-1 border rounded px-3 py-2">
</div>
<!-- Start Time -->
<div class="flex items-center gap-2">
<label class="w-40">Start Time:</label>
<input type="time" wire:model="start_time" class="flex-1 border rounded px-3 py-2">
</div>
<!-- End Time -->
<div class="flex items-center gap-2">
<label class="w-40">End Time:</label>
<input type="time" wire:model="end_time" class="flex-1 border rounded px-3 py-2">
</div>
<!-- Submit / Cancel -->
<div class="mt-6 flex justify-end gap-2">
<button wire:click="cancel" class="px-4 py-2 bg-gray-300 text-black rounded hover:bg-gray-400">Cancel</button>
<button wire:click="submit" class="px-4 py-2 bg-orange-500 text-white rounded hover:bg-orange-600">Submit</button>
</div>
</div>
</div>

122
resources/views/livewire/buttons/create-promotion.blade.php Normal file
View File

@ -0,0 +1,122 @@
<div>
<!-- anchor tag horizontally -->
<div class="flex items-center gap-2 text-xs text-gray-600">
<!-- Home link -->
<a href="/main/profile" class="flex items-center hover:text-orange-600">
<x-heroicon-o-home class="w-3 h-3 mr-1" />
<span class="leading-none">Home</span>
</a>
<x-heroicon-o-chevron-right class="w-3 h-3" />
<a href="/main/promotion" class="hover:text-orange-600">
Promotions
</a>
<x-heroicon-o-chevron-right class="w-3 h-3" />
<span>
Create Promotion
</span>
</div>
<!-- Page Title -->
<h3 class="text-5xl font-semibold text-gray-800 mt-4">Create Promotion</h3>
<!-- Bottom border -->
<div class="border-b border-gray-300 mt-5"></div>
<div class="p-6 mt-10 max-w-5xl mx-auto bg-white rounded-md shadow-md">
<h2 class="text-lg font-semibold mb-4">Promotion Details</h2>
<div class="space-y-4">
<!-- Title -->
<div class="flex items-center gap-2">
<label class="w-40">Title:</label>
<input type="text" wire:model="last_name" class="flex-1 border rounded px-3 py-2" placeholder="Title">
</div>
<!-- Description -->
<div class="flex items-start gap-2">
<label class="w-40 pt-2">Description:</label>
<textarea wire:model="email" class="flex-1 border rounded px-3 py-2" rows="4" placeholder="Enter your Description here..."></textarea>
</div>
<!-- Image Upload -->
<div class="flex items-start gap-2">
<label class="w-40 pt-2">Upload Image:</label>
<div class="flex-1">
<input type="file" wire:model="image" class="border rounded px-3 py-2" accept="image/*">
@error('image')
<span class="text-red-500 text-sm">{{ $message }}</span>
@enderror
@if ($image)
<div class="mt-4">
<p class="text-sm text-gray-600 mb-2">Preview:</p>
<img src="{{ $image->temporaryUrl() }}" class="h-48 rounded border">
</div>
@endif
</div>
</div>
<!-- Branch -->
<div class="flex items-center gap-2">
<label class="w-40">Branch:</label>
<input type="text" wire:model="last_name" class="flex-1 border rounded px-3 py-2" placeholder="Branch">
</div>
<!-- Start Date -->
<div class="flex items-center gap-2">
<label class="w-40">Start Date:</label>
<input type="date" wire:model="start_date" class="flex-1 border rounded px-3 py-2">
</div>
<!-- End Date -->
<div class="flex items-center gap-2">
<label class="w-40">End Date:</label>
<input type="date" wire:model="end_date" class="flex-1 border rounded px-3 py-2">
</div>
<!-- Start Time -->
<div class="flex items-center gap-2">
<label class="w-40">Start Time:</label>
<input type="time" wire:model="start_time" class="flex-1 border rounded px-3 py-2">
</div>
<!-- End Time -->
<div class="flex items-center gap-2">
<label class="w-40">Start Time:</label>
<input type="time" wire:model="end_time" class="flex-1 border rounded px-3 py-2">
</div>
<!-- Add in 2 Promos -->
<div class="flex items-center gap-4">
<label class="w-40">Add in Top 2 Promos:</label>
<label>
<input type="radio" wire:model="role" name="role" value="admin" class="mr-1"> Yes
</label>
<label>
<input type="radio" wire:model="role" name="role" value="marketing" class="mr-1"> No
</label>
</div>
<!-- Promo Type -->
<div class="flex items-center gap-2">
<label class="w-40">Promo Type:</label>
<input type="text" wire:model="last_name" class="flex-1 border rounded px-3 py-2" placeholder="Promo Type">
</div>
<!-- Add in 2 Promos -->
<div class="flex items-center gap-4">
<label class="w-40">Add in GPS:</label>
<label>
<input type="radio" wire:model="role" name="role" value="admin" class="mr-1"> Yes
</label>
<label>
<input type="radio" wire:model="role" name="role" value="marketing" class="mr-1"> No
</label>
</div>
<!-- Submit / Cancel -->
<div class="mt-6 flex justify-end gap-2">
<button wire:click="cancel" class="px-4 py-2 bg-gray-300 text-black rounded hover:bg-gray-400">Cancel</button>
<button wire:click="submit" class="px-4 py-2 bg-orange-500 text-white rounded hover:bg-orange-600">Submit</button>
</div>
</div>
</div>

82
resources/views/livewire/buttons/create-station.blade.php Normal file
View File

@ -0,0 +1,82 @@
<div>
<!-- anchor tag horizontally -->
<div class="flex items-center gap-2 text-xs text-gray-600">
<!-- Home link -->
<a href="/main/profile" class="flex items-center hover:text-orange-600">
<x-heroicon-o-home class="w-3 h-3 mr-1" />
<span class="leading-none">Home</span>
</a>
<x-heroicon-o-chevron-right class="w-3 h-3" />
<a href="/main/station-locator/branch" class="hover:text-orange-600">
Station
</a>
<x-heroicon-o-chevron-right class="w-3 h-3" />
<span>
Create Station
</span>
</div>
<!-- Page Title -->
<h3 class="text-5xl font-semibold text-gray-800 mt-4">Create Station</h3>
<!-- Bottom border -->
<div class="border-b border-gray-300 mt-5"></div>
<div class="p-6 mt-10 max-w-5xl mx-auto bg-white rounded-md shadow-md">
<h2 class="text-lg font-semibold mb-4">Upload Prices</h2>
<div class="space-y-4">
<!-- Download CSV Template -->
<div class="mb-4">
<a href="{{ asset('storage/templates/price-template.csv') }}"
class="text-orange-500 hover:text-orange-600 underline text-lg"
download>
Download Prices Template
</a>
</div>
<!-- CSV Upload -->
<div class="flex items-start gap-2">
<label class="w-40 pt-2">Upload CSV:</label>
<div class="flex-1">
<input type="file" wire:model="csv" class="border rounded px-3 py-2" accept="image/*">
@error('image')
<span class="text-red-500 text-sm">{{ $message }}</span>
@enderror
@if ($csv)
<div class="mt-4">
<p class="text-sm text-gray-600 mb-2">Preview:</p>
<img src="{{ $csv->temporaryUrl() }}" class="h-48 rounded border">
</div>
@endif
</div>
</div>
<!-- Select Date -->
<div class="flex items-center gap-2">
<label class="w-40">Select Date:</label>
<input type="date" wire:model="select_date" class="flex-1 border rounded px-3 py-2">
</div>
<!-- Text -->
<div class="p-10 text-sm text-gray-700">
<ul class="list-disc pl-10 space-y-1">
<li>This is for scheduling update for group or station.</li>
<li>Schedule will be applied to uploaded stations.</li>
</ul>
<span class="italic block mt-4">If you want to schedule update for another group of stations please upload new file.</span>
</div>
<!-- Submit / Cancel -->
<div class="mt-6 flex justify-end gap-2">
<button wire:click="cancel" class="px-4 py-2 bg-gray-300 text-black rounded hover:bg-gray-400">Cancel</button>
<button wire:click="submit" class="px-4 py-2 bg-orange-500 text-white rounded hover:bg-orange-600">Upload New Pricelist</button>
</div>
</div>
</div>

58
resources/views/livewire/buttons/create-terms-and-privacy.blade.php Normal file
View File

@ -0,0 +1,58 @@
<div>
<div>
<!-- anchor tag horizontally -->
<div class="flex items-center gap-2 text-xs text-gray-600">
<!-- Home link -->
<a href="/main/profile" class="flex items-center hover:text-orange-600">
<x-heroicon-o-home class="w-3 h-3 mr-1" />
<span class="leading-none">Home</span>
</a>
<x-heroicon-o-chevron-right class="w-3 h-3" />
<a href="/main/about-us/terms-and-privacy" class="hover:text-orange-600">Terms & Privacy</a>
<x-heroicon-o-chevron-right class="w-3 h-3" />
<span>Create Terms & Privacy</span>
</div>
<!-- Page Title -->
<h3 class="text-5xl font-semibold text-gray-800 mt-4">Create Terms or Privacy</h3>
<!-- Bottom border -->
<div class="border-b border-gray-300 mt-5"></div>
<div class="p-6 mt-10 max-w-5xl mx-auto bg-white rounded-md shadow-md">
<h2 class="text-lg font-semibold mb-4">Terms or Privacy Details</h2>
<div class="space-y-4">
<!-- Title -->
<div class="flex items-center gap-2">
<label class="w-40">Title:</label>
<input type="text" wire:model="title" class="flex-1 border rounded px-3 py-2" placeholder="Title">
</div>
<!-- Details -->
<div class="flex items-start gap-2">
<label class="w-40 pt-2">Details:</label>
<textarea wire:model="detail" class="flex-1 border rounded px-3 py-2" rows="4" placeholder="Details"></textarea>
</div>
<!-- Type -->
<div class="flex items-center gap-4">
<label class="w-40">Type:</label>
<label>
<input type="radio" wire:model="role" name="role" value="admin" class="mr-1"> Terms and Condition
</label>
<label>
<input type="radio" wire:model="role" name="role" value="marketing" class="mr-1"> Privacy Policy
</label>
</div>
<!-- Submit / Cancel -->
<div class="mt-6 flex justify-end gap-2">
<button wire:click="cancel" class="px-4 py-2 bg-gray-300 text-black rounded hover:bg-gray-400">Cancel</button>
<button wire:click="submit" class="px-4 py-2 bg-orange-500 text-white rounded hover:bg-orange-600">Submit</button>
</div>
</div>
</div>
</div>

65
resources/views/livewire/buttons/create-top-up.blade.php Normal file
View File

@ -0,0 +1,65 @@
<div>
<!-- anchor tag horizontally -->
<div class="flex items-center gap-2 text-xs text-gray-600">
<!-- Home link -->
<a href="/main/profile" class="flex items-center w-fit text-xs hover:text-orange-600">
<x-heroicon-o-home class="w-3 h-3 mr-1" />
<span class="leading-none">Home</span>
</a>
<x-heroicon-o-chevron-right class="w-3 h-3" />
<a href="/main/notification" class="hover:text-orange-600">
Top-Up
</a>
<x-heroicon-o-chevron-right class="w-3 h-3" />
<span>
Create Top-Up
</span>
</div>
<!-- Page Title -->
<h3 class="text-5xl font-semibold text-gray-800 mt-4">Top-Up</h3>
<!-- Bottom border -->
<div class="border-b border-gray-300 mt-5"></div>
<div class="p-6 mt-10 max-w-5xl mx-auto bg-white rounded-md shadow-md">
<h2 class="text-lg font-semibold mb-4">Top-up Details</h2>
<div class="space-y-4">
<!-- Fee Code -->
<div class="flex items-center gap-2">
<label class="w-40">Fee Code:</label>
<input type="text" wire:model="fee_code" class="flex-1 border rounded px-3 py-2" placeholder="Fee Code">
</div>
<!-- Name -->
<div class="flex items-center gap-2">
<label class="w-40">Name:</label>
<input type="text" wire:model="name" class="flex-1 border rounded px-3 py-2" placeholder="Name">
</div>
<!-- Value -->
<div class="flex items-center gap-2">
<label class="w-40">Value:</label>
<input type="text" wire:model="name" class="flex-1 border rounded px-3 py-2" placeholder="Value">
</div>
<!-- Type -->
<div class="flex items-center gap-4">
<label class="w-40">Type:</label>
<label>
<input type="radio" wire:model="role" name="role" value="admin" class="mr-1"> PH Peso
</label>
<label>
<input type="radio" wire:model="role" name="role" value="marketing" class="mr-1"> Percentage
</label>
</div>
<!-- Submit / Cancel -->
<div class="mt-6 flex justify-end gap-2">
<button wire:click="cancel" class="px-4 py-2 bg-gray-300 text-black rounded hover:bg-gray-400">Cancel</button>
<button wire:click="submit" class="px-4 py-2 bg-orange-500 text-white rounded hover:bg-orange-600">Submit</button>
</div>
</div>
</div>

91
resources/views/livewire/buttons/create-user.blade.php Normal file
View File

@ -0,0 +1,91 @@
<div>
<!-- anchor tag horizontally -->
<div class="flex items-center gap-2 text-xs text-gray-600">
<!-- Home link -->
<a href="/main/profile" class="flex items-center hover:text-orange-600">
<x-heroicon-o-home class="w-3 h-3 mr-1" />
<span class="leading-none">Home</span>
</a>
<x-heroicon-o-chevron-right class="w-3 h-3" />
<a href="/main/user-management" class="hover:text-orange-600">
User Management
</a>
<x-heroicon-o-chevron-right class="w-3 h-3" />
<span>
Create User
</span>
</div>
<!-- Page Title -->
<h3 class="text-5xl font-semibold text-gray-800 mt-4">Create User</h3>
<!-- Bottom border -->
<div class="border-b border-gray-300 mt-"></div>
<div class="p-6 mt-10 max-w-5xl mx-auto bg-white rounded-md shadow-md">
<h2 class="text-lg font-semibold mb-4">User Details</h2>
<div class="space-y-4">
<!-- Username -->
<div class="flex items-center gap-2">
<label class="w-40">Username:</label>
<input type="text" wire:model="username" class="flex-1 border rounded px-3 py-2" placeholder="User name">
<button class="bg-orange-500 text-white px-3 py-1 rounded">Copy</button>
</div>
<!-- First Name -->
<div class="flex items-center gap-2">
<label class="w-40">First Name:</label>
<input type="text" wire:model="first_name" class="flex-1 border rounded px-3 py-2" placeholder="First Name">
</div>
<!-- Last Name -->
<div class="flex items-center gap-2">
<label class="w-40">Last Name:</label>
<input type="text" wire:model="last_name" class="flex-1 border rounded px-3 py-2" placeholder="Last Name">
</div>
<!-- Email -->
<div class="flex items-center gap-2">
<label class="w-40">Email Address:</label>
<input type="email" wire:model="email" class="flex-1 border rounded px-3 py-2" placeholder="Email Address">
</div>
<!-- Status -->
<div class="flex items-center gap-4">
<label class="w-40">Status:</label>
<label>
<input type="radio" wire:model="status" name="status" value="active" class="mr-1"> Active
</label>
<label>
<input type="radio" wire:model="status" name="status" value="inactive" class="mr-1"> Inactive
</label>
</div>
<!-- Role -->
<div class="flex items-center gap-4">
<label class="w-40">User Role:</label>
<label>
<input type="radio" wire:model="role" name="role" value="admin" class="mr-1"> System Admin
</label>
<label>
<input type="radio" wire:model="role" name="role" value="marketing" class="mr-1"> Marketing Personnel
</label>
</div>
<!-- Password -->
<div class="flex items-center gap-2">
<label class="w-40">Default Password:</label>
<input type="text" wire:model="default_password" class="flex-1 border rounded px-3 py-2" placeholder="Default Password">
<button wire:click="generatePassword" class="bg-orange-500 text-white px-3 py-1 rounded">Generate</button>
<button class="bg-orange-500 text-white px-3 py-1 rounded">Copy</button>
</div>
</div>
<!-- Submit / Cancel -->
<div class="mt-6 flex justify-end gap-2">
<button wire:click="cancel" class="px-4 py-2 bg-gray-300 text-black rounded hover:bg-gray-400">Cancel</button>
<button wire:click="submit" class="px-4 py-2 bg-orange-500 text-white rounded hover:bg-orange-600">Submit</button>
</div>
</div>
</div>

20
resources/views/livewire/components/table.blade.php
View File

@ -1,17 +1,23 @@
<div class="mt-10"> <div class="mt-10">
<div class="p-4 bg-white shadow-md"> <div class="p-4 bg-white shadow-md">
<!-- Search Input with Debounce --> <!-- Top Bar with Search & Add Button -->
<div class="mb-4"> <div class="mb-4 flex items-center justify-between">
<input type="text" wire:model.debounce.500ms="search" <input type="text" wire:model.debounce.500ms="search"
class="w-80 p-2 border border-gray-300 rounded-md" class="w-80 p-2 border border-gray-300 rounded-md"
placeholder="Search..." placeholder="Search..."
autofocus> autofocus>
@if ($hasAddButton && $addRoute)
<a href="{{ $addRoute }}" wire:navigate
class="ml-4 px-4 py-2 bg-orange-500 text-white rounded-md hover:bg-orange-600">
+ Add
</a>
@endif
</div> </div>
<table class="table-auto w-full"> <table class="table-auto w-full">
<thead class="bg-gray-100"> <thead class="bg-gray-100">
<tr> <tr>
<!-- Conditionally display Select All Checkbox in the header -->
@if ($hasCheckbox) @if ($hasCheckbox)
<th class="px-4 py-2 text-left"> <th class="px-4 py-2 text-left">
<input type="checkbox" wire:model="selectAll" wire:change="selectAllRows" class="cursor-pointer"> <input type="checkbox" wire:model="selectAll" wire:change="selectAllRows" class="cursor-pointer">
@ -21,15 +27,14 @@
@foreach ($columns as $column) @foreach ($columns as $column)
<th class="px-4 py-2 text-left cursor-pointer" wire:click="sortBy('{{ $column['field'] }}')"> <th class="px-4 py-2 text-left cursor-pointer" wire:click="sortBy('{{ $column['field'] }}')">
{{ $column['label'] }} {{ $column['label'] }}
<!-- Sorting Icons -->
@if ($sortField === $column['field']) @if ($sortField === $column['field'])
@if ($sortDirection === 'asc') @if ($sortDirection === 'asc')
<span class="ml-2">&#8593;</span> <!-- Up Triangle --> <span class="ml-2">&#8593;</span>
@else @else
<span class="ml-2">&#8595;</span> <!-- Down Triangle --> <span class="ml-2">&#8595;</span>
@endif @endif
@else @else
<span class="ml-2">&#8597;</span> <!-- Up Triangle by default --> <span class="ml-2">&#8597;</span>
@endif @endif
</th> </th>
@endforeach @endforeach
@ -42,7 +47,6 @@
<tbody> <tbody>
@forelse ($rows as $row) @forelse ($rows as $row)
<tr class="hover:bg-gray-50"> <tr class="hover:bg-gray-50">
<!-- Conditionally display Row Checkbox based on hasCheckbox -->
@if ($hasCheckbox) @if ($hasCheckbox)
<td class="px-4 py-2"> <td class="px-4 py-2">
<input type="checkbox" wire:click="selectRow('{{ $row['id'] }}')" <input type="checkbox" wire:click="selectRow('{{ $row['id'] }}')"

1
resources/views/livewire/home-page-mobile/photo-slider.blade.php
View File

@ -12,5 +12,6 @@
:hasCheckbox="true" :hasCheckbox="true"
:hasActions="true" :hasActions="true"
:isViewPage="false" :isViewPage="false"
:addRoute="route('photo-slider-create')"
/> />
</div> </div>

43
resources/views/livewire/main-content-manager.blade.php
View File

@ -81,8 +81,47 @@
@case('fuel') @case('fuel')
<livewire:fuel /> <livewire:fuel />
@break @break
<!-- end -->
@case('user-create')
<livewire:buttons.create-user />
@break
@case('notification-create')
<livewire:buttons.create-notification />
@break
@case('photo-slider-create')
<livewire:buttons.create-photo-slider />
@break
@case('promotion-create')
<livewire:buttons.create-promotion />
@break
@case('top-up-create')
<livewire:buttons.create-top-up />
@break
@case('card-type-create')
<livewire:buttons.create-card-type />
@break
@case('terms-and-privacy-create')
<livewire:buttons.create-terms-and-privacy />
@break
@case('branch-create')
<livewire:buttons.create-branch />
@break
@case('station-create')
<livewire:buttons.create-station />
@break
@case('fuel-create')
<livewire:buttons.create-fuel />
@break
@default @default
<livewire: profile /> <livewire: profile />
@endswitch @endswitch

195
resources/views/livewire/navigation/drawer.blade.php
View File

@ -1,8 +1,8 @@
<div class="w-80 bg-white text-black flex-shrink-0 shadow-md"> <div x-data="{ collapsed: false }" class="bg-white text-black flex-shrink-0 shadow-md transition-all duration-300" :class="{ 'w-20': collapsed, 'w-80': !collapsed }">
<div class="text-center mb-5"> <div class="text-center mb-5 cursor-pointer" @click="collapsed = !collapsed">
<img src="{{ asset('assets/unioil(orange).png') }}" alt="Unioil Logo" class="mx-auto w-20 mt-5"> <img src="{{ asset('assets/unioil(orange).png') }}" alt="Unioil Logo" class="mx-auto transition-all duration-300" :class="{ 'w-20 p-5': collapsed, 'w-40 mt-5': !collapsed }">
</div> </div>
<nav class="flex flex-col space-y-2 p-4"> <nav class="flex flex-col space-y-2 p-4">
@php @php
function activeClass($path) { function activeClass($path) {
@ -10,117 +10,116 @@
} }
@endphp @endphp
<a wire:navigate href="/main/user-management" class="flex items-center gap-2 text-left text-sm hover:bg-orange-200 p-2 rounded {{ activeClass('main/user-management') }}"> <a wire:navigate href="/main/user-management" class="flex items-center gap-2 text-left text-sm hover:bg-orange-200 p-2 rounded {{ activeClass('main/user-management') }}">
<x-heroicon-o-user class="w-5 h-5 {{ activeClass('main/user-management') }}" /> <x-heroicon-o-user class="w-5 h-5 {{ activeClass('main/user-management') }}" />
<span class="{{ activeClass('main/user-management') }}">User Management</span> <span x-show="!collapsed" class="{{ activeClass('main/user-management') }}">User Management</span>
</a> </a>
<a wire:navigate href="/main/notification" class="flex items-center gap-2 text-left text-sm hover:bg-orange-200 p-2 rounded {{ activeClass('main/notification') }}"> <a wire:navigate href="/main/notification" class="flex items-center gap-2 text-left text-sm hover:bg-orange-200 p-2 rounded {{ activeClass('main/notification') }}">
<x-heroicon-o-bell class="w-5 h-5 {{ activeClass('main/notification') }}" /> <x-heroicon-o-bell class="w-5 h-5 {{ activeClass('main/notification') }}" />
<span class="{{ activeClass('main/notification') }}">Notifications</span> <span x-show="!collapsed" class="{{ activeClass('main/notification') }}">Notifications</span>
</a> </a>
<!-- Dropdown: Member Management --> <!-- Dropdown: Member Management -->
<div x-data="{ open: $persist(false).as('dropdown-member-management') }" class="relative"> <div x-data="{ open: $persist(false).as('dropdown-member-management') }" class="relative">
<button @click="open = !open" class="flex items-center justify-between gap-2 w-full text-left text-sm hover:bg-orange-200 p-2 rounded"> <button @click="open = !open" class="flex items-center justify-between gap-2 w-full text-left text-sm hover:bg-orange-200 p-2 rounded">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<x-heroicon-o-credit-card class="w-5 h-5 {{ activeClass('main/member-management*') }}" /> <x-heroicon-o-credit-card class="w-5 h-5 {{ activeClass('main/member-management*') }}" />
<span class="{{ activeClass('main/member-management*') }}">Member Management</span> <span x-show="!collapsed" class="{{ activeClass('main/member-management*') }}">Member Management</span>
</div>
<svg x-show="!collapsed" :class="{ 'rotate-180': open }" class="w-4 h-4 transform transition-transform duration-200" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
</svg>
</button>
<div x-show="open && !collapsed" x-transition x-cloak class="pl-8 mt-1 flex flex-col space-y-1">
<a wire:navigate href="/main/member-management/card-member" class="text-left text-sm hover:bg-orange-200 p-2 rounded {{ activeClass('main/member-management/card-member') }}">Card Member</a>
<a wire:navigate href="/main/member-management/locked-account" class="text-left text-sm hover:bg-orange-200 p-2 rounded {{ activeClass('main/member-management/locked-account') }}">Locked Accounts</a>
</div> </div>
<svg :class="{ 'rotate-180': open }" class="w-4 h-4 transform transition-transform duration-200" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
</svg>
</button>
<div x-show="open" x-transition x-cloak class="pl-8 mt-1 flex flex-col space-y-1">
<a wire:navigate href="/main/member-management/card-member" class="text-left text-sm hover:bg-orange-200 p-2 rounded {{ activeClass('main/member-management/card-member') }}">Card Member</a>
<a wire:navigate href="/main/member-management/locked-account" class="text-left text-sm hover:bg-orange-200 p-2 rounded {{ activeClass('main/member-management/locked-account') }}">Locked Accounts</a>
</div> </div>
</div>
<!-- Dropdown: Home Page (Mobile) --> <!-- Dropdown: Home Page (Mobile) -->
<div x-data="{ open: $persist(false).as('dropdown-home-page') }" class="relative"> <div x-data="{ open: $persist(false).as('dropdown-home-page') }" class="relative">
<button @click="open = !open" class="flex items-center justify-between gap-2 w-full text-left text-sm hover:bg-orange-200 p-2 rounded"> <button @click="open = !open" class="flex items-center justify-between gap-2 w-full text-left text-sm hover:bg-orange-200 p-2 rounded">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<x-heroicon-o-home class="w-5 h-5 {{ activeClass('main/home-page-mobile*') }}" /> <x-heroicon-o-home class="w-5 h-5 {{ activeClass('main/home-page-mobile*') }}" />
<span class="{{ activeClass('main/home-page-mobile*') }}">Home Page (Mobile)</span> <span x-show="!collapsed" class="{{ activeClass('main/home-page-mobile*') }}">Home Page (Mobile)</span>
</div>
<svg x-show="!collapsed" :class="{ 'rotate-180': open }" class="w-4 h-4 transform transition-transform duration-200" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
</svg>
</button>
<div x-show="open && !collapsed" x-transition x-cloak class="pl-8 mt-1 flex flex-col space-y-1">
<a wire:navigate href="/main/home-page-mobile/photo-slider" class="text-left text-sm hover:bg-orange-200 p-2 rounded {{ activeClass('main/home-page-mobile/photo-slider') }}">Photo Sliders</a>
</div> </div>
<svg :class="{ 'rotate-180': open }" class="w-4 h-4 transform transition-transform duration-200" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
</svg>
</button>
<div x-show="open" x-transition x-cloak class="pl-8 mt-1 flex flex-col space-y-1">
<a wire:navigate href="/main/home-page-mobile/photo-slider" class="text-left text-sm hover:bg-orange-200 p-2 rounded {{ activeClass('main/home-page-mobile/photo-slider') }}">Photo Sliders</a>
</div> </div>
</div>
<a wire:navigate href="/main/promotion" class="flex items-center gap-2 text-left text-sm hover:bg-orange-200 p-2 rounded {{ activeClass('main/promotion') }}"> <a wire:navigate href="/main/promotion" class="flex items-center gap-2 text-left text-sm hover:bg-orange-200 p-2 rounded {{ activeClass('main/promotion') }}">
<x-heroicon-o-tag class="w-5 h-5 {{ activeClass('main/promotion') }}" /> <x-heroicon-o-tag class="w-5 h-5 {{ activeClass('main/promotion') }}" />
<span class="{{ activeClass('main/promotion') }}">Promotions</span> <span x-show="!collapsed" class="{{ activeClass('main/promotion') }}">Promotions</span>
</a> </a>
<a wire:navigate href="/main/top-up" class="flex items-center gap-2 text-left text-sm hover:bg-orange-200 p-2 rounded {{ activeClass('main/top-up') }}"> <a wire:navigate href="/main/top-up" class="flex items-center gap-2 text-left text-sm hover:bg-orange-200 p-2 rounded {{ activeClass('main/top-up') }}">
<x-heroicon-o-plus-circle class="w-5 h-5 {{ activeClass('main/top-up') }}" /> <x-heroicon-o-plus-circle class="w-5 h-5 {{ activeClass('main/top-up') }}" />
<span class="{{ activeClass('main/top-up') }}">Top Up</span> <span x-show="!collapsed" class="{{ activeClass('main/top-up') }}">Top Up</span>
</a> </a>
<!-- Dropdown: About Us --> <!-- Dropdown: About Us -->
<div x-data="{ open: $persist(false).as('dropdown-about-us') }" class="relative"> <div x-data="{ open: $persist(false).as('dropdown-about-us') }" class="relative">
<button @click="open = !open" class="flex items-center justify-between gap-2 w-full text-left text-sm hover:bg-orange-200 p-2 rounded"> <button @click="open = !open" class="flex items-center justify-between gap-2 w-full text-left text-sm hover:bg-orange-200 p-2 rounded">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<x-heroicon-o-information-circle class="w-5 h-5 {{ activeClass('main/about-us*') }}" /> <x-heroicon-o-information-circle class="w-5 h-5 {{ activeClass('main/about-us*') }}" />
<span class="{{ activeClass('main/about-us*') }}">About Us</span> <span x-show="!collapsed" class="{{ activeClass('main/about-us*') }}">About Us</span>
</div>
<svg x-show="!collapsed" :class="{ 'rotate-180': open }" class="w-4 h-4 transform transition-transform duration-200" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
</svg>
</button>
<div x-show="open && !collapsed" x-transition x-cloak class="pl-8 mt-1 flex flex-col space-y-1">
<a wire:navigate href="/main/about-us/card-type" class="text-left text-sm hover:bg-orange-200 p-2 rounded {{ activeClass('main/about-us/card-type') }}">Card Types</a>
<a wire:navigate href="/main/about-us/terms-and-privacy" class="text-left text-sm hover:bg-orange-200 p-2 rounded {{ activeClass('main/about-us/terms-and-privacy') }}">Terms & Privacy</a>
</div> </div>
<svg :class="{ 'rotate-180': open }" class="w-4 h-4 transform transition-transform duration-200" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
</svg>
</button>
<div x-show="open" x-transition x-cloak class="pl-8 mt-1 flex flex-col space-y-1">
<a wire:navigate href="/main/about-us/card-type" class="text-left text-sm hover:bg-orange-200 p-2 rounded {{ activeClass('main/about-us/card-type') }}">Card Types</a>
<a wire:navigate href="/main/about-us/terms-and-privacy" class="text-left text-sm hover:bg-orange-200 p-2 rounded {{ activeClass('main/about-us/terms-and-privacy') }}">Terms & Privacy</a>
</div> </div>
</div>
<!-- Dropdown: Reports --> <!-- Dropdown: Reports -->
<div x-data="{ open: $persist(false).as('dropdown-report') }" class="relative"> <div x-data="{ open: $persist(false).as('dropdown-report') }" class="relative">
<button @click="open = !open" class="flex items-center justify-between gap-2 w-full text-left text-sm hover:bg-orange-200 p-2 rounded"> <button @click="open = !open" class="flex items-center justify-between gap-2 w-full text-left text-sm hover:bg-orange-200 p-2 rounded">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<x-heroicon-o-document class="w-5 h-5 {{ activeClass('main/report*') }}" /> <x-heroicon-o-document class="w-5 h-5 {{ activeClass('main/report*') }}" />
<span class="{{ activeClass('main/report*') }}">Reports</span> <span x-show="!collapsed" class="{{ activeClass('main/report*') }}">Reports</span>
</div>
<svg x-show="!collapsed" :class="{ 'rotate-180': open }" class="w-4 h-4 transform transition-transform duration-200" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
</svg>
</button>
<div x-show="open && !collapsed" x-transition x-cloak class="pl-8 mt-1 flex flex-col space-y-1">
<a wire:navigate href="/main/report/registration-report" class="text-left text-sm hover:bg-orange-200 p-2 rounded {{ activeClass('main/report/registration-report') }}">Registration Report</a>
<a wire:navigate href="/main/report/top-up-usage-report" class="text-left text-sm hover:bg-orange-200 p-2 rounded {{ activeClass('main/report/top-up-usage-report') }}">Top Up Usage Report</a>
<a wire:navigate href="/main/report/mobile-usage-report" class="text-left text-sm hover:bg-orange-200 p-2 rounded {{ activeClass('main/report/mobile-usage-report') }}">Mobile Usage Report</a>
<a wire:navigate href="/main/report/station-rating-report" class="text-left text-sm hover:bg-orange-200 p-2 rounded {{ activeClass('main/report/station-rating-report') }}">Station Rating Report</a>
</div> </div>
<svg :class="{ 'rotate-180': open }" class="w-4 h-4 transform transition-transform duration-200" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
</svg>
</button>
<div x-show="open" x-transition x-cloak class="pl-8 mt-1 flex flex-col space-y-1">
<a wire:navigate href="/main/report/registration-report" class="text-left text-sm hover:bg-orange-200 p-2 rounded {{ activeClass('main/report/registration-report') }}">Registration Report</a>
<a wire:navigate href="/main/report/top-up-usage-report" class="text-left text-sm hover:bg-orange-200 p-2 rounded {{ activeClass('main/report/top-up-usage-report') }}">Top Up Usage Report</a>
<a wire:navigate href="/main/report/mobile-usage-report" class="text-left text-sm hover:bg-orange-200 p-2 rounded {{ activeClass('main/report/mobile-usage-report') }}">Mobile Usage Report</a>
<a wire:navigate href="/main/report/station-rating-report" class="text-left text-sm hover:bg-orange-200 p-2 rounded {{ activeClass('main/report/station-rating-report') }}">Station Rating Report</a>
</div> </div>
</div>
<a wire:navigate href="/main/system-parameter" class="flex items-center gap-2 text-left text-sm hover:bg-orange-200 p-2 rounded {{ activeClass('main/system-parameter') }}"> <a wire:navigate href="/main/system-parameter" class="flex items-center gap-2 text-left text-sm hover:bg-orange-200 p-2 rounded {{ activeClass('main/system-parameter') }}">
<x-heroicon-o-cog-6-tooth class="w-5 h-5 {{ activeClass('main/system-parameter') }}" /> <x-heroicon-o-cog-6-tooth class="w-5 h-5 {{ activeClass('main/system-parameter') }}" />
<span class="{{ activeClass('main/system-parameter') }}">System Parameters</span> <span x-show="!collapsed" class="{{ activeClass('main/system-parameter') }}">System Parameters</span>
</a> </a>
<!-- Dropdown: Station Locator --> <!-- Dropdown: Station Locator -->
<div x-data="{ open: $persist(false).as('dropdown-station-locator') }" class="relative"> <div x-data="{ open: $persist(false).as('dropdown-station-locator') }" class="relative">
<button @click="open = !open" class="flex items-center justify-between gap-2 w-full text-left text-sm hover:bg-orange-200 p-2 rounded"> <button @click="open = !open" class="flex items-center justify-between gap-2 w-full text-left text-sm hover:bg-orange-200 p-2 rounded">
<div class="flex items-center gap-2"> <div class="flex items-center gap-2">
<x-heroicon-o-map-pin class="w-5 h-5 {{ activeClass('main/station-locator*') }}" /> <x-heroicon-o-map-pin class="w-5 h-5 {{ activeClass('main/station-locator*') }}" />
<span class="{{ activeClass('main/station-locator*') }}">Station Locator</span> <span x-show="!collapsed" class="{{ activeClass('main/station-locator*') }}">Station Locator</span>
</div>
<svg x-show="!collapsed" :class="{ 'rotate-180': open }" class="w-4 h-4 transform transition-transform duration-200" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
</svg>
</button>
<div x-show="open && !collapsed" x-transition x-cloak class="pl-8 mt-1 flex flex-col space-y-1">
<a wire:navigate href="/main/station-locator/branch" class="text-left text-sm hover:bg-orange-200 p-2 rounded {{ activeClass('main/station-locator/branch') }}">Branches</a>
<a wire:navigate href="/main/station-locator/station" class="text-left text-sm hover:bg-orange-200 p-2 rounded {{ activeClass('main/station-locator/station') }}">Stations</a>
<a wire:navigate href="/main/station-locator/fuel" class="text-left text-sm hover:bg-orange-200 p-2 rounded {{ activeClass('main/station-locator/fuel') }}">Fuels</a>
</div> </div>
<svg :class="{ 'rotate-180': open }" class="w-4 h-4 transform transition-transform duration-200" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
</svg>
</button>
<div x-show="open" x-transition x-cloak class="pl-8 mt-1 flex flex-col space-y-1">
<a wire:navigate href="/main/station-locator/branch" class="text-left text-sm hover:bg-orange-200 p-2 rounded {{ activeClass('main/station-locator/branch') }}">Branches</a>
<a wire:navigate href="/main/station-locator/station" class="text-left text-sm hover:bg-orange-200 p-2 rounded {{ activeClass('main/station-locator/station') }}">Stations</a>
<a wire:navigate href="/main/station-locator/fuel" class="text-left text-sm hover:bg-orange-200 p-2 rounded {{ activeClass('main/station-locator/fuel') }}">Fuels</a>
</div> </div>
</div> </nav>
</nav>
</div> </div>

1
resources/views/livewire/notification/notification.blade.php
View File

@ -11,6 +11,7 @@
]" ]"
:rows="$notifs" :rows="$notifs"
:hasActions="false" :hasActions="false"
:addRoute="route('notification-create')"
/> />
</div> </div>

1
resources/views/livewire/promotion/promotion.blade.php
View File

@ -13,5 +13,6 @@
:hasCheckbox="true" :hasCheckbox="true"
:hasActions="true" :hasActions="true"
:isViewPage="false" :isViewPage="false"
:addRoute="route('promotion-create')"
/> />
</div> </div>

1
resources/views/livewire/station-locator/branch.blade.php
View File

@ -13,5 +13,6 @@
:rows="$branches" :rows="$branches"
:hasActions="true" :hasActions="true"
:isViewPage="false" :isViewPage="false"
:addRoute="route('branch-create')"
/> />
</div> </div>

1
resources/views/livewire/station-locator/fuel.blade.php
View File

@ -10,5 +10,6 @@
:rows="$fuels" :rows="$fuels"
:hasActions="true" :hasActions="true"
:isViewPage="false" :isViewPage="false"
:addRoute="route('fuel-create')"
/> />
</div> </div>

1
resources/views/livewire/station-locator/station.blade.php
View File

@ -14,5 +14,6 @@
:rows="$stations" :rows="$stations"
:hasActions="true" :hasActions="true"
:isViewPage="false" :isViewPage="false"
:addRoute="route('station-create')"
/> />
</div> </div>

4
resources/views/livewire/top-up/top-nav/top-up.blade.php
View File

@ -8,12 +8,12 @@
</a> </a>
<x-heroicon-o-chevron-right class="w-4 h-4" /> <x-heroicon-o-chevron-right class="w-4 h-4" />
<a href="/main/top-up" class="hover:text-orange-600"> <a href="/main/top-up" class="hover:text-orange-600">
Top Up Top-Up
</a> </a>
</div> </div>
<!-- Page Title --> <!-- Page Title -->
<h3 class="text-5xl font-semibold text-gray-800 mt-4">Top Up</h3> <h3 class="text-5xl font-semibold text-gray-800 mt-4">Top-Up</h3>
<!-- Bottom border --> <!-- Bottom border -->
<div class="border-b border-gray-300 mt-5"></div> <div class="border-b border-gray-300 mt-5"></div>

1
resources/views/livewire/top-up/top-up.blade.php
View File

@ -11,5 +11,6 @@
:rows="$topUp" :rows="$topUp"
:hasActions="true" :hasActions="true"
:isViewPage="false" :isViewPage="false"
:addRoute="route('top-up-create')"
/> />
</div> </div>

30
resources/views/livewire/user-management/user-management.blade.php
View File

@ -1,16 +1,20 @@
<div> <div>
@include('livewire.user-management.top-nav.user-management') @include('livewire.user-management.top-nav.user-management')
<livewire:components.table
:columns="[ <livewire:components.table
['label' => 'Username', 'field' => 'username'], :columns="[
['label' => 'First Name', 'field' => 'first_name'], ['label' => 'Username', 'field' => 'username'],
['label' => 'Last Name', 'field' => 'last_name'], ['label' => 'First Name', 'field' => 'first_name'],
['label' => 'Email', 'field' => 'email'], ['label' => 'Last Name', 'field' => 'last_name'],
['label' => 'Role', 'field' => 'role'], ['label' => 'Email', 'field' => 'email'],
['label' => 'Status', 'field' => 'status'], ['label' => 'Role', 'field' => 'role'],
]" ['label' => 'Status', 'field' => 'status'],
:rows="$users" ]"
:hasActions="true" :rows="$users"
:isViewPage="false" :addRoute="route('user-create')"
:hasAddButton="true"
:hasCheckbox="true"
:hasActions="true"
:isViewPage="false"
/> />
</div> </div>

86
routes/web.php
View File

@ -32,33 +32,73 @@ Route::get('/login', function () {
})->name('login'); })->name('login');
// Route::get('/login', LoginForm::class)->name('layouts.app'); // // Route::get('/login', LoginForm::class)->name('layouts.app');
// Route::get('/dashboard', function () { // // Route::get('/dashboard', function () {
// return view('main.dashboard'); // This view extends layouts.dashboard // // return view('main.dashboard'); // This view extends layouts.dashboard
// }); // // });
// Route::get('/main', MainContentManager::class)->name('main.dashboard'); // // Route::get('/main', MainContentManager::class)->name('main.dashboard');
// Route::get('/main/profile', Profile::class)->name('profile.profile'); // // Route::get('/main/profile', Profile::class)->name('profile.profile');
// Route::get('/main/user-management', UserManagement::class)->name('user-management.user-management'); // Route::get('/main/user-management', UserManagement::class)->name('user-management.user-management');
// Route::get('/main/notification', Notification::class)->name('notification.notification'); // // Route::get('/main/notification', Notification::class)->name('notification.notification');
// Route::get('/main/member-management/card-member', CardMember::class)->name('member-management.card-member'); // // Route::get('/main/member-management/card-member', CardMember::class)->name('member-management.card-member');
// Route::get('/main/member-management/locked-account', LockedAccount::class)->name('member-management.locked-account'); // // Route::get('/main/member-management/locked-account', LockedAccount::class)->name('member-management.locked-account');
// Route::get('/main/home-page-mobile/photo-slider', PhotoSlider::class)->name('home-page-mobile.photo-slider'); // // Route::get('/main/home-page-mobile/photo-slider', PhotoSlider::class)->name('home-page-mobile.photo-slider');
// Route::get('/main/promotion', Promotion::class)->name('promotion.promotion'); // // Route::get('/main/promotion', Promotion::class)->name('promotion.promotion');
// Route::get('/main/top-up', TopUp::class)->name('top-up.top-up'); // // Route::get('/main/top-up', TopUp::class)->name('top-up.top-up');
// Route::get('/main/about-us/card-type', CardType::class)->name('about-us.card-type'); // // Route::get('/main/about-us/card-type', CardType::class)->name('about-us.card-type');
// Route::get('/main/about-us/terms-and-privacy', TermsAndPrivacy::class)->name('about-us.terms-and-privacy'); // // Route::get('/main/about-us/terms-and-privacy', TermsAndPrivacy::class)->name('about-us.terms-and-privacy');
// Route::get('/main/report/registration-report', RegistrationReport::class)->name('report.registration-report'); // // Route::get('/main/report/registration-report', RegistrationReport::class)->name('report.registration-report');
// Route::get('/main/report/top-up-usage-report', TopUpUsageReport::class)->name('report.top-up-usage-report'); // // Route::get('/main/report/top-up-usage-report', TopUpUsageReport::class)->name('report.top-up-usage-report');
// Route::get('/main/report/mobile-usage-report', MobileUsageReport::class)->name('report.mobile-usage-report'); // // Route::get('/main/report/mobile-usage-report', MobileUsageReport::class)->name('report.mobile-usage-report');
// Route::get('/main/report/station-rating-report', StationRatingReport::class)->name('report.station-rating-report'); // // Route::get('/main/report/station-rating-report', StationRatingReport::class)->name('report.station-rating-report');
// Route::get('/main/system-parameter', SystemParameter::class)->name('system-parameter.system-parameter'); // // Route::get('/main/system-parameter', SystemParameter::class)->name('system-parameter.system-parameter');
// Route::get('/main/station-locator/branch', Branch::class)->name('station-locator.branch'); // // Route::get('/main/station-locator/branch', Branch::class)->name('station-locator.branch');
// Route::get('/main/station-locator/station', Station::class)->name('station-locator.station'); // // Route::get('/main/station-locator/station', Station::class)->name('station-locator.station');
// Route::get('/main/station-locator/fuel', Fuel::class)->name('station-locator.fuel'); // // Route::get('/main/station-locator/fuel', Fuel::class)->name('station-locator.fuel');
Route::get('/main/{page?}', function () { Route::get('/main/{page?}', function () {
return view('main.dashboard'); return view('main.dashboard');
})->where('page', '.*'); })->where('page', '.*');
Route::get('/main/user-management/user-create', function () {
return view('main.dashboard', ['activePage' => 'user-create']);
})->name('user-create');
Route::get('/main/notification/notification-create', function () {
return view('main.dashboard', ['activePage' => 'notification-create']);
})->name('notification-create');
Route::get('/main/home-page-mobile/photo-slider-create', function () {
return view('main.dashboard', ['activePage' => 'photo-slider-create']);
})->name('photo-slider-create');
Route::get('/main/promotion/promotion-create', function () {
return view('main.dashboard', ['activePage' => 'promotion-create']);
})->name('promotion-create');
Route::get('/main/top-up/top-up-create', function () {
return view('main.dashboard', ['activePage' => 'top-up-create']);
})->name('top-up-create');
Route::get('/main/about-us/card-type-create', function () {
return view('main.dashboard', ['activePage' => 'card-type-create']);
})->name('card-type-create');
Route::get('/main/about-us/terms-and-privacy-create', function () {
return view('main.dashboard', ['activePage' => 'terms-and-privacy-create']);
})->name('terms-and-privacy-create');
Route::get('/main/station-locator/branch-create', function () {
return view('main.dashboard', ['activePage' => 'branch-create']);
})->name('branch-create');
Route::get('/main/station-locator/station-create', function () {
return view('main.dashboard', ['activePage' => 'station-create']);
})->name('station-create');
Route::get('/main/station-locator/fuel-create', function () {
return view('main.dashboard', ['activePage' => 'fuel-create']);
})->name('fuel-create');