-- Room prices Config.RoomPrice = 500 -- per payment interval
client_scripts { 'config.lua', 'client.lua' }
-- Simple key item use (if using item) RegisterNetEvent('hotel:useKeyItem') AddEventHandler('hotel:useKeyItem', function(roomNumber) TriggerServerEvent('hotel:useKey', roomNumber) end) local framework = nil if Config.Framework == 'esx' then ESX = exports['es_extended']:getSharedObject() else QBCore = exports['qb-core']:GetCoreObject() end -- Register item (for key) if Config.Framework == 'esx' then ESX.RegisterUsableItem('hotel_key', function(source) TriggerClientEvent('hotel:useKeyItem', source) end) else QBCore.Functions.CreateUseableItem('hotel_key', function(source, item) TriggerClientEvent('hotel:useKeyItem', source, item.info.room) end) end hotel script fivem
shared_scripts { '@ox_lib/init.lua', -- optional but recommended '@es_extended/imports.lua' -- if using ESX }
function Notify(source, msg, type) if Config.Framework == 'esx' then TriggerClientEvent('esx:showNotification', source, msg) else TriggerClientEvent('QBCore:Notify', source, msg, type) end end <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Hotel Payment</title> <style> body { font-family: 'Poppins', sans-serif; background: rgba(0,0,0,0.7); display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; } .payment-box { background: #1e1e2f; color: white; padding: 30px; border-radius: 12px; text-align: center; width: 300px; box-shadow: 0 0 20px rgba(0,0,0,0.5); } .payment-box h2 { margin-bottom: 10px; } .price { font-size: 28px; color: #ffc107; margin: 20px 0; } button { background: #2ecc71; border: none; color: white; padding: 12px 20px; border-radius: 8px; cursor: pointer; font-size: 18px; width: 100%; } button:hover { background: #27ae60; } .close { background: #e74c3c; margin-top: 10px; } .close:hover { background: #c0392b; } </style> </head> <body> <div class="payment-box"> <h2>Hotel Room Rental</h2> <p id="roomDisplay">Room: ---</p> <div class="price">$<span id="price">0</span></div> <button id="payBtn">Pay & Rent</button> <button id="closeBtn" class="close">Cancel</button> </div> <script> let currentRoom = null; let currentPrice = 0; -- Room prices Config
-- NUI callback for payment RegisterNUICallback('payRoom', function(data, cb) SetNuiFocus(false, false) TriggerServerEvent('hotel:payRent', data.room, data.price) cb('ok') end)
dependencies { 'es_extended', -- or 'qb-core' 'ox_target' -- or 'qb-target' } Config = {} -- Framework: 'esx' or 'qb' Config.Framework = 'esx' 'success') else Notify(src
-- Handle payment and room assignment RegisterNetEvent('hotel:payRent') AddEventHandler('hotel:payRent', function(roomNumber, price) local src = source local identifier = getIdentifier(src)
-- Notification function function Notify(msg, type) if Config.Framework == 'esx' then TriggerEvent('esx:showNotification', msg) else TriggerEvent('QBCore:Notify', msg, type or 'info') end end local playerRoom = nil local currentKey = nil -- Load framework if Config.Framework == 'esx' then ESX = exports["es_extended"]:getSharedObject() else QBCore = exports['qb-core']:GetCoreObject() end
TriggerClientEvent('hotel:assignRoom', src, roomNumber) Notify(src, 'You rented room ' .. roomNumber .. ' for $' .. price, 'success') else Notify(src, 'Not enough money', 'error') end end)
MySQL.query('SELECT room_number, paid_until FROM hotel_rentals WHERE citizenid = ?', {identifier}, function(result) if result[1] then local paidUntil = result[1].paid_until if os.time() < paidUntil then TriggerClientEvent('hotel:requestPayment', src, result[1].room_number, Config.RoomPrice) else MySQL.query('DELETE FROM hotel_rentals WHERE citizenid = ?', {identifier}) TriggerClientEvent('hotel:requestPayment', src, nil, Config.RoomPrice) end else TriggerClientEvent('hotel:requestPayment', src, nil, Config.RoomPrice) end end) end)