+
+ );
+}
+
+function StatCard({
+ title,
+ value,
+ icon,
+ gradient,
+}: {
+ title: string;
+ value: string;
+ icon: React.ReactNode;
+ gradient: string;
+ shadowColor: string;
+}) {
+ return (
+
+ {/* Header */}
+
+
+
+
+ {/* Stats */}
+
+
+
+
+ + Tur firmalari +
++ Firmalarni karta ko'rinishida boshqaring va statistikani kuzating +
+
+
+
+ {/* Cards Grid */}
+
+ {paginatedAgencies.map((agency) => (
+
+
+ {/* Pagination */}
+
+
+
+ ))}
+
+ {/* Header */}
+
+
+
+
+ {/* Stats Grid */}
+
+
+ + {agency.name} +
+
+
+ {agency.owner}
+
+ {agency.status === "faol" ? "Faol" : "No-faol"}
+
+
+
+
+ {/* Actions */}
+
+
+ + Komissiya +
++ {agency.profitPercent}% +
+
+
+ + Jami tur +
++ {agency.totalTours} +
+
+
+ + Sotilgan +
++ {agency.soldTours} +
+
+
+ + Daromad +
++ {(agency.totalProfit / 1_000_000).toFixed(1)}M +
+
+
+
+
+
+
+
+ {[...Array(totalPages)].map((_, i) => (
+
+ ))}
+
+
+
+
+
+
+ );
+}
diff --git a/src/pages/agencies/AgencyDetail.tsx b/src/pages/agencies/AgencyDetail.tsx
new file mode 100644
index 0000000..4457642
--- /dev/null
+++ b/src/pages/agencies/AgencyDetail.tsx
@@ -0,0 +1,240 @@
+"use client";
+
+import { Badge } from "@/shared/ui/badge";
+import { Button } from "@/shared/ui/button";
+import { Card, CardContent, CardHeader, CardTitle } from "@/shared/ui/card";
+import {
+ ArrowLeft,
+ ChevronRight,
+ DollarSign,
+ Package,
+ Percent,
+ TrendingUp,
+} from "lucide-react";
+import { useEffect, useState } from "react";
+import { Link, useNavigate, useParams } from "react-router-dom";
+
+type Tour = {
+ id: number;
+ name: string;
+ description: string;
+ sold: number;
+ profit: number;
+ status: "faol" | "nofaol";
+};
+
+type Agency = {
+ id: number;
+ name: string;
+ owner: string;
+ status: "faol" | "nofaol";
+ profitPercent: number;
+ totalTours: number;
+ soldTours: number;
+ totalProfit: number;
+ tours: Tour[];
+};
+
+export default function AgencyDetailPage() {
+ const params = useParams();
+ const router = useNavigate();
+ const [agency, setAgency] = useState
+
+
+
+ {title}
+
+ {icon}
+
+ {value}
+
+
+ );
+ }
+
+ return (
+ Yuklanmoqda...
+
+
+ );
+}
diff --git a/src/pages/bookings/ui/Bookings.tsx b/src/pages/bookings/ui/Bookings.tsx
new file mode 100644
index 0000000..4e445c0
--- /dev/null
+++ b/src/pages/bookings/ui/Bookings.tsx
@@ -0,0 +1,160 @@
+import { Eye } from "lucide-react";
+import { useState } from "react";
+import { Link } from "react-router-dom";
+
+type Booking = {
+ id: number;
+ userName: string;
+ tourName: string;
+ agentName: string;
+ destination: string;
+ totalAmount: number;
+ paidAmount: number;
+ status: "Paid" | "Partial" | "Pending";
+};
+
+const initialBookings: Booking[] = [
+ {
+ id: 1,
+ userName: "Alijon Saidov",
+ tourName: "Ichan Qala - Xiva",
+ agentName: "Xiva Tours",
+ destination: "Xiva",
+ totalAmount: 1200,
+ paidAmount: 1200,
+ status: "Paid",
+ },
+ {
+ id: 2,
+ userName: "Shahnoza Karimova",
+ tourName: "Samarqandning Qadimiy Go'zalligi",
+ agentName: "Samarqand Travel",
+ destination: "Samarqand",
+ totalAmount: 1500,
+ paidAmount: 800,
+ status: "Partial",
+ },
+ {
+ id: 3,
+ userName: "Javlon Tursunov",
+ tourName: "Tog'li Chimyon Sayohati",
+ agentName: "Toshkent Explorer",
+ destination: "Toshkent V.",
+ totalAmount: 1000,
+ paidAmount: 0,
+ status: "Pending",
+ },
+];
+
+const getStatusColor = (status: string) => {
+ switch (status) {
+ case "Paid":
+ return "bg-gray-600 text-green-500 border-gray-500";
+ case "Partial":
+ return "bg-gray-600 text-yellow-500 border-gray-600";
+ case "Pending":
+ return "bg-gray-600 text-red-500 border-gray-600";
+ default:
+ return "bg-gray-600 text-gray-100 border-gray-500";
+ }
+};
+
+const BookingsPanel = () => {
+ const [bookings, setBookings] = useState
+ {/* Header */}
+
+
+
+ Qo'shilgan turlar
+
+
+
+
+
+
+
+
+ {agency.status === "faol" ? "Faol" : "No-faol"}
+
+
+
+ {/* Stats Grid */}
+
+
+
+
+
+ {agency.name}
+Egasi: {agency.owner}
+
+ {/* Total Tours */}
+
+
+
+ Jami turlar
+
+
+
+
+
+
+ {/* Sold Tours */}
+
+
+
+ Sotilgan turlar
+
+
+
+
+
+
+ {/* Profit Percent */}
+
+
+
+ Ulush foizi
+
+
+
+
+
+
+ {/* Total Profit */}
+
+
+
+ Umumiy daromad
+
+
+
+
+
+
+
+ {/* Tours List */}
+
+ {agency.totalTours}
+
+ + Qo'shilgan turlar soni +
+
+ {agency.soldTours}
+
+ Jami sotilgan turlar
+
+ {agency.profitPercent}%
+
+ Har bir sotuvdan
+
+ {(agency.totalProfit / 1000).toLocaleString()}
+
+ so'm daromad
++ Firma tomonidan qo'shilgan barcha turlar ro'yxati +
+
+ {agency.tours.map((tour) => (
+
+
+
+
+
+ ))}
+
+
+
+
+
+
+ + {tour.name} +
++ {tour.description} +
+
+
+
+
+
+
+
+
+ );
+};
+
+export default BookingsPanel;
diff --git a/src/pages/employees/ui/Employees.tsx b/src/pages/employees/ui/Employees.tsx
new file mode 100644
index 0000000..2120652
--- /dev/null
+++ b/src/pages/employees/ui/Employees.tsx
@@ -0,0 +1,360 @@
+import formatPhone from "@/shared/lib/formatPhone";
+import {
+ Form,
+ FormControl,
+ FormField,
+ FormItem,
+ FormMessage,
+} from "@/shared/ui/form";
+import { Input } from "@/shared/ui/input";
+import { Label } from "@/shared/ui/label";
+import {
+ Select,
+ SelectContent,
+ SelectItem,
+ SelectTrigger,
+ SelectValue,
+} from "@/shared/ui/select";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Edit, Phone, Plus, Trash2, X } from "lucide-react";
+import { useEffect, useState } from "react";
+import { useForm } from "react-hook-form";
+import z from "zod";
+
+const roles = ["Operator", "Bugalter", "Manager"] as const;
+
+type Employee = {
+ id: number;
+ firstname: string;
+ lastname: string;
+ phone: string;
+ role: "Operator" | "Bugalter" | "Manager";
+};
+
+const initialEmployees: Employee[] = [
+ {
+ id: 1,
+ firstname: "Alisher",
+ lastname: "Karimov",
+ phone: "+998901234567",
+ role: "Operator",
+ },
+ {
+ id: 2,
+ firstname: "Nigora",
+ lastname: "Rahimova",
+ phone: "+998912345678",
+ role: "Bugalter",
+ },
+ {
+ id: 3,
+ firstname: "Nigora",
+ lastname: "Rahimova",
+ phone: "+998912345678",
+ role: "Manager",
+ },
+];
+
+const employeeSchema = z.object({
+ firstname: z.string().min(2, "Kamida 2 ta belgidan iborat bo'lishi kerak"),
+ lastname: z.string().min(2, "Kamida 2 ta belgidan iborat bo'lishi kerak"),
+ phone: z.string().min(9, "Telefon raqam noto'g'ri"),
+ role: z.enum(roles),
+});
+
+type EmployeeFormValues = z.infer
+
+ + Bronlar Paneli +
+ +
+
+
+
+
+
+
+ | + User + | ++ Tour (Agent) + | ++ Destination + | ++ Total / Paid + | ++ Status + | ++ Ko'rish + | +
|---|---|---|---|---|---|
| + {booking.userName} + | ++ {booking.tourName}{" "} + + ({booking.agentName}) + + | ++ {booking.destination} + | ++ ${booking.paidAmount} / ${booking.totalAmount} + | ++ + | ++ + + + | +
+
+ );
+};
+
+export default EmployeesManagement;
diff --git a/src/pages/faq/ui/Faq.tsx b/src/pages/faq/ui/Faq.tsx
new file mode 100644
index 0000000..ad42d55
--- /dev/null
+++ b/src/pages/faq/ui/Faq.tsx
@@ -0,0 +1,346 @@
+"use client";
+
+import { Button } from "@/shared/ui/button";
+import {
+ Dialog,
+ DialogContent,
+ DialogFooter,
+ DialogHeader,
+ DialogTitle,
+} from "@/shared/ui/dialog";
+import {
+ Form,
+ FormControl,
+ FormField,
+ FormItem,
+ FormMessage,
+} from "@/shared/ui/form";
+import { Input } from "@/shared/ui/input";
+import { Label } from "@/shared/ui/label";
+import {
+ Select,
+ SelectContent,
+ SelectGroup,
+ SelectItem,
+ SelectLabel,
+ SelectTrigger,
+ SelectValue,
+} from "@/shared/ui/select";
+import {
+ Table,
+ TableBody,
+ TableCell,
+ TableHead,
+ TableHeader,
+ TableRow,
+} from "@/shared/ui/table";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/shared/ui/tabs";
+import { Textarea } from "@/shared/ui/textarea";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Pencil, PlusCircle, Trash2 } from "lucide-react";
+import { useEffect, useState } from "react";
+import { useForm } from "react-hook-form";
+import z from "zod";
+
+type FaqType = {
+ id: number;
+ category: string;
+ question: string;
+ answer: string;
+};
+
+const categories = [
+ { value: "umumiy", label: "Umumiy" },
+ { value: "tolov", label: "Toβlov" },
+ { value: "hujjatlar", label: "Hujjatlar" },
+ { value: "sugurta", label: "Sugβurta" },
+];
+
+const initialFaqs: FaqType[] = [
+ {
+ id: 1,
+ category: "umumiy",
+ question: "Sayohatni bron qilish uchun qanday toβlov usullari mavjud?",
+ answer:
+ "Biz kredit karta, Payme, Click, va naqd toβlovni qabul qilamiz. Toβlovlar xavfsiz va ishonchli tizim orqali amalga oshiriladi.",
+ },
+ {
+ id: 2,
+ category: "umumiy",
+ question: "Sayohatni bekor qilsam, pul qaytariladimi?",
+ answer:
+ "Ha, ammo bu bron qilingan turdagi sayohatga bogβliq. Baβzi sayohatlar uchun 24 soat oldin bekor qilsangiz, toβliq qaytariladi.",
+ },
+ {
+ id: 3,
+ category: "hujjatlar",
+ question: "Pasport muddati tugasa sayohat qilish mumkinmi?",
+ answer:
+ "Yoβq, pasport muddati kamida 6 oy amal qilishi kerak. Aks holda, mamlakatga kirish rad etiladi.",
+ },
+ {
+ id: 4,
+ category: "sugurta",
+ question: "Sayohat davomida sugβurta kerakmi?",
+ answer:
+ "Ha, biz barcha mijozlarga sayohat sugβurtasini tavsiya qilamiz. Bu favqulodda holatlarda yordam beradi.",
+ },
+ {
+ id: 5,
+ category: "tolov",
+ question: "Toβlovni bosqichma-bosqich amalga oshirish mumkinmi?",
+ answer: "Ha, ayrim yoβnalishlar uchun bosqichli toβlov mavjud.",
+ },
+];
+
+const faqForm = z.object({
+ categories: z.string().min(1, { message: "Majburiy maydon" }),
+ title: z.string().min(1, { message: "Majburiy maydon" }),
+ answer: z.string().min(1, { message: "Majburiy maydon" }),
+});
+
+const Faq = () => {
+ const [faqs, setFaqs] = useState
+
+
+ {showModal && (
+
+
+
+
+
+
+ + Xodimlar +
++ Jami {employees.length} ta xodim +
+
+ {currentEmployees.map((employee) => (
+
+
+
+ ))}
+
+
+
+
+
+
+
+ + {employee.firstname} {employee.lastname} +
+{employee.role}
+
+
+
+
+
+
+
+
+
+
+
+
+ {[...Array(totalPages)].map((_, i) => (
+
+ ))}
+
+
+
+
+
+ )}
+
+
+
+
+
+ + {modalMode === "add" ? "Xodim qo'shish" : "Xodimni tahrirlash"} +
+ +
+
+
+
+
+ {/* Header */}
+
+
+ {categories.map((cat) => (
+
+ {cat.label}
+
+ ))}
+
+
+
+ {filteredFaqs.length > 0 ? (
+
+
+
+
+
+
+
+ );
+};
+
+export default Faq;
diff --git a/src/pages/faq/ui/FaqCategory.tsx b/src/pages/faq/ui/FaqCategory.tsx
new file mode 100644
index 0000000..bb5231c
--- /dev/null
+++ b/src/pages/faq/ui/FaqCategory.tsx
@@ -0,0 +1,232 @@
+"use client";
+
+import { Button } from "@/shared/ui/button";
+import {
+ Dialog,
+ DialogContent,
+ DialogFooter,
+ DialogHeader,
+ DialogTitle,
+} from "@/shared/ui/dialog";
+import {
+ Form,
+ FormControl,
+ FormField,
+ FormItem,
+ FormMessage,
+} from "@/shared/ui/form";
+import { Input } from "@/shared/ui/input";
+import { Label } from "@/shared/ui/label";
+import {
+ Table,
+ TableBody,
+ TableCell,
+ TableHead,
+ TableHeader,
+ TableRow,
+} from "@/shared/ui/table";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Pencil, PlusCircle, Trash2 } from "lucide-react";
+import { useEffect, useState } from "react";
+import { useForm } from "react-hook-form";
+import z from "zod";
+
+type FaqCategoryType = {
+ id: number;
+ name: string;
+ faqCount: number;
+};
+
+// fakeData: kategoriya + savol soni
+const initialCategories: FaqCategoryType[] = [
+ { id: 1, name: "umumiy", faqCount: 8 },
+ { id: 2, name: "toβlov", faqCount: 5 },
+ { id: 3, name: "hujjatlar", faqCount: 6 },
+ { id: 4, name: "sugβurta", faqCount: 3 },
+];
+
+const categoryFormSchema = z.object({
+ name: z.string().min(1, { message: "Kategoriya nomi majburiy" }),
+});
+
+const FaqCategory = () => {
+ const [categories, setCategories] =
+ useState
+
+
+ {/* Tabs */}
+ FAQ (Savol va javoblar)
+ +
+
+
+
+ ) : (
+ + Bu boβlimda savollar yoβq. +
+ )} +
+
+ );
+};
+
+export default FaqCategory;
diff --git a/src/pages/finance/ui/Finance.tsx b/src/pages/finance/ui/Finance.tsx
new file mode 100644
index 0000000..35028ed
--- /dev/null
+++ b/src/pages/finance/ui/Finance.tsx
@@ -0,0 +1,431 @@
+"use client";
+
+import {
+ CreditCard,
+ DollarSign,
+ Eye,
+ Hotel,
+ MapPin,
+ Plane,
+ TrendingUp,
+ Users,
+} from "lucide-react";
+import { useState } from "react";
+import { Link } from "react-router-dom";
+
+type Purchase = {
+ id: number;
+ userName: string;
+ userPhone: string;
+ tourName: string;
+ tourId: number;
+ agencyName: string;
+ agencyId: number;
+ destination: string;
+ travelDate: string;
+ amount: number;
+ paymentStatus: "paid" | "pending" | "cancelled" | "refunded";
+ purchaseDate: string;
+};
+
+const mockPurchases: Purchase[] = [
+ {
+ id: 1,
+ userName: "Aziza Karimova",
+ userPhone: "+998 90 123 45 67",
+ tourName: "Dubai Luxury Tour",
+ tourId: 1,
+ agencyName: "Silk Road Travel",
+ agencyId: 1,
+ destination: "Dubai, UAE",
+ travelDate: "2025-11-10",
+ amount: 1500000,
+ paymentStatus: "paid",
+ purchaseDate: "2025-10-10",
+ },
+ {
+ id: 2,
+ userName: "Sardor Rahimov",
+ userPhone: "+998 91 234 56 78",
+ tourName: "Bali Adventure Package",
+ tourId: 2,
+ agencyName: "Silk Road Travel",
+ agencyId: 1,
+ destination: "Bali, Indonesia",
+ travelDate: "2025-11-15",
+ amount: 1800000,
+ paymentStatus: "paid",
+ purchaseDate: "2025-10-12",
+ },
+ {
+ id: 3,
+ userName: "Nilufar Toshmatova",
+ userPhone: "+998 93 345 67 89",
+ tourName: "Dubai Luxury Tour",
+ tourId: 1,
+ agencyName: "Silk Road Travel",
+ agencyId: 1,
+ destination: "Dubai, UAE",
+ travelDate: "2025-11-20",
+ amount: 1500000,
+ paymentStatus: "pending",
+ purchaseDate: "2025-10-14",
+ },
+ {
+ id: 4,
+ userName: "Jamshid Alimov",
+ userPhone: "+998 94 456 78 90",
+ tourName: "Istanbul Express Tour",
+ tourId: 3,
+ agencyName: "Orient Express",
+ agencyId: 3,
+ destination: "Istanbul, Turkey",
+ travelDate: "2025-11-05",
+ amount: 1200000,
+ paymentStatus: "cancelled",
+ purchaseDate: "2025-10-08",
+ },
+ {
+ id: 5,
+ userName: "Madina Yusupova",
+ userPhone: "+998 97 567 89 01",
+ tourName: "Paris Romantic Getaway",
+ tourId: 4,
+ agencyName: "Euro Travels",
+ agencyId: 2,
+ destination: "Paris, France",
+ travelDate: "2025-12-01",
+ amount: 2200000,
+ paymentStatus: "paid",
+ purchaseDate: "2025-10-16",
+ },
+];
+
+export default function FinancePage() {
+ const [tab, setTab] = useState<"bookings" | "agencies">("bookings");
+ const [filterStatus, setFilterStatus] = useState<
+ "all" | "paid" | "pending" | "cancelled" | "refunded"
+ >("all");
+
+ const getStatusBadge = (status: Purchase["paymentStatus"]) => {
+ const base =
+ "px-3 py-1 rounded-full text-sm font-medium inline-flex items-center gap-2";
+ switch (status) {
+ case "paid":
+ return (
+
+
+ Paid
+
+ );
+ case "pending":
+ return (
+
+
+ Pending
+
+ );
+ case "cancelled":
+ return (
+
+
+ Cancelled
+
+ );
+ case "refunded":
+ return (
+
+
+ Refunded
+
+ );
+ }
+ };
+
+ const filteredPurchases =
+ filterStatus === "all"
+ ? mockPurchases
+ : mockPurchases.filter((p) => p.paymentStatus === filterStatus);
+
+ const totalRevenue = filteredPurchases
+ .filter((p) => p.paymentStatus === "paid")
+ .reduce((sum, p) => sum + p.amount, 0);
+ const pendingRevenue = filteredPurchases
+ .filter((p) => p.paymentStatus === "pending")
+ .reduce((sum, p) => sum + p.amount, 0);
+
+ const agencies = Array.from(
+ new Set(mockPurchases.map((p) => p.agencyId)),
+ ).map((id) => {
+ const agencyPurchases = mockPurchases.filter((p) => p.agencyId === id);
+ return {
+ id,
+ name: agencyPurchases[0].agencyName,
+ totalPaid: agencyPurchases
+ .filter((p) => p.paymentStatus === "paid")
+ .reduce((sum, p) => sum + p.amount, 0),
+ pending: agencyPurchases
+ .filter((p) => p.paymentStatus === "pending")
+ .reduce((sum, p) => sum + p.amount, 0),
+ purchaseCount: agencyPurchases.length,
+ destinations: Array.from(
+ new Set(agencyPurchases.map((p) => p.destination)),
+ ),
+ };
+ });
+
+ return (
+
+
+
+ {/* Jadval */}
+ FAQ Kategoriyalar
+ +
+
+
+
+
+ {/* Modal */}
+
+
+ {/* Oβchirish tasdigβi */}
+
+
+
+ );
+}
diff --git a/src/pages/finance/ui/FinanceDetailTour.tsx b/src/pages/finance/ui/FinanceDetailTour.tsx
new file mode 100644
index 0000000..f5e3add
--- /dev/null
+++ b/src/pages/finance/ui/FinanceDetailTour.tsx
@@ -0,0 +1,467 @@
+"use client";
+
+import {
+ ArrowLeft,
+ Calendar,
+ DollarSign,
+ Download,
+ Eye,
+ Hotel,
+ MapPin,
+ Plane,
+ Share2,
+ Star,
+ TrendingUp,
+ Users,
+} from "lucide-react";
+import { useState } from "react";
+import { Link } from "react-router-dom";
+
+type TourPurchase = {
+ id: number;
+ userName: string;
+ userPhone: string;
+ tourName: string;
+ tourId: number;
+ agencyName: string;
+ agencyId: number;
+ destination: string;
+ travelDate: string;
+ amount: number;
+ paymentStatus: "paid" | "pending" | "cancelled" | "refunded";
+ purchaseDate: string;
+ rating: number;
+ review: string;
+};
+
+const mockTourData = {
+ id: 1,
+ name: "Dubai Luxury Tour",
+ destination: "Dubai, UAE",
+ duration: "7 days",
+ price: 1500000,
+ totalBookings: 45,
+ totalRevenue: 67500000,
+ averageRating: 4.8,
+ agency: "Silk Road Travel",
+ description:
+ "Experience the ultimate luxury in Dubai with 5-star accommodations, private tours, and exclusive experiences.",
+ inclusions: [
+ "5-star hotel accommodation",
+ "Private city tours",
+ "Desert safari experience",
+ "Burj Khalifa tickets",
+ "Airport transfers",
+ ],
+};
+
+const mockTourPurchases: TourPurchase[] = [
+ {
+ id: 1,
+ userName: "Aziza Karimova",
+ userPhone: "+998 90 123 45 67",
+ tourName: "Dubai Luxury Tour",
+ tourId: 1,
+ agencyName: "Silk Road Travel",
+ agencyId: 1,
+ destination: "Dubai, UAE",
+ travelDate: "2025-11-10",
+ amount: 1500000,
+ paymentStatus: "paid",
+ purchaseDate: "2025-10-10",
+ rating: 5,
+ review:
+ "Amazing experience! The hotel was luxurious and the tours were well organized.",
+ },
+ {
+ id: 2,
+ userName: "Sardor Rahimov",
+ userPhone: "+998 91 234 56 78",
+ tourName: "Dubai Luxury Tour",
+ tourId: 1,
+ agencyName: "Silk Road Travel",
+ agencyId: 1,
+ destination: "Dubai, UAE",
+ travelDate: "2025-11-15",
+ amount: 1500000,
+ paymentStatus: "paid",
+ purchaseDate: "2025-10-12",
+ rating: 4,
+ review:
+ "Great tour overall. The desert safari was the highlight of our trip.",
+ },
+ {
+ id: 3,
+ userName: "Nilufar Toshmatova",
+ userPhone: "+998 93 345 67 89",
+ tourName: "Dubai Luxury Tour",
+ tourId: 1,
+ agencyName: "Silk Road Travel",
+ agencyId: 1,
+ destination: "Dubai, UAE",
+ travelDate: "2025-11-20",
+ amount: 1500000,
+ paymentStatus: "pending",
+ purchaseDate: "2025-10-14",
+ rating: 0,
+ review: "",
+ },
+];
+
+export default function FinanceDetailTour() {
+ const [activeTab, setActiveTab] = useState<
+ "overview" | "bookings" | "reviews"
+ >("overview");
+
+ const getStatusBadge = (status: TourPurchase["paymentStatus"]) => {
+ const base =
+ "px-3 py-1 rounded-full text-sm font-medium inline-flex items-center gap-2";
+ switch (status) {
+ case "paid":
+ return (
+
+
+ Paid
+
+ );
+ case "pending":
+ return (
+
+
+ Pending
+
+ );
+ case "cancelled":
+ return (
+
+
+ Cancelled
+
+ );
+ case "refunded":
+ return (
+
+
+ Refunded
+
+ );
+ }
+ };
+
+ const renderStars = (rating: number) => {
+ return (
+
+
+
+
+
+ {/* Tab Toggle */}
+
+
+ Travel Finance Dashboard
++ Manage bookings, payments, and agency finances +
+
+
+
+
+
+
+
+ {tab === "bookings" && (
+ <>
+ {/* Filter */}
+
+ {["all", "paid", "pending", "cancelled", "refunded"].map((s) => (
+
+ ))}
+
+
+ {/* Stats */}
+
+
+
+ {/* Booking Cards */}
+
+
+
+
+ Total Revenue
++ ${(totalRevenue / 1000000).toFixed(1)}M +
++ From completed bookings +
+
+
+
+
+ Pending Payments
++ ${(pendingRevenue / 1000000).toFixed(1)}M +
++ Awaiting confirmation +
+
+
+
+
+ + Confirmed Bookings +
++ { + filteredPurchases.filter((p) => p.paymentStatus === "paid") + .length + } +
+Paid and confirmed
+
+
+
+
+ Pending Bookings
++ { + filteredPurchases.filter( + (p) => p.paymentStatus === "pending", + ).length + } +
+Awaiting payment
+Recent Bookings
+
+ {filteredPurchases.map((p) => (
+
+
+ )}
+
+ {tab === "agencies" && (
+ <>
+
+
+ ))}
+
+
+
+
+ + {p.userName} +
+{p.userPhone}
++ {p.tourName} +
+
+
+ {p.destination}
+
+
+
+
+ Travel Date
++ {p.travelDate} +
+
+
+ Amount
++ ${(p.amount / 1000000).toFixed(1)}M +
+
+ {getStatusBadge(p.paymentStatus)}
+
+
+
+
+ Partner Agencies
+
+ {agencies.map((a) => (
+
+
+ )}
+
+
+
+
+
+ ))}
+
+
+
+
+
+
+
+
+ Paid
++ ${(a.totalPaid / 1000000).toFixed(1)}M +
+
+
+ Pending
++ ${(a.pending / 1000000).toFixed(1)}M +
+
+
+
+ + Bookings:{" "} + + {a.purchaseCount} + +
++ Destinations:{" "} + + {a.destinations.length} + +
+
+
+
+
+ {[1, 2, 3, 4, 5].map((star) => (
+
+ );
+ };
+
+ const paidBookings = mockTourPurchases.filter(
+ (p) => p.paymentStatus === "paid",
+ );
+ const totalRevenue = paidBookings.reduce((sum, p) => sum + p.amount, 0);
+ const pendingRevenue = mockTourPurchases
+ .filter((p) => p.paymentStatus === "pending")
+ .reduce((sum, p) => sum + p.amount, 0);
+
+ return (
+
+
+ );
+}
diff --git a/src/pages/finance/ui/FinanceDetailUsers.tsx b/src/pages/finance/ui/FinanceDetailUsers.tsx
new file mode 100644
index 0000000..a1072e5
--- /dev/null
+++ b/src/pages/finance/ui/FinanceDetailUsers.tsx
@@ -0,0 +1,452 @@
+"use client";
+
+import {
+ ArrowLeft,
+ Calendar,
+ CreditCard,
+ DollarSign,
+ Download,
+ Mail,
+ MapPin,
+ Phone,
+ Share2,
+ TrendingUp,
+ User,
+} from "lucide-react";
+import { useState } from "react";
+import { Link } from "react-router-dom";
+
+type UserPurchase = {
+ id: number;
+ userName: string;
+ userPhone: string;
+ userEmail: string;
+ tourName: string;
+ tourId: number;
+ agencyName: string;
+ agencyId: number;
+ destination: string;
+ travelDate: string;
+ returnDate: string;
+ amount: number;
+ paymentStatus: "paid" | "pending" | "cancelled" | "refunded";
+ paymentMethod: "credit_card" | "paypal" | "bank_transfer" | "crypto";
+ purchaseDate: string;
+ travelers: number;
+ bookingReference: string;
+};
+
+const mockUserData = {
+ id: 1,
+ userName: "Aziza Karimova",
+ userPhone: "+998 90 123 45 67",
+ userEmail: "aziza.karimova@example.com",
+ joinDate: "2024-01-15",
+ totalSpent: 4500000,
+ totalBookings: 3,
+ memberLevel: "Gold",
+};
+
+const mockUserPurchases: UserPurchase[] = [
+ {
+ id: 1,
+ userName: "Aziza Karimova",
+ userPhone: "+998 90 123 45 67",
+ userEmail: "aziza.karimova@example.com",
+ tourName: "Dubai Luxury Tour",
+ tourId: 1,
+ agencyName: "Silk Road Travel",
+ agencyId: 1,
+ destination: "Dubai, UAE",
+ travelDate: "2025-11-10",
+ returnDate: "2025-11-17",
+ amount: 1500000,
+ paymentStatus: "paid",
+ paymentMethod: "credit_card",
+ purchaseDate: "2025-10-10",
+ travelers: 2,
+ bookingReference: "TRV-DXB-001",
+ },
+ {
+ id: 2,
+ userName: "Aziza Karimova",
+ userPhone: "+998 90 123 45 67",
+ userEmail: "aziza.karimova@example.com",
+ tourName: "Paris Romantic Getaway",
+ tourId: 4,
+ agencyName: "Euro Travels",
+ agencyId: 2,
+ destination: "Paris, France",
+ travelDate: "2025-12-01",
+ returnDate: "2025-12-08",
+ amount: 2200000,
+ paymentStatus: "paid",
+ paymentMethod: "paypal",
+ purchaseDate: "2025-10-16",
+ travelers: 2,
+ bookingReference: "TRV-PAR-002",
+ },
+ {
+ id: 3,
+ userName: "Aziza Karimova",
+ userPhone: "+998 90 123 45 67",
+ userEmail: "aziza.karimova@example.com",
+ tourName: "Bali Adventure Package",
+ tourId: 2,
+ agencyName: "Silk Road Travel",
+ agencyId: 1,
+ destination: "Bali, Indonesia",
+ travelDate: "2025-11-15",
+ returnDate: "2025-11-22",
+ amount: 1800000,
+ paymentStatus: "pending",
+ paymentMethod: "bank_transfer",
+ purchaseDate: "2025-10-12",
+ travelers: 1,
+ bookingReference: "TRV-BAL-003",
+ },
+];
+
+export default function FinanceDetailUser() {
+ const [activeTab, setActiveTab] = useState<"bookings" | "details">(
+ "bookings",
+ );
+
+ const getStatusBadge = (status: UserPurchase["paymentStatus"]) => {
+ const base =
+ "px-3 py-1 rounded-full text-sm font-medium inline-flex items-center gap-2";
+ switch (status) {
+ case "paid":
+ return (
+
+
+ Paid
+
+ );
+ case "pending":
+ return (
+
+
+ Pending
+
+ );
+ case "cancelled":
+ return (
+
+
+ Cancelled
+
+ );
+ case "refunded":
+ return (
+
+
+ Refunded
+
+ );
+ }
+ };
+
+ const getPaymentMethod = (method: UserPurchase["paymentMethod"]) => {
+ switch (method) {
+ case "credit_card":
+ return "Credit Card";
+ case "paypal":
+ return "PayPal";
+ case "bank_transfer":
+ return "Bank Transfer";
+ case "crypto":
+ return "Cryptocurrency";
+ }
+ };
+
+ const totalSpent = mockUserPurchases
+ .filter((p) => p.paymentStatus === "paid")
+ .reduce((sum, p) => sum + p.amount, 0);
+
+ const pendingAmount = mockUserPurchases
+ .filter((p) => p.paymentStatus === "pending")
+ .reduce((sum, p) => sum + p.amount, 0);
+
+ return (
+
+ {/* Header */}
+
+
+
+
+ {/* Tour Summary Cards */}
+
+
+
+
+
+ Tour Financial Details
++ Financial performance for {mockTourData.name} +
+
+
+
+
+
+
+
+ {/* Main Content */}
+
+
+
+
+
+ Total Revenue
++ ${(totalRevenue / 1000000).toFixed(1)}M +
++ From completed bookings +
+
+
+
+
+
+ Pending Revenue
++ ${(pendingRevenue / 1000000).toFixed(1)}M +
+Awaiting payment
+
+
+
+
+
+ Total Bookings
++ {mockTourPurchases.length} +
+All bookings
+
+
+
+
+ Average Rating
++ {mockTourData.averageRating}/5 +
+Customer satisfaction
+
+ {/* Tabs */}
+
+
+
+
+
+
+
+
+ {activeTab === "overview" && (
+
+
+ {/* Tour Information */}
+
+ )}
+
+ {activeTab === "bookings" && (
+
+
+ Tour Information
+
+
+
+
+
+
+
+ Tour Name
++ {mockTourData.name} +
+
+
+
+
+
+ Destination
++ {mockTourData.destination} +
+
+
+
+
+
+ Duration
+{mockTourData.duration}
+
+
+
+
+
+ Agency
+{mockTourData.agency}
+
+
+ Description
++ {mockTourData.description} +
+
+
+ Tour Inclusions
+
+
+ Base Price
++ ${(mockTourData.price / 1000000).toFixed(1)}M +
+per person
+
+
+ )}
+
+ {activeTab === "reviews" && (
+ Recent Bookings
+ {mockTourPurchases.map((purchase) => ( +
+
+ ))}
+
+
+
+
+
+ {getStatusBadge(purchase.paymentStatus)}
+ + {purchase.userName} +
++ {purchase.userPhone} +
+
+
+
+
+
+
+ Travel Date
++ {purchase.travelDate} +
+
+
+
+ Booking Date
+{purchase.purchaseDate}
+
+
+ Amount
++ ${(purchase.amount / 1000000).toFixed(1)}M +
+
+
+
+ Agency: {purchase.agencyName}
+
+
+ View Details
+
+
+
+ )}
+ Customer Reviews
+ {mockTourPurchases + .filter((purchase) => purchase.rating > 0) + .map((purchase) => ( +
+
+ ))}
+
+
+
+
+
+ + {purchase.userName} +
++ {purchase.travelDate} +
+
+ {renderStars(purchase.rating)}
+
+ {purchase.rating}.0
+
+
+ {purchase.review}
+ +
+
+
+ Booked on {purchase.purchaseDate}
+
+
+
+ );
+}
diff --git a/src/pages/news/lib/api.ts b/src/pages/news/lib/api.ts
new file mode 100644
index 0000000..12b85e5
--- /dev/null
+++ b/src/pages/news/lib/api.ts
@@ -0,0 +1,32 @@
+import type { NewsType } from "@/pages/news/lib/type";
+
+const STORAGE_KEY = "news_data";
+
+export const getAllNews = (): NewsType[] => {
+ const data = localStorage.getItem(STORAGE_KEY);
+ return data ? JSON.parse(data) : [];
+};
+
+export const addNews = (news: Omit
+ {/* Header */}
+
+
+
+
+ {/* User Summary Cards */}
+
+
+
+
+
+ User Financial Details
++ Detailed financial overview for {mockUserData.userName} +
+
+
+
+
+
+
+
+ {/* Main Content */}
+
+
+
+
+
+ Total Spent
++ ${(totalSpent / 1000000).toFixed(1)}M +
+All completed bookings
+
+
+
+
+
+ Pending Payments
++ ${(pendingAmount / 1000000).toFixed(1)}M +
+Awaiting confirmation
+
+
+
+
+
+ Total Bookings
++ {mockUserData.totalBookings} +
+All time bookings
+
+
+
+
+ Member Level
++ {mockUserData.memberLevel} +
+Loyalty status
+
+ {/* Tabs */}
+
+
+
+
+
+
+
+ {activeTab === "bookings" && (
+
+
+
+ )}
+
+ {activeTab === "details" && (
+ Booking History
+ {mockUserPurchases.map((purchase) => ( +
+
+ ))}
+
+
+
+
+
+ {getStatusBadge(purchase.paymentStatus)}
+ + {purchase.tourName} +
++ Booking Ref: {purchase.bookingReference} +
+
+
+
+
+
+
+
+
+ Destination
++ {purchase.destination} +
+
+
+
+
+
+ Travel Dates
++ {purchase.travelDate} - {purchase.returnDate} +
+
+
+
+
+
+ Travelers
++ {purchase.travelers} person(s) +
+
+
+
+
+ Amount
++ ${(purchase.amount / 1000000).toFixed(1)}M +
+
+
+
+ Booked on {purchase.purchaseDate} β’{" "}
+ {getPaymentMethod(purchase.paymentMethod)}
+
+
+ {/* Personal Information */}
+
+ )}
+
+
+
+ {/* Travel Preferences */}
+ + Personal Information +
+
+
+
+
+
+
+
+ Full Name
+{mockUserData.userName}
+
+
+
+
+
+ Phone Number
++ {mockUserData.userPhone} +
+
+
+
+
+
+ Email Address
++ {mockUserData.userEmail} +
+
+
+
+
+ Member Since
+{mockUserData.joinDate}
+
+
+ Travel Statistics
+
+
+
+
+
+ + Favorite Destination +
+Dubai, UAE
+2 bookings
+
+
+
+ + Preferred Agency +
++ Silk Road Travel +
++ 2 out of 3 bookings +
+
+
+ + Average Booking Value +
++ $ + {( + totalSpent / + mockUserData.totalBookings / + 1000000 + ).toFixed(1)} + M +
+
+
+ );
+};
+
+export default AddNews;
diff --git a/src/pages/news/ui/News.tsx b/src/pages/news/ui/News.tsx
new file mode 100644
index 0000000..c217d7b
--- /dev/null
+++ b/src/pages/news/ui/News.tsx
@@ -0,0 +1,210 @@
+"use client";
+import { fakeNewsData } from "@/pages/news/lib/data";
+import type { NewsAll } from "@/pages/news/lib/type";
+import formatDate from "@/shared/lib/formatDate";
+import { Badge } from "@/shared/ui/badge";
+import { Button } from "@/shared/ui/button";
+import { Card } from "@/shared/ui/card";
+import {
+ Dialog,
+ DialogContent,
+ DialogFooter,
+ DialogHeader,
+ DialogTitle,
+} from "@/shared/ui/dialog";
+import clsx from "clsx";
+import { Calendar, Edit, FolderOpen, PlusCircle, Trash2 } from "lucide-react";
+import { useState } from "react";
+import { useNavigate } from "react-router-dom";
+
+const News = () => {
+ const [newsList, setNewsList] = useState+ {isEditMode ? "Yangilikni tahrirlash" : "Yangi yangilik qoβshish"} +
+ +
+
+ {step === 1 &&
+ 1. Yangilik sarlavhasi
+
+
+ 2. Yangilik ma'lumotlari
+
+
+
+ );
+ }
+
+ if (error) {
+ return (
+
+
+
+ Yuklanmoqda...
+
+
+ );
+ }
+
+ return (
+
+
+ {error}
+ +
+ {/* Header */}
+
+ );
+};
+
+export default News;
diff --git a/src/pages/news/ui/NewsCategory.tsx b/src/pages/news/ui/NewsCategory.tsx
new file mode 100644
index 0000000..2674094
--- /dev/null
+++ b/src/pages/news/ui/NewsCategory.tsx
@@ -0,0 +1,232 @@
+"use client";
+
+import { Badge } from "@/shared/ui/badge";
+import { Button } from "@/shared/ui/button";
+import {
+ Dialog,
+ DialogContent,
+ DialogHeader,
+ DialogTitle,
+} from "@/shared/ui/dialog";
+import {
+ Form,
+ FormControl,
+ FormField,
+ FormItem,
+ FormMessage,
+} from "@/shared/ui/form";
+import { Input } from "@/shared/ui/input";
+import { Label } from "@/shared/ui/label";
+import {
+ Table,
+ TableBody,
+ TableCell,
+ TableHead,
+ TableHeader,
+ TableRow,
+} from "@/shared/ui/table";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Edit, PlusCircle, Trash2 } from "lucide-react";
+import { useEffect, useState } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod";
+
+type NewsCategoryType = {
+ id: number;
+ name: string;
+ count: number;
+};
+
+const fakeCategories: NewsCategoryType[] = [
+ {
+ id: 1,
+ name: "Blog",
+ count: 12,
+ },
+ {
+ id: 2,
+ name: "News",
+ count: 8,
+ },
+ {
+ id: 3,
+ name: "Tours",
+ count: 5,
+ },
+];
+
+const NewsCategory = () => {
+ const newsForm = z.object({
+ title: z.string().min(2, {
+ message: "Username must be at least 2 characters.",
+ }),
+ });
+ const [categories, setCategories] =
+ useState
+
+
+ {/* News Grid */}
+
+
+
+ Yangiliklar
++ Jami {newsList.length} ta yangilik mavjud +
+
+ {newsList.length === 0 ? (
+
+ {/* Image */}
+
+ ))
+ )}
+
+
+
+
+
+ ) : (
+ newsList.map((item) => (
+
+
+
+
+ + Hozircha yangilik yo'q +
++ Birinchi yangilikni qo'shib boshlang +
+ +
+ 
{
+ e.currentTarget.src =
+ "https://images.unsplash.com/photo-1507525428034-b723cf961d3e";
+ }}
+ />
+ {/* Category Badge */}
+ {item.category && (
+
+
+ )}
+
+
+ {/* Content */}
+
+ {/* Title */}
+
+ + {item.short_title} +
+ + {/* Short Text */} ++ {item.short_text} +
+ + {/* Date */} +
+
+
+ {/* Slug */}
+
+
+
+ {/* Actions */}
+
+ /{item.slug}
+
+
+
+
+
+
+
+ );
+};
+
+export default NewsCategory;
diff --git a/src/pages/news/ui/StepOne.tsx b/src/pages/news/ui/StepOne.tsx
new file mode 100644
index 0000000..b17641f
--- /dev/null
+++ b/src/pages/news/ui/StepOne.tsx
@@ -0,0 +1,190 @@
+import { newsForm } from "@/pages/news/lib/form";
+import { Button } from "@/shared/ui/button";
+import {
+ Form,
+ FormControl,
+ FormField,
+ FormItem,
+ FormMessage,
+} from "@/shared/ui/form";
+import { Input } from "@/shared/ui/input";
+import { Label } from "@/shared/ui/label";
+import {
+ Select,
+ SelectContent,
+ SelectGroup,
+ SelectItem,
+ SelectLabel,
+ SelectTrigger,
+ SelectValue,
+} from "@/shared/ui/select";
+import { Textarea } from "@/shared/ui/textarea";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { XIcon } from "lucide-react";
+import { type Dispatch, type SetStateAction } from "react";
+import { useForm } from "react-hook-form";
+import type z from "zod";
+
+const StepOne = ({
+ setStep,
+ isEditMode,
+}: {
+ setStep: Dispatch
+
+ + News Categories +
+ + +
+
+
+
+
+
+
+ );
+}
diff --git a/src/pages/site-page/ui/PolicyCrud.tsx b/src/pages/site-page/ui/PolicyCrud.tsx
new file mode 100644
index 0000000..c8f60b4
--- /dev/null
+++ b/src/pages/site-page/ui/PolicyCrud.tsx
@@ -0,0 +1,350 @@
+import { Button } from "@/shared/ui/button";
+import { Card, CardContent, CardHeader, CardTitle } from "@/shared/ui/card";
+import { Checkbox } from "@/shared/ui/checkbox";
+import {
+ Dialog,
+ DialogContent,
+ DialogDescription,
+ DialogTitle,
+ DialogTrigger,
+} from "@/shared/ui/dialog";
+import { Input } from "@/shared/ui/input";
+import {
+ Select,
+ SelectContent,
+ SelectItem,
+ SelectTrigger,
+ SelectValue,
+} from "@/shared/ui/select";
+import { Edit2, Trash2 } from "lucide-react";
+import { useEffect, useState } from "react";
+import ReactQuill from "react-quill-new";
+import "react-quill-new/dist/quill.snow.css";
+
+type Offer = {
+ id: string;
+ title: string;
+ audience: "Foydalanuvchi qoβllanmasi" | "Maxfiylik siyosati";
+ content: string;
+ active: boolean;
+ createdAt: string;
+};
+
+const FAKE_DATA: Offer[] = [
+ {
+ id: "of-1",
+ title: "Ommaviy oferta - Standart shartlar",
+ audience: "Foydalanuvchi qoβllanmasi",
+ content:
+ "Bu hujjat kompaniya va xizmatlardan foydalanish bo'yicha umumiy shartlarni o'z ichiga oladi.",
+ active: true,
+ createdAt: new Date().toISOString(),
+ },
+ {
+ id: "of-2",
+ title: "Foydalanuvchi qoβllanmasi uchun oferta",
+ audience: "Foydalanuvchi qoβllanmasi",
+ content: "Foydalanuvchi qoβllanmasi uchun maxsus shartlar va kafolatlar.",
+ active: false,
+ createdAt: new Date(Date.now() - 86400000).toISOString(),
+ },
+];
+
+const STORAGE_KEY = "ommaviy_oferta_v1";
+
+export default function PolicyCrud() {
+ const [items, setItems] = useState
+ {/* Header */}
+
+
+
+
+ {/* Main Content */}
+
+
+ SEO Manager
++ Saytingizni qidiruv tizimida yaxshi pozitsiyaga keltiring +
+
+
+
+ {/* Saved SEO Data (Preview) */}
+ {savedSeo && (
+
+ {/* Title */}
+
+
+
+
+
+
+ {/* Description */}
+
+
+ {getTitleLength()} / 60
+
+ {isValidTitle && (
+
+
+
+
+
+
+ {/* Keywords */}
+
+
+ {getDescriptionLength()} / 160
+
+ {isValidDescription && (
+
+
+
+
+
+
+ {/* OG Tags */}
+ + Masalan: Python, Web Development, Coding +
+
+
+
+
+ + Open Graph (Ijtimoiy Tarmoqlar) +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {imagePreview && (
+
+
+ 
+
+
+ )}
+
+
+ )}
+ + Saqlangan SEO Maβlumotlari +
+
+ {JSON.stringify(
+ {
+ ...savedSeo,
+ ogImage: savedSeo.ogImage
+ ? savedSeo.ogImage.substring(0, 100) + "..."
+ : "",
+ },
+ null,
+ 2,
+ )}
+
+
+
+ );
+}
diff --git a/src/pages/site-page/ui/SitePage.tsx b/src/pages/site-page/ui/SitePage.tsx
new file mode 100644
index 0000000..995aee4
--- /dev/null
+++ b/src/pages/site-page/ui/SitePage.tsx
@@ -0,0 +1,351 @@
+import { Button } from "@/shared/ui/button";
+import { Card, CardContent, CardHeader, CardTitle } from "@/shared/ui/card";
+import { Checkbox } from "@/shared/ui/checkbox";
+import {
+ Dialog,
+ DialogContent,
+ DialogDescription,
+ DialogTitle,
+ DialogTrigger,
+} from "@/shared/ui/dialog";
+import { Input } from "@/shared/ui/input";
+import {
+ Select,
+ SelectContent,
+ SelectItem,
+ SelectTrigger,
+ SelectValue,
+} from "@/shared/ui/select";
+import { Edit2, Trash2 } from "lucide-react";
+import { useEffect, useState } from "react";
+import ReactQuill from "react-quill-new";
+import "react-quill-new/dist/quill.snow.css";
+
+type Offer = {
+ id: string;
+ title: string;
+ audience: "Jismoniy shaxslar" | "Yuridik shaxslar";
+ content: string;
+ active: boolean;
+ createdAt: string;
+};
+
+const FAKE_DATA: Offer[] = [
+ {
+ id: "of-1",
+ title: "Ommaviy oferta - Standart shartlar",
+ audience: "Jismoniy shaxslar",
+ content:
+ "Bu hujjat kompaniya va xizmatlardan foydalanish bo'yicha umumiy shartlarni o'z ichiga oladi.",
+ active: true,
+ createdAt: new Date().toISOString(),
+ },
+ {
+ id: "of-2",
+ title: "Yuridik shaxslar uchun oferta",
+ audience: "Yuridik shaxslar",
+ content: "Yuridik shaxslar uchun maxsus shartlar va kafolatlar.",
+ active: false,
+ createdAt: new Date(Date.now() - 86400000).toISOString(),
+ },
+];
+
+const STORAGE_KEY = "ommaviy_oferta_v1";
+
+export default function OmmaviyOfertaCRUD() {
+ const [items, setItems] = useState
+
+
+
+ {editing ? "Tahrirish" : "Yangi oferta yaratish"}
+
+
+
+
+
+
+
+
+
+
+ Ommaviy oferta
+
+
+
+ setForm((s) => ({ ...s, title: e.target.value }))
+ }
+ placeholder="Ommaviy oferta sarlavhasi"
+ className="mt-1"
+ />
+ {errors.title && (
+
+ {errors.title}
+ )} +
+
+
+
+
+
+ setForm((s) => ({ ...s, content: value }))
+ }
+ className="bg-gray-900 h-48"
+ placeholder="Oferta matnini kiriting..."
+ />
+
+ {errors.content && (
+ + {errors.content} +
+ )} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ setQuery(e.target.value)}
+ placeholder="Qidirish sarlavha, kontent yoki auditoriya bo'yicha..."
+ className="max-w-sm"
+ />
+
+
+
+ Natija: {filtered.length}
+ Barcha: {items.length}
+
+
+ {filtered.length === 0 && (
+
+
+
+
+ )}
+
+ {filtered.map((it) => (
+
+
+
+
+ ))}
+
+ + Natija topilmadi. +
+
+
+
+
+
+ {it.title}
++ {it.audience} β’ {new Date(it.createdAt).toLocaleString()} +
+{it.content}
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/pages/support/ui/SupportAgency.tsx b/src/pages/support/ui/SupportAgency.tsx
new file mode 100644
index 0000000..609e4ed
--- /dev/null
+++ b/src/pages/support/ui/SupportAgency.tsx
@@ -0,0 +1,280 @@
+import { XIcon } from "lucide-react";
+import { useMemo, useState } from "react";
+import { Link } from "react-router-dom";
+
+interface Data {
+ id: number;
+ name: string;
+ address: string;
+ email: string;
+ phone: string;
+ instagram: string;
+ web_site: string;
+ documents: string[];
+}
+
+const sampleData: Data[] = [
+ {
+ id: 1,
+ name: "Alpha Travel",
+ address: "Tashkent, Mustaqillik ko'chasi 12",
+ email: "alpha@example.com",
+ phone: "+998901234567",
+ instagram: "https://instagram.com/alphatravel",
+ web_site: "https://alphatravel.uz",
+ documents: [
+ "https://turan-travel.com/uploads/files/license/sertificate.jpg",
+ "https://turan-travel.com/uploads/files/license/sertificate.jpg",
+ ],
+ },
+ {
+ id: 2,
+ name: "Samarkand Tours",
+ address: "Samarkand, Registon 5",
+ email: "info@samarktours.uz",
+ phone: "+998903334455",
+ instagram: "https://instagram.com/samarktours",
+ web_site: "https://samarktours.uz",
+ documents: [
+ "https://turan-travel.com/uploads/files/license/sertificate.jpg",
+ ],
+ },
+];
+
+const SupportAgency = ({ requests = sampleData }) => {
+ const [query, setQuery] = useState("");
+ const [selected, setSelected] = useState(null);
+
+ const filtered = useMemo(() => {
+ if (!query.trim()) return requests;
+ const q = query.toLowerCase();
+ return requests.filter(
+ (r) =>
+ (r.name && r.name.toLowerCase().includes(q)) ||
+ (r.email && r.email.toLowerCase().includes(q)) ||
+ (r.phone && r.phone.toLowerCase().includes(q)),
+ );
+ }, [requests, query]);
+
+ return (
+
+
+
+
+ {editing ? "Tahrirish" : "Yangi oferta yaratish"}
+
+
+
+
+
+
+
+
+
+
+ Ommaviy oferta
+
+
+
+ setForm((s) => ({ ...s, title: e.target.value }))
+ }
+ placeholder="Ommaviy oferta sarlavhasi"
+ className="mt-1"
+ />
+ {errors.title && (
+
+ {errors.title}
+ )} +
+
+
+
+
+
+ setForm((s) => ({ ...s, content: value }))
+ }
+ className="bg-gray-900 h-48"
+ placeholder="Oferta matnini kiriting..."
+ />
+
+ {errors.content && (
+ + {errors.content} +
+ )} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ setQuery(e.target.value)}
+ placeholder="Qidirish sarlavha, kontent yoki auditoriya bo'yicha..."
+ className="max-w-sm"
+ />
+
+
+
+ Natija: {filtered.length}
+ Barcha: {items.length}
+
+
+ {filtered.length === 0 && (
+
+
+
+
+ )}
+
+ {filtered.map((it) => (
+
+
+
+
+ ))}
+
+ + Natija topilmadi. +
+
+
+
+
+
+ {it.title}
++ {it.audience} β’ {new Date(it.createdAt).toLocaleString()} +
+{it.content}
+
+
+
+
+
+
+
+
+
+ );
+};
+
+export default SupportAgency;
diff --git a/src/pages/support/ui/SupportTours.tsx b/src/pages/support/ui/SupportTours.tsx
new file mode 100644
index 0000000..cdaf830
--- /dev/null
+++ b/src/pages/support/ui/SupportTours.tsx
@@ -0,0 +1,199 @@
+"use client";
+
+import { Badge } from "@/shared/ui/badge";
+import { Button } from "@/shared/ui/button";
+import { Card, CardContent, CardHeader, CardTitle } from "@/shared/ui/card";
+import {
+ Dialog,
+ DialogContent,
+ DialogFooter,
+ DialogHeader,
+ DialogTitle,
+} from "@/shared/ui/dialog";
+import { MessageCircle, Phone, User } from "lucide-react";
+import { useState } from "react";
+
+type SupportRequest = {
+ id: number;
+ name: string;
+ phone: string;
+ message: string;
+ status: "Pending" | "Resolved";
+};
+
+const initialRequests: SupportRequest[] = [
+ {
+ id: 1,
+ name: "Alisher Karimov",
+ phone: "+998 90 123 45 67",
+ message: "Sayohat uchun viza hujjatlarini tayyorlashda yordam kerak.",
+ status: "Pending",
+ },
+ {
+ id: 2,
+ name: "Dilnoza Tursunova",
+ phone: "+998 91 765 43 21",
+ message: "Toβlov muvaffaqiyatli oβtmadi, yordam bera olasizmi?",
+ status: "Resolved",
+ },
+ {
+ id: 3,
+ name: "Jamshid Abdullayev",
+ phone: "+998 93 555 22 11",
+ message: "Sayohat sanasini oβzgartirishni istayman.",
+ status: "Pending",
+ },
+ {
+ id: 4,
+ name: "Jamshid Abdullayev",
+ phone: "+998 93 555 22 11",
+ message: "Sayohat sanasini oβzgartirishni istayman.",
+ status: "Pending",
+ },
+];
+
+const SupportTours = () => {
+ const [requests, setRequests] = useStateAgentlik soΚ»rovlari
+ +
+ setQuery(e.target.value)}
+ placeholder="Qidiruv (ism, email yoki telefon)..."
+ className="flex-1 p-2 border rounded-md focus:outline-none focus:ring"
+ />
+
+
+
+ {filtered.length === 0 ? (
+ SoΚ»rov topilmadi.
+ ) : (
+
+ {filtered.map((r) => (
+
+ )}
+
+ {selected && (
+
+
+ ))}
+
+
+
+
+
+ {r.name}
+{r.address}
+{r.phone}
+
+
+
+
+ Email:{" "}
+
+ {r.email}
+
+
+ {r.instagram && (
+
+ Instagram:{" "}
+
+ @
+ {r.instagram.replace(
+ /^https?:\/\/(www\.)?instagram\.com\/?/,
+ "",
+ )}
+
+
+ )}
+ {r.web_site && (
+
+ Website:{" "}
+
+ {r.web_site.replace(/^https?:\/\//, "")}
+
+
+ )}
+
+
+
+ Javob yozish
+
+
+ setSelected(null)}
+ >
+
+ )}
+ e.stopPropagation()}
+ >
+
+
+
+ {selected.name}
+{selected.address}
+ +
+
+
+
+
+
+ Email
+
+ {selected.email}
+
+
+
+
+
+
+
+ Telefon
+ {selected.phone}
+
+
+
+ Hujjatlar
+ {selected.documents && selected.documents.length > 0 ? (
+
+ {selected.documents.map((doc, i) => (
+
+ 
+
+ ) : (
+
+
+
+ ))}
+
+
+ Hujjat {i + 1}
+
+
+ Hujjat topilmadi
+ )}
+
+
+
+
+
+
+ );
+};
+
+export default SupportTours;
diff --git a/src/pages/tour-settings/ui/TourSettings.tsx b/src/pages/tour-settings/ui/TourSettings.tsx
new file mode 100644
index 0000000..099e0aa
--- /dev/null
+++ b/src/pages/tour-settings/ui/TourSettings.tsx
@@ -0,0 +1,316 @@
+"use client";
+
+import { Button } from "@/shared/ui/button";
+import { Card, CardContent, CardHeader, CardTitle } from "@/shared/ui/card";
+import {
+ Dialog,
+ DialogContent,
+ DialogFooter,
+ DialogHeader,
+ DialogTitle,
+} from "@/shared/ui/dialog";
+import { Input } from "@/shared/ui/input";
+import { Label } from "@/shared/ui/label";
+import { Map, Placemark, YMaps } from "@pbe/react-yandex-maps";
+import { Edit, Plus, Trash } from "lucide-react";
+import { useEffect, useState } from "react";
+
+type MapClickEvent = {
+ get: (key: "coords") => [number, number];
+};
+
+type ContactInfo = {
+ telegram?: string;
+ instagram?: string;
+ facebook?: string;
+ twiter?: string;
+ linkedin?: string;
+ address?: string;
+ email?: string;
+ phonePrimary?: string;
+ phoneSecondary?: string;
+};
+
+const STORAGE_KEY = "site_contact_info";
+
+async function getAddressFromCoords(lat: number, lon: number) {
+ const response = await fetch(
+ `https://nominatim.openstreetmap.org/reverse?lat=${lat}&lon=${lon}&format=json`,
+ );
+ const data = await response.json();
+ return data.display_name || "";
+}
+
+export default function ContactSettings() {
+ const [contact, setContact] = useState+ Yordam soβrovlari +
+ +
+ {requests.map((req) => (
+
+
+
+
+
+ {req.status === "Pending" ? "Kutilmoqda" : "Yakunlangan"}
+
+
+
+
+
+
+
+ ))}
+
+
+ {/* Modal (Dialog) */}
+
+
+
+
+
+
+
+
+ {req.message}
+
+
+
+ Hozircha kontakt ma'lumotlari qo'shilmagan
+
+
+
+
+ ) : (
+
+
+ Kontakt ma'lumotlari
+
+
+
+
+ )}
+
+ {/* Dialog */}
+
+
+ );
+}
diff --git a/src/pages/tours/lib/useTourForm.ts b/src/pages/tours/lib/useTourForm.ts
new file mode 100644
index 0000000..a9f8edd
--- /dev/null
+++ b/src/pages/tours/lib/useTourForm.ts
@@ -0,0 +1,90 @@
+// src/models/tour.ts
+
+// Ilovada foydalaniladigan barcha modellar
+export type TicketAmenity = {
+ name: string;
+ icon_name: string; // Misol uchun: "wifi", "pool"
+};
+
+export type IncludedService = {
+ image: string;
+ title: string;
+ description: string;
+};
+
+export type HotelMeal = {
+ image: string;
+ name: string;
+ description: string;
+};
+
+export type HotelData = {
+ name: string; // Joylashadigan manzil nomi
+ rating: number; // Yulduz
+ meal_plan: string; // Ovqatlanish rejasi
+ // Bu malumotlar API orqali keladi deb faraz qilinadi
+ hotel_type_id: number;
+ hotel_amenity_ids: number[];
+ hotel_feature_ids: number[];
+};
+
+export type TourFormData = {
+ // Etap 1: Asosiy Tur Ma'lumotlari
+ title: string;
+ price: number;
+ departure: string;
+ destination: string;
+ departure_time: string;
+ travel_time: string;
+ passenger_count: number;
+ languages: string;
+ duration_days: number;
+ hotel_meals_option: string; // 'nonushta', 'yarmpansion'
+ tariff: string; // 'econom', 'business'
+ badge: string; // 'hot', 'new'
+ visa_required: boolean;
+ banner_image: File[];
+ transport: string; // 'airplane', 'bus'
+
+ // Qo'shimcha Modellar
+ tickets_images: string[]; // Bilet rasmlari URL massivi
+ tickets_amenities: TicketAmenity[];
+ tickets_included_services: IncludedService[];
+ tickets_hotel_meals: HotelMeal[];
+
+ // Etap 2: Mehmonxona Ma'lumotlari (yoki uni qismi)
+ hotel_info: string; // Asosiy matn
+ hotel_data: HotelData;
+};
+
+// Forma holatini boshqarish uchun boshlang'ich qiymat
+export const initialTourData: TourFormData = {
+ title: "",
+ price: 0,
+ departure: "",
+ destination: "",
+ departure_time: "",
+ travel_time: "",
+ passenger_count: 1,
+ languages: "O'zbek, Rus",
+ duration_days: 1,
+ hotel_meals_option: "Nonushta",
+ tariff: "Econom",
+ badge: "New",
+ visa_required: false,
+ banner_image: [],
+ transport: "Samolyot",
+ tickets_images: [],
+ tickets_amenities: [{ name: "Wi-Fi", icon_name: "Wifi" }],
+ tickets_included_services: [],
+ tickets_hotel_meals: [],
+ hotel_info: "",
+ hotel_data: {
+ name: "",
+ rating: 5,
+ meal_plan: "Nonushta",
+ hotel_type_id: 1,
+ hotel_amenity_ids: [],
+ hotel_feature_ids: [],
+ },
+};
diff --git a/src/pages/tours/ui/CreateEditTour.tsx b/src/pages/tours/ui/CreateEditTour.tsx
new file mode 100644
index 0000000..5bf814c
--- /dev/null
+++ b/src/pages/tours/ui/CreateEditTour.tsx
@@ -0,0 +1,38 @@
+"use client";
+
+import StepOne from "@/pages/tours/ui/StepOne";
+import StepTwo from "@/pages/tours/ui/StepTwo";
+import { Hotel, Plane } from "lucide-react";
+import { useMemo, useState } from "react";
+import { useParams } from "react-router-dom";
+
+const CreateEditTour = () => {
+ const { id } = useParams<{ id: string }>();
+ const isEditMode = useMemo(() => !!id, [id]);
+ const [step, setStep] = useState(1);
+
+ return (
+
+
+
+ {!contact ? (
+ + Contact settings +
+ {!contact && ( + + )} ++ Sayt uchun telegram, instagram, manzil, email va telefonni bu + yerda saqlang. Siz faqat bir marta qo'sha olasiz β keyin + tahrirlash mumkin. +
+
+
+
+
+
+
+
+
+
+
+
+ Telegram
+ {contact.telegram || "β"}
+
+
+ Instagram
+ {contact.instagram || "β"}
+
+
+ Facebook
+ {contact.facebook || "β"}
+
+
+ LinkedIn
+ {contact.linkedin || "β"}
+
+
+ Twitter
+ {contact.twiter || "β"}
+
+
+ Manzil
+ {contact.address || "β"}
+
+
+ Email
+ {contact.email || "β"}
+
+
+ Telefonlar
+
+ {contact.phonePrimary || "β"}
+ {contact.phoneSecondary ? ` β’ ${contact.phoneSecondary}` : ""}
+
+
+
+ );
+};
+
+export default CreateEditTour;
diff --git a/src/pages/tours/ui/StepOne.tsx b/src/pages/tours/ui/StepOne.tsx
new file mode 100644
index 0000000..1957037
--- /dev/null
+++ b/src/pages/tours/ui/StepOne.tsx
@@ -0,0 +1,1103 @@
+"use client";
+
+import TicketsImagesModel from "@/pages/tours/ui/TicketsImagesModel";
+import formatPrice from "@/shared/lib/formatPrice";
+import { Badge } from "@/shared/ui/badge";
+import { Button } from "@/shared/ui/button";
+import { Calendar } from "@/shared/ui/calendar";
+import {
+ Command,
+ CommandGroup,
+ CommandItem,
+ CommandList,
+} from "@/shared/ui/command";
+import {
+ Form,
+ FormControl,
+ FormField,
+ FormItem,
+ FormMessage,
+} from "@/shared/ui/form";
+import { Input } from "@/shared/ui/input";
+import IconSelect from "@/shared/ui/iocnSelect";
+import { Label } from "@/shared/ui/label";
+import { Popover, PopoverContent, PopoverTrigger } from "@/shared/ui/popover";
+import { Textarea } from "@/shared/ui/textarea";
+import { zodResolver } from "@hookform/resolvers/zod";
+import * as LucideIcons from "lucide-react";
+import { ChevronDownIcon, SquareCheckBig, XIcon } from "lucide-react";
+import { useState, type Dispatch, type SetStateAction } from "react";
+import { useForm } from "react-hook-form";
+import z from "zod";
+
+const formSchema = z.object({
+ title: z.string().min(2, {
+ message: "Sarlavha kamida 2 ta belgidan iborat boβlishi kerak.",
+ }),
+ hotel_info: z.string().min(2, {
+ message: "Sarlavha kamida 2 ta belgidan iborat boβlishi kerak.",
+ }),
+ hotel_meals_info: z.string().min(2, {
+ message: "Sarlavha kamida 2 ta belgidan iborat boβlishi kerak.",
+ }),
+ price: z.number().min(1000, {
+ message: "Narx kamida 1000 UZS boβlishi kerak.",
+ }),
+ passenger_count: z.number().min(1, {
+ message: "Narx kamida 1000 UZS boβlishi kerak.",
+ }),
+ departure: z.string().min(2, {
+ message: "Ketish joyi eng kamida 2 ta belgidan iborat boβlishi kerak.",
+ }),
+ destination: z.string().min(2, {
+ message: "Borish joyi eng kamida 2 ta belgidan iborat boβlishi kerak.",
+ }),
+ adrees: z.string().min(2, {
+ message: "Eng kamida 2 ta belgidan iborat boβlishi kerak.",
+ }),
+ departureDateTime: z.object({
+ date: z.date(),
+ time: z.string(),
+ }),
+ travelDateTime: z.object({
+ date: z.date(),
+ time: z.string(),
+ }),
+ languages: z.string().min(1, { message: "Majburiy maydon" }),
+ duration: z.number().min(1, { message: "Kamida 1kun bo'lishi kerak" }),
+ badges: z
+ .array(z.string())
+ .min(1, { message: "Kamida bitta belgi tanlang." }),
+ tarif: z.array(z.string()).min(1, { message: "Kamida bitta belgi tanlang." }),
+ transport: z
+ .array(z.string())
+ .min(1, { message: "Kamida bitta belgi tanlang." }),
+ banner: z.string().min(1, { message: "Banner rasmi majburiy" }),
+ images: z.array(z.any()).min(1, { message: "Kamida bitta rasm yuklang." }),
+ amenities: z
+ .array(
+ z.object({
+ name: z.string().min(1, "Qulaylik nomi majburiy"),
+ icon_name: z.string().min(1, "Icon nomi majburiy"),
+ }),
+ )
+ .min(1, { message: "Kamida bitta qulaylik kiriting." }),
+ hotel_services: z
+ .array(
+ z.object({
+ image: z.string().min(1, "Rasm majburiy"),
+ title: z.string().min(1, "Xizmat nomi majburiy"),
+ description: z.string().min(1, "Tavsif majburiy"),
+ }),
+ )
+ .min(1, { message: "Kamida bitta xizmat kiriting." }),
+ hotel_meals: z
+ .array(
+ z.object({
+ image: z.string().min(1, "Rasm majburiy"),
+ title: z.string().min(1, "Xizmat nomi majburiy"),
+ description: z.string().min(1, "Tavsif majburiy"),
+ }),
+ )
+ .min(1, { message: "Kamida bitta xizmat kiriting." }),
+});
+
+const StepOne = ({
+ setStep,
+}: {
+ setStep: Dispatch+ {isEditMode ? "Turni Tahrirlash" : "Yangi Tur Qo'shish"} +
+ +
+
+ {step === 1 &&
+ 1. Tur ma'lumotlari
+
+ 2. Mehmonxona
+
+ {
+ const newFiles = e.target.files
+ ? Array.from(e.target.files)
+ : [];
+ const existingFiles = form.getValues(name) || [];
+ const allFiles = [...existingFiles, ...newFiles];
+
+ form.setValue(name, allFiles);
+ const urls = allFiles.map((file) =>
+ URL.createObjectURL(file),
+ );
+ setPreviews(urls);
+ }}
+ />
+
+ {/* Upload Zone */}
+
+
+ {/* Preview Images */}
+ {previews.length > 0 && (
+
+
+ {previews.map((src, i) => (
+
+ )}
+
+ 
+
+
+ ))}
+
+
+ );
+ }
+
+ const renderStars = (rating: number) => {
+ return Array.from({ length: 5 }).map((_, i) => (
+ Yuklanmoqda...
+
+
+ );
+}
diff --git a/src/pages/tours/ui/Tours.tsx b/src/pages/tours/ui/Tours.tsx
new file mode 100644
index 0000000..7571445
--- /dev/null
+++ b/src/pages/tours/ui/Tours.tsx
@@ -0,0 +1,210 @@
+"use client";
+
+import { Button } from "@/shared/ui/button";
+import {
+ Dialog,
+ DialogContent,
+ DialogFooter,
+ DialogHeader,
+ DialogTitle,
+} from "@/shared/ui/dialog";
+import {
+ Table,
+ TableBody,
+ TableCell,
+ TableHead,
+ TableHeader,
+ TableRow,
+} from "@/shared/ui/table";
+import { Edit, Plane, PlusCircle, Trash2 } from "lucide-react";
+import { useEffect, useState } from "react";
+import { useNavigate } from "react-router-dom";
+
+type Tour = {
+ id: number;
+ image?: string;
+ tickets: string;
+ min_price: string;
+ max_price: string;
+ top_duration: string;
+ top_destinations: string;
+ hotel_features_by_type: string;
+ hotel_types: string;
+ hotel_amenities: string;
+};
+
+const Tours = () => {
+ const [tours, setTours] = useState
+
+
+
+ Umumiy
+
+
+ Marshshrut
+
+
+ Xizmatlar
+
+
+ Mehmonxona
+
+
+ Sharhlar
+
+
+
+
+
+
+
+ Tur haqida ma'lumot
+
+
+
+
+
+
+
+
+
+
+
+ Sayohat marshshruti
+
+
+
+ {tour.ticket_itinerary.map((day, idx) => (
+
+
+
+
+
+
+
+
+ Narxga kiritilgan xizmatlar
+
+
+
+
+
+
+
+
+
+
+
+ Mehmonxona va ovqatlanish
+
+
+
+
+
+
+
+
+
+
+
+
+ {tour.ticket_comments.map((comment, idx) => (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {tour.title}
+ +
+
+
+ {renderStars(Math.floor(tour.rating))}
+ {tour.rating}
+
+ β’
+ {tour.ticket_comments.length} sharh
+
+ {tour.ticket_images.map((img, idx) => (
+
+
+
+ 
+
+ ))}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Narxi
++ {tour.price.toLocaleString()} so'm +
+
+
+ Davomiyligi
++ {tour.duration_days} kun +
+
+
+ Yo'lovchilar
++ {tour.passenger_count} kishi +
+
+
+ Jo'nash sanasi
++ {new Date(tour.departure_date).toLocaleDateString("uz-UZ")} +
+
+
+
+
+
+
+
+
+
+
+
+ Jo'nash joyi
++ {tour.departure} +
+
+
+
+
+
+ Yo'nalish
++ {tour.destination} +
+
+
+
+
+ Tillar
++ {tour.languages} +
+
+
+
+
+
+
+
+ Mehmonxona
++ {tour.hotel_info} +
+
+
+
+
+
+ Ovqatlanish
++ {tour.hotel_meals} +
+
+
+
+
+ Tarif
++ {tour.tariff[0]?.name} +
+
+
+ + Qulayliklar +
+
+ {tour.ticket_amenities.map((amenity, idx) => (
+
+
+
+ ))}
+ + {amenity.name} +
+
+
+ ))}
+
+
+ {day.duration}-kun
+
+
+
+ {day.ticket_itinerary_image.length > 0 && (
+ + {day.title} +
+
+ {day.ticket_itinerary_image.map((img, imgIdx) => (
+
+ )}
+
+
+
+
+ ))}
+
+ {day.ticket_itinerary_destinations.map(
+ (dest, destIdx) => (
+
+
+ ),
+ )}
+
+
+ {tour.ticket_included_services.map((service, idx) => (
+
+
+
+ ))}
+
+ 
+
+
+
+ + {service.title} +
+{service.desc}
+
+
+
+
+
+ + {tour.hotel_info} +
+{tour.hotel_meals}
+
+
+ + Ovqatlanish tafsilotlari +
+
+ {tour.ticket_hotel_meals.map((meal, idx) => (
+
+
+
+ ))}
+
+ 
+
+
+
+ + {meal.name} +
+{meal.desc}
+
+
+ Mijozlar sharhlari
+
+
+
+
+
+ {renderStars(Math.floor(tour.rating))}
+
+
+ {tour.rating}
+
+
+ ({tour.ticket_comments.length} sharh)
+
+
+
+ ))}
+
+
+
+
+ + {comment.user.username} +
+
+ {renderStars(comment.rating)}
+
+ + {comment.text} +
+
+
+
+
+
+ Tur firmasi
++ Firma ID: {tour.travel_agency_id} +
+
+
+ );
+};
+
+export default Tours;
diff --git a/src/pages/tours/ui/ToursSetting.tsx b/src/pages/tours/ui/ToursSetting.tsx
new file mode 100644
index 0000000..c0b187d
--- /dev/null
+++ b/src/pages/tours/ui/ToursSetting.tsx
@@ -0,0 +1,461 @@
+import { Button } from "@/shared/ui/button";
+import { Card, CardContent } from "@/shared/ui/card";
+import {
+ Dialog,
+ DialogContent,
+ DialogHeader,
+ DialogTitle,
+} from "@/shared/ui/dialog";
+import { Input } from "@/shared/ui/input";
+import { Label } from "@/shared/ui/label";
+import {
+ Select,
+ SelectContent,
+ SelectItem,
+ SelectTrigger,
+ SelectValue,
+} from "@/shared/ui/select";
+import { Tabs, TabsList, TabsTrigger } from "@/shared/ui/tabs";
+import { Textarea } from "@/shared/ui/textarea";
+import { Edit2, Plus, Search, Trash2 } from "lucide-react";
+import React, { useState } from "react";
+
+interface Badge {
+ id: number;
+ name: string;
+ color: string;
+}
+
+interface Tariff {
+ id: number;
+ name: string;
+ price: number;
+}
+
+interface Transport {
+ id: number;
+ name: string;
+ price: number;
+}
+
+interface MealPlan {
+ id: number;
+ name: string;
+}
+
+interface HotelType {
+ id: number;
+ name: string;
+}
+
+type TabId = "badges" | "tariffs" | "transports" | "mealPlans" | "hotelTypes";
+
+type DataItem = Badge | Tariff | Transport | MealPlan | HotelType;
+
+interface FormField {
+ name: string;
+ label: string;
+ type: "text" | "number" | "color" | "textarea" | "select";
+ required: boolean;
+ options?: string[];
+ min?: number;
+ max?: number;
+}
+
+interface Tab {
+ id: TabId;
+ label: string;
+}
+
+const ToursSetting: React.FC = () => {
+ const [activeTab, setActiveTab] = useState
+
+
+ Turlar ro'yxati
+ +
+
+
+
+
+ {/* Delete Confirmation Dialog - Faqat bitta */}
+
+
+
+
+
+ Sahifa {page} / {totalPages}
+
+
+
+
+
+ {
+ setActiveTab(v as TabId);
+ setSearchTerm("");
+ }}
+ >
+
+ {tabs.map((tab) => (
+
+ {tab.label}
+
+ ))}
+
+
+
+
+
+
+
+
+
+
+
+
Tur Sozlamalari
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ID
+
+
+ Nomi
+
+ {activeTab === "badges" && (
+
+ Rang
+
+ )}
+ {(activeTab === "tariffs" || activeTab === "transports") && (
+
+ Narx
+
+ )}
+
+ Amallar
+
+
+ {filteredData.length === 0 ? (
+
+
+ Ma'lumot topilmadi
+
+ ) : (
+ filteredData.map((item) => (
+
+
+ ))
+ )}
+ {item.id}
+
+ {item.name}
+
+ {activeTab === "badges" && (
+
+
+ )}
+ {(activeTab === "tariffs" ||
+ activeTab === "transports") && (
+
+
+ {(item as Badge).color}
+
+
+ {(item as Tariff).price}
+
+ )}
+
+
+
+
+
+
+