Manage Puja Services - Copy this React, Tailwind Component to your project
Design-a-modern-and-interactive-admin-panel-page-called-"Manage-Puja-Service"-for-an-online-puja-booking-application.-The-page-should-focus-on-usability-and-responsiveness,-displaying-all-puja-services-in-a-tabular-format-with-the-following-requirements:-Layout-Header-Section:-Page-title:-"Manage-Puja-Services".-Search-bar-with-a-placeholder-"Search-pujas-by-name,-category,-or-keyword".-A-filter-dropdown-for-categories-like-price-range,-location,-language,-popularity,-and-status-(Active/Inactive).-Table-Section:-Use-a-clean,-modern-table-design-with-the-following-columns:-Service-Title:-Displays-the-puja-name-with-a-small-image/icon.-Category:-Shows-the-associated-category-(e.g.,-Vedic,-Astrology).-Price:-Displays-the-starting-price-of-the-puja.-Location:-Specifies-available-locations-or-online-only.-Language:-Lists-supported-languages-(e.g.,-Hindi,-English).-Status:-Shows-the-current-status-(Active/Inactive)-with-a-colored-badge.-Actions:-Buttons-for-"Edit",-"View",-and-"Delete".-Action-Buttons:-Include-responsive-icons-for-actions:-Edit:-Opens-a-modal-pre-filled-with-the-puja-details.-View:-Displays-a-modal-showing-all-service-details,-including-reviews,-FAQs,-and-associated-packages.-Delete:-Opens-a-confirmation-modal-summarizing-the-service-details.-Add-Puja-Button:-A-prominent-button-labeled-"Add-Puja"-in-the-top-right-corner.-Clicking-it-should-open-a-multi-step-modal-for-adding-a-new-service-with-fields-like-title,-category,-description,-price,-packages,-and-images.-Pagination:-Display-10-20-entries-per-page-with-"Next",-"Previous",-and-page-number-buttons.-Include-a-dropdown-to-select-the-number-of-entries-per-page.-Bulk-Actions:-Add-checkboxes-for-each-row-and-a-bulk-action-dropdown-for-"Delete",-"Activate/Deactivate",-and-"Assign-to-Category".-Additional-Features-Hover-Effects:-Highlight-rows-on-hover-for-better-readability.-Expandable-Rows:-Allow-rows-to-expand-and-show-brief-package-details-or-descriptions-when-clicked.-Sort-and-Search:-Enable-sorting-for-columns-like-title,-price,-and-status.-The-search-bar-should-dynamically-filter-rows-based-on-the-entered-keyword.-Notification-System:-Display-toast-notifications-for-successful-actions-like-"Puja-updated-successfully"-or-"Puja-deleted".-Responsive-Design:-Ensure-the-layout-adjusts-seamlessly-for-mobile,-tablet,-and-desktop-views.-On-smaller-screens,-stack-the-table-columns-or-use-a-card-view-for-each-puja-service.-Analytics-Section-(Optional):-Add-a-small-section-above-the-table-displaying-summary-statistics-like:-Total-Puja-Services:-X-Active-Services:-Y-Inactive-Services:-Z
