Yusuf-Sabuwala/real-estate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Yusuf Sabuwala
2026-01-11 17:11:43 +00:00
commit 55bf184d53
157 changed files with 20499 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
resources/js/Pages/Subunits/Create.vue Normal file
View File

@@ -0,0 +1,70 @@
<template>
<AppLayout>
<template #breadcrumb>
<Link href="/" class="hover:text-[#137fec]">Home</Link>
<span class="mx-2">/</span>
<Link :href="route('subunits.index')" class="hover:text-[#137fec]">Subunits</Link>
<span class="mx-2">/</span>
<span>Create</span>
</template>
<div class="max-w-2xl">
<h1 class="text-2xl font-bold text-slate-900 mb-6">Add Subunit</h1>
<form @submit.prevent="submit" class="bg-white rounded-xl border border-slate-200 p-6 space-y-4">
<div>
<label class="block text-sm font-medium text-slate-700 mb-2">Unit</label>
<select v-model="form.unit_id" class="w-full px-4 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-[#137fec]" required>
<option value="">Select Unit</option>
<option v-for="unit in units" :key="unit.id" :value="unit.id">{{ unit.building.building_name }} - Unit {{ unit.unit_no }}</option>
</select>
</div>
<div>
<label class="block text-sm font-medium text-slate-700 mb-2">Subunit Number</label>
<input v-model="form.subunit_no" type="text" class="w-full px-4 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-[#137fec]" required />
</div>
<div>
<label class="block text-sm font-medium text-slate-700 mb-2">Type</label>
<input v-model="form.subunit_type" type="text" placeholder="room, partition, hall, etc." class="w-full px-4 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-[#137fec]" required />
</div>
<div>
<label class="block text-sm font-medium text-slate-700 mb-2">Area (sqft)</label>
<input v-model="form.area_sqft" type="number" class="w-full px-4 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-[#137fec]" />
</div>
<div>
<label class="block text-sm font-medium text-slate-700 mb-2">Status</label>
<select v-model="form.status" class="w-full px-4 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-[#137fec]" required>
<option value="vacant">Vacant</option>
<option value="occupied">Occupied</option>
</select>
</div>
<div class="flex gap-4 pt-4">
<button type="submit" class="px-6 py-2 bg-[#137fec] text-white rounded-lg font-medium hover:bg-[#137fec]/90">Save</button>
<Link :href="route('subunits.index')" class="px-6 py-2 border border-slate-200 text-slate-600 rounded-lg font-medium hover:bg-slate-50">Cancel</Link>
</div>
</form>
</div>
</AppLayout>
</template>
<script setup>
import { useForm, Link } from '@inertiajs/vue3'
import AppLayout from '@/Layouts/AppLayout.vue'
const props = defineProps({ units: Array })
const form = useForm({
unit_id: '',
subunit_no: '',
subunit_type: '',
area_sqft: '',
status: 'vacant'
})
const submit = () => form.post(route('subunits.store'))
</script>

70
resources/js/Pages/Subunits/Edit.vue Normal file
View File

@@ -0,0 +1,70 @@
<template>
<AppLayout>
<template #breadcrumb>
<Link href="/" class="hover:text-[#137fec]">Home</Link>
<span class="mx-2">/</span>
<Link :href="route('subunits.index')" class="hover:text-[#137fec]">Subunits</Link>
<span class="mx-2">/</span>
<span>Edit</span>
</template>
<div class="max-w-2xl">
<h1 class="text-2xl font-bold text-slate-900 mb-6">Edit Subunit</h1>
<form @submit.prevent="submit" class="bg-white rounded-xl border border-slate-200 p-6 space-y-4">
<div>
<label class="block text-sm font-medium text-slate-700 mb-2">Unit</label>
<select v-model="form.unit_id" class="w-full px-4 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-[#137fec]" required>
<option value="">Select Unit</option>
<option v-for="unit in units" :key="unit.id" :value="unit.id">{{ unit.building.building_name }} - Unit {{ unit.unit_no }}</option>
</select>
</div>
<div>
<label class="block text-sm font-medium text-slate-700 mb-2">Subunit Number</label>
<input v-model="form.subunit_no" type="text" class="w-full px-4 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-[#137fec]" required />
</div>
<div>
<label class="block text-sm font-medium text-slate-700 mb-2">Type</label>
<input v-model="form.subunit_type" type="text" placeholder="room, partition, hall, etc." class="w-full px-4 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-[#137fec]" required />
</div>
<div>
<label class="block text-sm font-medium text-slate-700 mb-2">Area (sqft)</label>
<input v-model="form.area_sqft" type="number" class="w-full px-4 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-[#137fec]" />
</div>
<div>
<label class="block text-sm font-medium text-slate-700 mb-2">Status</label>
<select v-model="form.status" class="w-full px-4 py-2 border border-slate-200 rounded-lg focus:ring-2 focus:ring-[#137fec]" required>
<option value="vacant">Vacant</option>
<option value="occupied">Occupied</option>
</select>
</div>
<div class="flex gap-4 pt-4">
<button type="submit" class="px-6 py-2 bg-[#137fec] text-white rounded-lg font-medium hover:bg-[#137fec]/90">Update</button>
<Link :href="route('subunits.index')" class="px-6 py-2 border border-slate-200 text-slate-600 rounded-lg font-medium hover:bg-slate-50">Cancel</Link>
</div>
</form>
</div>
</AppLayout>
</template>
<script setup>
import { useForm, Link } from '@inertiajs/vue3'
import AppLayout from '@/Layouts/AppLayout.vue'
const props = defineProps({ subunit: Object, units: Array })
const form = useForm({
unit_id: props.subunit.unit_id,
subunit_no: props.subunit.subunit_no,
subunit_type: props.subunit.subunit_type,
area_sqft: props.subunit.area_sqft,
status: props.subunit.status
})
const submit = () => form.put(route('subunits.update', props.subunit.id))
</script>

61
resources/js/Pages/Subunits/Index.vue Normal file
View File

@@ -0,0 +1,61 @@
<template>
<AppLayout>
<template #breadcrumb>
<Link href="/" class="hover:text-[#137fec]">Home</Link>
<span class="mx-2">/</span>
<span>Subunits</span>
</template>
<div class="space-y-6">
<div class="flex justify-between items-center">
<h1 class="text-2xl font-bold text-slate-900">Subunits</h1>
<Link :href="route('subunits.create')" class="px-4 py-2 bg-[#137fec] text-white rounded-lg font-medium hover:bg-[#137fec]/90">
Add Subunit
</Link>
</div>
<div class="bg-white rounded-xl border border-slate-200 overflow-hidden">
<table class="w-full">
<thead class="bg-slate-50">
<tr>
<th class="px-6 py-3 text-left text-xs font-semibold text-slate-600 uppercase">Building</th>
<th class="px-6 py-3 text-left text-xs font-semibold text-slate-600 uppercase">Unit</th>
<th class="px-6 py-3 text-left text-xs font-semibold text-slate-600 uppercase">Subunit No</th>
<th class="px-6 py-3 text-left text-xs font-semibold text-slate-600 uppercase">Type</th>
<th class="px-6 py-3 text-left text-xs font-semibold text-slate-600 uppercase">Area (sqft)</th>
<th class="px-6 py-3 text-left text-xs font-semibold text-slate-600 uppercase">Status</th>
<th class="px-6 py-3 text-left text-xs font-semibold text-slate-600 uppercase">Actions</th>
</tr>
</thead>
<tbody class="divide-y divide-slate-200">
<tr v-for="subunit in subunits.data" :key="subunit.id" class="hover:bg-slate-50">
<td class="px-6 py-4 text-sm font-medium text-slate-900">{{ subunit.unit?.building?.building_name }}</td>
<td class="px-6 py-4 text-sm text-slate-900">{{ subunit.unit?.unit_no }}</td>
<td class="px-6 py-4 text-sm text-slate-900">{{ subunit.subunit_no }}</td>
<td class="px-6 py-4 text-sm text-slate-900">{{ subunit.subunit_type }}</td>
<td class="px-6 py-4 text-sm text-slate-900">{{ subunit.area_sqft }}</td>
<td class="px-6 py-4"><span class="px-2 py-1 text-xs font-bold rounded-md bg-green-50 text-green-700">{{ subunit.status }}</span></td>
<td class="px-6 py-4 text-sm space-x-2">
<Link :href="route('subunits.edit', subunit.id)" class="text-[#137fec] hover:underline">Edit</Link>
<button @click="destroy(subunit.id)" class="text-red-600 hover:underline">Delete</button>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</AppLayout>
</template>
<script setup>
import { Link, router } from '@inertiajs/vue3'
import AppLayout from '@/Layouts/AppLayout.vue'
defineProps({ subunits: Object })
const destroy = (id) => {
if (confirm('Delete this subunit?')) {
router.delete(route('subunits.destroy', id))
}
}
</script>