<?php
session_start();

if (!isset($_SESSION['admin_logged_in']) || $_SESSION['admin_logged_in'] !== true) {
    header('Location: index.php');
    exit;
}

// Optional: access admin ID like this
$admin_id = $_SESSION['admin_id'];
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CRA - Clinical Research Analysis
    </title>

    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="assets/css/bootstrap.css">

    <link rel="stylesheet" href="assets/vendors/iconly/bold.css">

    <link rel="stylesheet" href="assets/vendors/perfect-scrollbar/perfect-scrollbar.css">
    <link rel="stylesheet" href="assets/vendors/bootstrap-icons/bootstrap-icons.css">
    <link rel="stylesheet" href="assets/css/app.css">
    <link rel="shortcut icon" href="assets/images/favicon.svg" type="image/x-icon">
</head>

<body>
    <div id="app">
        <div id="sidebar" class="active">
            <div class="sidebar-wrapper active">
                <div class="sidebar-header">
                    <div class="d-flex justify-content-between">
                        <div class="logo">
                              <a href="dashboard.php"><img src="img/logo.png" alt="Logo" style="width: 150px; height:50px" srcset=""></a>
                        </div>
                        <div class="toggler">
                            <a href="#" class="sidebar-hide d-xl-none d-block"><i class="bi bi-x bi-middle"></i></a>
                        </div>
                    </div>
                </div>
               <div class="sidebar-menu">
                    <ul class="menu">
                        <li class="sidebar-item  ">
                            <a href="dashboard.php" class='sidebar-link'>
                                <i class="bi bi-grid-fill"></i>
                                <span>Dashboard</span>
                            </a>
                        </li>
                         <li class="sidebar-item  ">
                            <a href="add_clinic.php" class='sidebar-link'>
                                <i class="bi bi-cloud-arrow-up-fill"></i>
                                <span>Add Clinics</span>
                            </a>
                        </li>

                        <li class="sidebar-item active ">
                            <a href="all_clinics.php" class='sidebar-link'>
                                <i class="bi bi-stack"></i>
                                <span>Clinics</span>
                            </a>
                        
                        </li>


                       <li class="sidebar-item  ">
                            <a href="basic_information.php" class='sidebar-link'>
                                <i class="bi bi-collection-fill"></i>
                                <span>Basic Information</span>
                            </a>
                           
                        </li>

                        <li class="sidebar-item ">
                            <a href="principal_investigator.php" class='sidebar-link'>
                                <i class="bi bi-grid-1x2-fill"></i>
                                <span>Principal Investigator</span>
                            </a>
                        </li>
                        <li class="sidebar-item  ">
                            <a href="study_design.php" class='sidebar-link'>
                                <i class="bi bi-hexagon-fill"></i>
                                <span>Study Design</span>
                            </a>
                        </li>

                        <li class="sidebar-item  ">
                            <a href="site_facility.php" class='sidebar-link'>
                                <i class="bi bi-file-earmark-medical-fill"></i>
                                <span>Site & Facility</span>
                            </a>
                        </li>

                        <li class="sidebar-item  ">
                            <a href="investigational_products.php" class='sidebar-link'>
                                <i class="bi bi-pen-fill"></i>
                                <span>Investigational Product</span>
                            </a>
                        </li>

                        <li class="sidebar-item  ">
                            <a href="requirement_datacollection.php" class='sidebar-link'>
                                <i class="bi bi-grid-1x2-fill"></i>
                                <span>Recruitment & Data<br> Collection</span>
                            </a>
                        </li>
                        
                        <li class="sidebar-item  ">
                            <a href="logout.php" class='sidebar-link'>
                                <i class="bi bi-x-octagon-fill"></i>
                                <span>Log Out</span>
                            </a>
                           
                        </li>

                    </ul>
                </div>
                <button class="sidebar-toggler btn x"><i data-feather="x"></i></button>
            </div>
        </div>
        <div id="main">
            <header class="mb-3">
                <a href="#" class="burger-btn d-block d-xl-none">
                    <i class="bi bi-justify fs-3"></i>
                </a>
            </header>

          <div class="container-fluid pt-4 px-4">
                <div class="row justify-content-center">
                    <div class="col-12">
                        <div class="bg-light rounded p-4 mb-4">
                           <div class="d-flex justify-content-between align-items-center mb-4 flex-wrap gap-2">
                                <h4 class="mb-0">
                                    <i class="fa fa-hospital me-2 text-primary"></i>Clinic Data
                                </h4>
                                <div class="d-flex gap-2 ">
                                   <select class="form-select" id="locationFilter" style="min-width: 200px;">
                                       
                                        <option value="basic_information">Basic Information</option>
                                        <option value="principal_investigators">Principal Investigator (PI) Details</option>
                                        <option value="study_design">Study Design Details</option>
                                        <option value="site_facilities">Site & Facility Details</option>
                                        <option value="investigational_products">Investigational Product (IP) Details</option>
                                        <option value="recruitment_data">Recruitment & Data Collection</option>
                                    </select>

                                    <input type="text" class="form-control" id="clinicSearch" placeholder="Search " style="min-width: 200px;">
                                </div>
                            </div>

                                <div id="tableSection" class="table-responsive">
                                    <p>Select a section to display data.</p>
                                </div>

                            </div>
                        </div>
                    </div>
               

            <footer>
                <div class="footer clearfix mb-0 text-muted">
                    <div class="float-start">
                        <p>2025 &copy; Phaseon Clinical Research</p>
                    </div>
                    <div class="float-end">
                        <p>Design by PoojaInfotech</p>
                    </div>
                </div>
            </footer>
        </div>
    </div>
     </div>
            </div>
 <script>
    const clinicId = <?= isset($_GET['id']) ? intval($_GET['id']) : 0 ?>;

    document.addEventListener('DOMContentLoaded', function () {
        const dropdown = document.getElementById('locationFilter');
        const searchInput = document.getElementById('clinicSearch');
        const tableSection = document.getElementById('tableSection');

        function fetchData() {
            const table = dropdown.value;
            const search = searchInput.value.trim();

            if (!table || !clinicId) {
                tableSection.innerHTML = '<p>Please select a section.</p>';
                return;
            }

            fetch(`fetch_clinic_data.php?id=${clinicId}&table=${table}&search=${encodeURIComponent(search)}`)
                .then(res => res.text())
                .then(data => {
                    tableSection.innerHTML = data;
                })
                .catch(() => {
                    tableSection.innerHTML = '<p>Error loading data.</p>';
                });
        }

        // ✅ Auto-load basic_information on page load
        fetchData();

        // Event listeners
        dropdown.addEventListener('change', fetchData);
        searchInput.addEventListener('input', fetchData);
    });
</script>

 <script>
    const clinicId = <?= isset($_GET['id']) ? intval($_GET['id']) : 0 ?>;
</script>
    <script src="assets/vendors/perfect-scrollbar/perfect-scrollbar.min.js"></script>
    <script src="assets/js/bootstrap.bundle.min.js"></script>

    <script src="assets/vendors/apexcharts/apexcharts.js"></script>
    <script src="assets/js/pages/dashboard.js"></script>

    <script src="assets/js/main.js"></script>
</body>

</html>