import { Button } from "@/components/ui/button";
import {
    Dialog,
    DialogClose,
    DialogContent,
    DialogDescription,
    DialogFooter,
    DialogHeader,
    DialogTitle,
    DialogTrigger,
} from "@/components/ui/dialog";
import {
    Table,
    TableBody,
    TableCell,
    TableHead,
    TableRow,
} from "@/components/ui/table";
import { router } from "@inertiajs/react";
import { ToastMessage } from "./Toast/ToastMixin";
import Swal from "sweetalert2";
export function ViewModal({ modalProps }) {
    const {
        buttonName,
        modalTitle,
        data,
        isApproveButton,
        pendingPropertiesModal,
    } = modalProps;
    
    const approveProperty = (propertyId) => {
      
        router.post(
            `/properties/${propertyId}`,
            {},
            {
                preserveScroll: true,
                onSuccess: () => {
                    ToastMessage("success", `অনুমোদন করা হয়েছে`);
                },
            }
        );
    };
    const showApprovedText =
        (pendingPropertiesModal && isApproveButton) ||
        (!pendingPropertiesModal && !isApproveButton);

    const justifyClass = showApprovedText ? "justify-between" : "justify-end";

    return (
        <Dialog>
            <DialogTrigger asChild>
                <Button
                    variant="outline"
                    className="bg-[#006362] text-white hover:bg-[#00bcd4] hover:text-white"
                >
                    {buttonName}
                </Button>
            </DialogTrigger>
            <DialogContent className="sm:max-w-[800px]">
                <DialogHeader>
                    <DialogTitle className="text-center">
                        {modalTitle}
                    </DialogTitle>
                    <DialogDescription></DialogDescription>
                </DialogHeader>
                <div className="max-h-[70vh] overflow-y-auto pr-2">
                    <Table className="table-fixed">
                        {data.map((property, index) => (
                            <TableBody key={index}>
                                <TableRow>
                                    <TableHead
                                        className="font-bold whitespace-normal wrap-break-word
"
                                    >
                                        হোটেল/মোটেল/রিসোর্ট এর ইমেইল
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.propertyEmail}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        হোটেল/মোটেল/রিসোর্ট এর ঠিকানা
                                    </TableHead>
                                    <TableCell className="flex items-center gap-2">
                                        <span>{property.holdingAndRoad},</span>
                                        <span>{property.upzila.upZila},</span>
                                        <span>
                                            {property.district.district},
                                        </span>
                                        <span>
                                            {property.division.division}
                                        </span>
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        হোটেলের মোবাইল নম্বর
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.hotelMobile}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        জেলা/উপজেলা সদর/ জোন অফিস হতে দূরত্ব
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.FarFromCentralPlace}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        প্রতিষ্ঠাকাল
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.established}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        আয়তন
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.size}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        আবাসিক কক্ষের সংখ্যা ও ধরণ
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.roomCountAndType}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        জনবল
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.manpowerCount}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        নিরাপত্তা কর্মী
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.securityGardCount}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        মালিকের নাম
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.hotelOwnerName}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        মালিকের ঠিকানা
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.hotelOwnerAddress}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        মালিকের মোবাইল নম্বর
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.hotelOwnerMobile}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        ব্যবস্থাপকের নাম
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.managerName}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        ব্যবস্থাপকের ঠিকানা
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.managerAddress}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        ব্যবস্থাপকের মোবাইল নম্বর
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.managerMobile}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        নিরাপত্তা কর্মী আছে কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.securityGard}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        নিরাপত্তা বেষ্টনী/নিরাপত্তা ব্যবস্থা আছে
                                        কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.hotelSecuritywall}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        ভেটিং নিয়মিত হয় কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isRegularVating}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        ধূমপায়ীদের জন্য আলাদা জায়গা আছে কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isSmokingZone}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        ধূমপান মুক্ত লেখা প্ল্যাকার্ড বা ফেস্টুন
                                        দৃশ্যমান জায়গায় আছে কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isSmokingAwarness}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        ইলেক্ট্রনিক সাব-স্টেশন আছে কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isElectricSubStation}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        বর্জ্য ব্যবস্থাপনা সিস্টেম সুবিধা আছে
                                        কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isDustManagementSystem}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        বিশুদ্ধ পানির সরবরাহ আছে কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isPureWater}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        গেস্ট চেকিং ব্যবস্থা আছে কিনা
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isGuestChecking}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        কর্মকর্তা/কর্মচারীরা নিয়মিত প্রশিক্ষণ
                                        প্রাপ্ত কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isEmployeeTrained}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        নিজস্ব হেলিপেড আছে কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isHeliPad}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        স্পা-সেন্টার আছে কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isSpa}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        সনা বাথ আছে কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isSauna}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        স্টীম বাথ আছে কিনা
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isStemBath}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        কিডস জোন আছে কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isKidsZone}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        কিডস জোন সিসিটিভি আছে কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isCCTVKidsZone}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        জ্যাকুজি আছে কিনা
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isJakoji}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        জিমনেসিয়াম আছে কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isZim}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        জিমনেসিয়ামে সিসিটিভি আছে কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isZim}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        জিম ইন্সট্রুমেন্ট প্রতি মাসে পরীক্ষা করা
                                        হয় কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isTestZimInstrument}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        নিজস্ব পার্কিং ব্যবস্থা আছে কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isCarParking}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        পার্কিং লটে সিসিটিভি আছে কিনা?(যদি থাকে)
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isCCTVCarParking}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        হোটেলের নিজস্ব ওয়েবসাইট/ফেসবুক/ইউটিউব
                                        চ্যানেল আছে কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isHotelWebOrFborYoutube}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        পিবিএক্স/ টেলিফোন সুবিধা আছে কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isPBXOrTelephone}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        ট্যুরিস্ট অভিযোগ বক্স আছে কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isTouristComplainBox}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        এয়ারপোর্ট ট্রান্সফার আছে কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isAirportTransfer}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        রেস্টুরেন্ট আছে কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isResturant}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        রেস্টুরেন্টে সিসিটিভি আছে কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isResturantCCTV}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        সুইমিং পুল আছে কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isSWimingPool}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        সুইমিং পুলে সিসিটিভি আছে কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isCCTVSWimingPool}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        সুইমিং পুল জীবন রক্ষাকারী ইন্সট্রুমেন্ট
                                        এবং সার্বক্ষণিক পাহাড়া আছে কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isLifeSavingInstrumentHave}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        বাংলাদেশের পর্যটন স্পটসমূহের তালিকা আছে
                                        কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isTouristSpotList}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        হোটেলের গেস্টদের জাতীয় পরিচয়পত্র
                                        সংরক্ষিত আছে কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isNIDReservedInHotel}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        রিসিপশনে গুরুত্বপূর্ণ পুলিশী সহায়তার
                                        মোবাইল নম্বর দৃশ্যমান আছে কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isPoliceNumberInReception}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        লিফট সচল কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isLiftOk}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        লিফটের সামনে সিসিটিভি আছে কি না?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isCCTVInFrontOfLift}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        সার্বক্ষণিক বিদ্যুৎ ব্যবস্থা/জেনারেটরের
                                        সার্ভিসিং আছে কি না?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isElectricityOrGenerator}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        হোটেলে কর্মরত কর্মকর্তা ও কর্মচারীদের
                                        জাতীয় পরিচয়পত্র আছে কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isNIDForAllEmployee}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        দেশী-বিদেশী পর্যটকদের দৈনন্দিন তালিকা
                                        টুরিস্ট পুলিশে দেওয়া হচ্ছে কিনা
                                        (ই-মেইল/হোয়াটস্যাপ)?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isTouristDataProvidedToPolice}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        অগ্নি নির্বাপণ ব্যবস্থা (ফায়ার ফাইটিং
                                        ইন্সট্রুমেন্ট সেট আপ) আপডেট আছে কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isFireFightingInstrumentSetup}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        হোটেল কর্তৃপক্ষের নিজস্ব নিরাপত্তা
                                        বাহিনী/ সিকিউরিটি গার্ড আছে কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isHotelAuthoritySecurityGard}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        প্রবেশ-বাহির, হোটেল লবি, ওয়েটিংরুম,
                                        রিসিপশন, বারান্দা এবং বাহিরে চত্বরদিগে
                                        সিসিটিভি ক্যামেরা আছে কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isCCCameraAllPlace}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        বার আছে কি না ?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isBar}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        বার লাইসেন্স/অনুমতিপত্র আছে কিনা? (যদি
                                        থাকে)
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isBerPermission}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        নাইটক্লাব আছে কি না ?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isNightClub}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        নাইটক্লাব লাইসেন্স/অনুমতিপত্র আছে কিনা?
                                        (যদি থাকে)
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isNightClubPermission}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        ক্যাসিনো আছে কি না ?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isCassino}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        ক্যাসিনো লাইসেন্স/অনুমতিপত্র আছে কিনা?
                                        (যদি থাকে)
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isCassinoPermission}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        জেলা প্রশাসনের অনুমতি পত্র আছে কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isDACertificate}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        ফায়ার সার্ভিস কর্তৃক প্রদত্ত সার্টিফিকেট
                                        আছে কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isFireServiceLisence}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        সিভিল সার্জনের স্বাস্থ্য পরীক্ষার
                                        প্রতিবেদন আছে কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isCevilSergonCertificate}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        পরিবেশ অধিদপ্তরের সার্টিফিকেট আছে কিনা
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isDoeCertificate}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        ভ্যাট রেজিস্ট্রেশন সার্টিফিকেট আছে কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isVatCertificate}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        ট্রেড লাইসেন্স আছে কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.isTradeLisence}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold">
                                        আগ্নি নির্বাপণ ব্যবস্থা (নিয়মিত অগ্নি
                                        নির্বাপণ সরঞ্জামাদি পরীক্ষা/ ফায়ার
                                        অনুশীলন হয় কিনা?)
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.fireSecurity}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold wrap-break-word">
                                        সুইমিং পুলে লাইফ জ্যাকেট/প্রশিক্ষক আছে
                                        কিনা ? নিয়মিত পানি নিস্কাশন/পরিষ্কার করা
                                        হয় কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.swimingPoolSecurity}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead
                                        className="font-bold whitespace-normal wrap-break-word
"
                                    >
                                        রান্নাঘরের পরিষ্কার পরিচ্ছন্নতা
                                        (স্বাস্থ্য বিধি বজায় রেখে/মেনে রান্না
                                        করা হয় কিনা? পঁচা বসি/পুরনো খাবার
                                        পরিবেশন-এর বিষয়ে সতর্কতা)
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.kitchenFreshness}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold wwhitespace-normal wrap-break-word">
                                        আলো/বাতাসের ব্যবস্থা আছে কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.vantilation}
                                    </TableCell>
                                </TableRow>
                                <TableRow>
                                    <TableHead className="font-bold whitespace-normal wrap-break-word">
                                        স্থানীয় জনগোষ্ঠীর সাথে সম্পর্ক কেমন? কোন
                                        বিরোধ আছে কিনা?
                                    </TableHead>
                                    <TableCell className="flex items-center">
                                        {property.localRelationship}
                                    </TableCell>
                                </TableRow>
                            </TableBody>
                        ))}
                    </Table>
                </div>
                <DialogFooter className="w-full">
                    <div className={`flex w-full items-center ${justifyClass}`}>
                        {showApprovedText && (
                            <>
                                <p className="font-medium text-green-700">
                                    অনুমোদন দিয়েছেন:{" "}
                                    {data[0].approved_by?.fullName ??
                                        "প্রযোজ্য নয়"}
                                </p>
                                <p className="font-medium text-green-700">
                                    তালিকাভুক্ত করেছেন:{" "}
                                    {data[0]?.listed_by?.fullName ??
                                        "হোটেল কতৃপক্ষ"}
                                </p>
                            </>
                        )}

                        <div className="flex gap-2">
                            {pendingPropertiesModal && !isApproveButton && (
                                <Button
                                    className="bg-green-600 text-white hover:bg-green-500"
                                    onClick={() => approveProperty(data[0].id)}
                                >
                                    অনুমোদন করুন
                                </Button>
                            )}

                            <DialogClose asChild>
                                <Button className="bg-red-600 text-white hover:bg-red-500">
                                    বন্ধ করুন
                                </Button>
                            </DialogClose>
                        </div>
                    </div>
                </DialogFooter>
            </DialogContent>
        </Dialog>
    );
}