<?php
      include ("../../controller/session/session-checker-teacher-student-admin-parents.php");
if ($Staff_Lang == '') {
    include('../../lang/english.php');

} else {
    include('../../lang/' . $Staff_Lang . '.php');
}
mysqli_set_charset($link, 'utf8');
?>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- Tell the browser to be responsive to screen width -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Favicon icon -->

   
    <title>
        <?php echo $portal_onboarding_title; ?> |
        <?php echo $fullname; ?>
    </title>
    
    
    
      <link rel="shortcut icon" href="../../assets/images/website_images/favicon.png" type="image/x-icon">
    <link rel="icon" href="../../assets/images/website_images/favicon.png" type="image/x-icon">
    <link rel="apple-touch-icon" sizes="152x152" href="../../assets/images/website_images/favicon.png">
    <link rel="apple-touch-icon" sizes="120x120" href="../../assets/images/website_images/favicon.png">
    <link rel="apple-touch-icon" sizes="76x76" href="../../assets/images/website_images/favicon.png">
    <link rel="apple-touch-icon" href="../../assets/images/website_images/favicon.png">
    <link rel="icon" href="../../assets/images/website_images/favicon.png" type="image/x-icon">

    <link href="../../assets/plugins/bootstrap5/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Arvo&display=swap" rel="stylesheet">
    <script src="../../assets/plugins/jquery/code.jquery.com_jquery-3.5.1.min.js"></script>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons+Sharp" rel="stylesheet">
    <link href='https://unpkg.com/boxicons@2.0.7/css/boxicons.min.css' rel='stylesheet'>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" />
    <link href="../../assets/plugins/notify/wnoty.css" rel="stylesheet">



    <!-- style sheet -->
    <link rel="stylesheet" href="../../css/admin_css/appStyle.css">
    <link rel="stylesheet" href="../../css/admin_css/onboardingstyle.css">
    <!--=== style sheet==-->
    <!-- image Croppie -->
  <link href="../../assets/plugins/notify/wnoty.css" rel="stylesheet">


</head>

<body>

 <!--   <div id="gx-overlay">-->
	<!--	<div class="gx-ellipsis">-->
	<!--		<div></div>-->
	<!--		<div></div>-->
	<!--		<div></div>-->
	<!--		<div></div>-->
	<!--	</div>-->
	<!--</div>-->
    <div class="grid-container">
        <!-- Header -->
        <?php include('../../includes/app-header.php'); ?>
        <!--End Header -->


        <!-- Sidebar -->
        <?php include('../../includes/app-menu.php'); ?>
        <!-- End Sidebar -->


        <!--======Floating Button=========-->
        <!-- Buttons -->
        <?php include('../../includes/floating-btn.php'); ?>
        <!-- End - Buttons -->
        <!--======Floating Button=========-->


        <!---====Side Modal Start Here====-->
        <?php include('../../includes/setting-menu.php'); ?>
        <!---====Side Modal End Here====-->
        
        
        <!----Main----->
        <main class="main-container">

            <div class="container-fluid">

                <!-- =======row====== -->
                <div class="row">
                    <div class="col-sm-1"></div>

                    <div class="col-sm-10">


                            <div class="row g-2" id="displaycampus-created">

                            </div>
                            <!-- =======displaycampus-created here====== -->



                        <!-- =======onboarding school setting end here ====== -->
                    </div>
                    <div class="col-sm-1"></div>



                </div>

            </div>


        </main>
    </div>



    

    


    

    <!-- edit campus modal -->
    <div class="modal fade" id="pros-editcampus-modal" style="background-color: rgba(0, 0, 0, 0.9); z-index: 1050;"
        tabindex="-1" aria-labelledby="editcampus-modalLabel" aria-hidden="true">

        <div class="modal-dialog modal-xl" style="height:80vh;margin: 1.75rem auto;color: rgb(56, 58, 63);">

            <div class="modal-content" style="border:none;width: 100%;border-radius: 5px;">

                <div class="modal-header" style="border:none;">

                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>

                <div class="modal-body" style="padding:6% 8%;">
                    <div id="displayschforedit"></div>
                </div>

                <div class="modal-footer" style="border:none;">
                </div>
            </div>
        </div>
    </div>
    <!-- edit campus modal -->


    <!-- delete campus modal -->
    <div class="modal fade" id="pros-deletecampus-modal" style="background-color: rgba(0, 0, 0, 0.9); z-index: 1050;"
        tabindex="-1" aria-labelledby="deletecampus-modalLabel" aria-hidden="true">
        <div class="modal-dialog" style="height:80vh;margin: 1.75rem auto;color: rgb(56, 58, 63);">
            <div class="modal-content" style="border:none;width: 100%;border-radius: 5px;">
                <div class="modal-header" style="border:none;">
                    
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body" style="padding:6% 8%;">
                    <!-- <div id="displayschforedit"></div> -->
                    <center>
                        <p style="font-weight:400;font-size:15px;">Are you sure you want to delete this
                                ?</p>

                        <span style="color:red;font-weight:600;">
                            Note: if you delete this campus,
                            all the Staffs,
                            clases<br> and every other things related
                            to this campus will deleted.
                        </span>
                    </center>

                </div>
                <div class="modal-footer" style="border:none;">
                    <button type="button" class="btn btn-danger ">Delete <i class="fa fa-trash"></i></button>
                    <!-- <u data-toggle="modal" data-target="#deleteModal" id="deleteButton" class= "btn btn-primary">Delete</u> -->
                </div>
            </div>
        </div>
    </div>
    <!-- delete campus modal -->


   

   


    <!-- HIDDEN VALUES -->
    <input type="hidden" id="getusertypeinvite">
    <input type="hidden" id="appendinput">
    <input type="hidden" id="checkfirstvilation" value="validatedfinal">
    <input type="hidden" id="staffgroupschoolID">
    <input type="hidden" id="pros-dispaly-mainmenu">
    <input type="hidden" id="pros-dispaly-submenu">
    <input type="hidden" id="pros-dispaly-menustatus">
    <input type="hidden" id="pros-displaybackvalue-tag">
    <input type="hidden" id="prosloadschoolid-forbackward">
    <input type="hidden" id="groupschoolnewcampusid">



   
    <!-- HIDDEN VALUES -->



    <!-- //pros load logo upload here-->

    <!-- Image Modal -->
    <div id="insertimageModal" class="modal" role="dialog">
        <div class="modal-dialog modal-md">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Upload School Logo</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="row justify-content-center">
                <div class="col-sm-12 col-md-12 col-lg-12 p-2">
                    <div id="pros-load-image"></div>
                    <input type="hidden" id="prosschoollherebtnlogo">
                </div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn btn-success prossubmitschoollogo">Submit</button>
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
            </div>
            </div>
        </div>
    </div>
    <!-- End Image Modal -->
     <!-- //pros load logo upload here-->



      <!-- //pros load logo upload here-->
  
    <div id="prosopenloginimagemodal" class="modal" role="dialog">
        <div class="modal-dialog modal-md">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Upload Login Image</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="row justify-content-center">
                <div class="col-sm-12 col-md-12 col-lg-12 p-2">
                    <div id="prosloadloadloginimage"></div>
                </div>
                </div>
            </div>
                  <input type="hidden" id="prosloadstepforbgimage">
                  <input type="hidden" id="prosschoollherebtn">
            <div class="modal-footer">
                <button class="btn btn-success btn-sm prossubmitloginimagebtn">Crop Image</button>
                <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
            </div>
            </div>
        </div>
    </div>
     <!-- //pros load logo upload here-->




<div class="modal fade modalshow modalfade" id="prosloadset-configurationhere" tabindex="-1" aria-labelledby="prosloadset-configurationhereModalLabel"
    aria-hidden="true">
    <div class="modal-dialog dialogcontent" style="border-top-left-radius: 20px; width: 300px;">
        <div class="modal-content modalcontent" style="background-color:#ffffff; ">

            <div class="modal-body modalbodycontent">

                <div style="position: fixed; margin-left: 0.9rem; padding-top: 20px; display: flex;">
                    <img src="../assets/images/favicon.png" style="width: 80%" data-dismiss="modal" aria-label="Close">
                </div>


                <div width="300px" height="30vh" class="sc-UpCWa ezuGy flexi-sheet-body" open="">
                    <button type="button" data-bs-dismiss="modal" aria-label="Close"
                        style="float: right; margin-right: 20px; background: #ffffff; border: none;">
                        <span style="color: #525252; font-size: 30px; cursor: pointer;">×</span>
                    </button>

                   
                    <p style="margin-left: 0.9rem; padding-top: 60px; margin-left: 40px; font-weight: 700; color: #525252;">School Settings</p>
                        

                    <div width="100%" height="100%" style="margin-top: 50px;" class="sc-pyfCe gtGxgb">

                        <ul class="rightModalItems">

                           

                            <li class="chiTag">SETTINGS</li>
                            <li class="chiTagLine"> </li>

                            <li>
                                <a  class="prosgeneralcliklinkhere" data-step="section" style="cursor:pointer;">
                                    <i class="fa fa-calendar menuicons"></i> Section
                                </a>
                            </li>

                            <li>
                                <a class="prosgeneralcliklinkhere" data-step="class">
                                    <i class="fa fa-clock-o menuicons"></i>Class</a>
                                </a>
                            </li>

                            <li>
                                <a  class="prosgeneralcliklinkhere" data-step="subject">
                                    <i class="fa fa-address-book menuicons"></i> Subject
                                </a>
                            </li>

                            <li>
                                <a class="prosgeneralcliklinkhere" data-step="term" style="cursor:pointer;">
                                    <i class="fa fa-cogs menuicons"></i> Term
                                </a>
                            </li>


                            <li>
                                <a class="prosgeneralcliklinkhere" data-step="logo" style="cursor:pointer;">
                                    <i class="fas fa-image menuicons"></i> School Logo
                                </a>
                            </li>


                            <li>
                                <a class="prosgeneralcliklinkhere" data-step="loginbg" style="cursor:pointer;">
                                    <i class="fas fa-camera menuicons"></i> Login Images
                                </a>
                            </li>

                           

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

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



      <input type="hidden" id="prosloadquestionsettingcampusid">



    <!--Script-->
    
    <script src="../../assets/plugins/knob/jquery.knob.js"></script>
    <script src="../../assets/plugins/bootstrap5/js/bootstrap.bundle.min.js"></script>


    <!--jquery  -->
    <script src="../../assets/plugins/jquery/jquery.min.js"></script>
    <!--jquery knob -->
   

    
    <!--Custom JS--->
    <script src="../../js/user_js/admin_js/adminScript.js"></script>
   

   
   
    <?php include('../../controller/js/admin/setup.php');?>
   
        

    <!-- header js -->
  

    <script src="../../assets/plugins/notify/wnoty.js"></script>
     <!-- notify jquery -->

    <!-- image cropper js -->
    <script src="../../assets/plugins/Croppie/croppie.js"></script>
    <script src="../../assets/plugins/Croppie/croppie.min.js"></script>
    


   

</body>

</html>