<?php

include('libraryPHP/site_config.php');

include('libraryPHP/session_check_url.php');

?>



<!DOCTYPE html>

<html lang="en">



<head>

    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">

    <title><?php echo $appName ?> | <?php echo $pageTitle ?></title>

    <?php echo $appFaviconHtml ?>

    <!-- theme css start -->

    <?php include("commoncss.php"); ?>

    <!-- theme css end -->
    
 <style type="text/css">
        .field-icon {
            float: right;
            margin-left: -18px;
            margin-right: 14px;
            margin-top: -30px;
            position: relative;
            z-index: 2;
        }

        .profile-header img {
            height: auto;
            max-width: 800px;
            width: 100%;
        }

        .open_my_popup {

            display: none;

        }

        .open_my_popup .imgae_view_bg {

            width: 100%;

            height: 100vh;

            background: #000;

            position: fixed;

            top: 0px;

            left: 0px;

            opacity: 0.8;

            z-index: 999;

        }

        .open_my_popup .view_popup {

            width: 96%;

            margin: 0px 2%;

            height: 100vh;

            position: fixed;

            top: 0px;

/*            right: 0px;*/

            z-index: 999;

        }

        .open_my_popup .view_popup img {

            width: 100%;

            height: 119vh;

            object-fit: contain;

            padding-top: 84px;

            padding-bottom: 157px;

        }

        .close_my_popup {

            position: fixed;

            top: 75px;

            right: 10px;

            background: #1b79b8;

            width: 30px;

            height: 30px;

            text-align: center;

            z-index: 99999;

            border-radius: 50%;

        }

        .close_my_popup img {

            width: 15px;

            padding-top: 7px;

        }

        #image-holder{
            height: 300px;
        }

        
    </style>
    <!--     <style>

        .open_my_popup {



            display: none;



        }



        .open_my_popup .imgae_view_bg {



            width: 100%;



            height: 100vh;



            background: #000;



            position: fixed;



            top: 0px;



            left: 0px;



            opacity: 0.8;



            z-index: 999;



        }



        .open_my_popup .view_popup {



            width: 96%;



            margin: 0px 2%;



            height: 100vh;



            position: fixed;



            top: 0px;



            right: 0px;



            z-index: 999;



        }



        .open_my_popup .view_popup img {



            width: 100%;



            height: 119vh;



            object-fit: contain;



            padding-top: 84px;



            padding-bottom: 157px;



        }



        .close_my_popup {



            position: fixed;



            top: 75px;



            right: 10px;



            background: #1b79b8;



            width: 30px;



            height: 30px;



            text-align: center;



            z-index: 99999;



            border-radius: 50%;



        }



        .close_my_popup img {



            width: 15px;



            padding-top: 7px;



        }



        .product-detail .product-img {

            border: 1px solid #eff2f7;

            padding: 24px;

            height: 385px !IMPORTANT;

            margin-top: -23px;

            object-fit: contain !IMPORTANT;

        }

        .profile-header img {
    height: auto;
    max-width: 180px!important;
    width: 120px!important;
    height: 120px!important;
}

    </style>
 -->


</head>



<body>



    <!-- Main Wrapper -->

    <div class="main-wrapper">



        <!-- Header start  -->

        <?php include("header.php"); ?>

        <!-- /Header end -->



        <!-- Sidebar -->

        <?php include("sidebar.php"); ?>

        <!-- /Sidebar -->



        <!-- Page Wrapper -->

        <div class="page-wrapper">



            <div class="content container-fluid">



                <!-- Page Header -->

                <div class="page-header">

                    <div class="row">

                        <div class="col">

                            <h3 class="page-title">View Inspection History</h3>

                            <ul class="breadcrumb">

                                <li class="breadcrumb-item"><a href="dashboard.php">Dashboard</a></li>

                                <li class="breadcrumb-item"><a href="inspection_history_report.php">Manage Inspection History Report</a></li>

                                <li class="breadcrumb-item active">View Inspection History</li>

                            </ul>

                        </div>

                    </div>

                </div>

                <!-- /Page Header -->



                <!-- start write start -->

                <div class="row">



                    <div class="col-md-4">

                        <div class="profile-header">

                            <div class="row align-items-center">

                                <div class="col-auto profile-image">

                                    <div class="product-img">

                                         <div href="#img_view">

                                            <img src="<?php echo $img_url_user_main . $getUsersData['image_html'];

                                                        ?>" class="m-b-md img-fix img-responsive " name="profile_image" id="image-holder" onerror="this.src='assets/images/placeholder.png';" alt="" onclick="view_img(this,'img')" width="150px" height="250px">



                                            <div class="open_my_popup" id="img_view" style="display: none;">

                                                <div class="imgae_view_bg"></div>



                                                <div class="view_popup">

                                                    <img src="<?php echo $img_url_user_main.$getUsersData['image_html']; 

                                                                                        ?>" id="image_here">

                                                </div>



                                                <a class="close_my_popup" onclick="closePopup();"><img src="assets/images/close.png"></a>



                                            </div>

                                        </div> 

                                    </div>

                                    <!-- <a href="#">

                                        <img class="rounded-circle" alt="User Image" src="assets/images/image5.png">

                                    </a> -->

                                </div>

                                <div class="col ml-md-n2 profile-user-info">

                                    <!-- <h4 class="user-name mb-0"><?php echo $getUsersData['name'] ?></h4> -->

                                    <!-- <h6 class="text-muted"><?php echo $getUsersData['email'] ?></h6> -->

                                    <!-- <div class="user-Location"><i class="fa fa-map-marker"></i> Florida, United States</div> -->

                                    <!-- <div class="about-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div> -->

                                </div>

                                <!-- <div class="col-auto profile-btn">

										

										<a href="" class="btn btn-primary">

											Edit

										</a>

									</div> -->

                            </div>

                        </div>

                    </div>

                    <div class="col-md-8">

                        <div class="card">

                            <div class="card-body">



                                <div class="card  mb-20">

                                    <div class="card-body">

                                         <div class="d-flex justify-content-end">
                                           <!--  <a href="edit_user.php?id=<?php echo $_GET['id']?>" class="btn btn-primary ">Edit User</a>  -->
                                        </div>

                                          <h5>Enginner Details</h5>
                                          <hr>

                                        <div class="row">

                                            <div class="col-md-6">

                                                <p class="text-black">Name : </p>

                                            </div>

                                            <div class="col-md-6">

                                                <p class="text-black"><?php echo $getUsersData['userName'] ?>

                                                </p>

                                            </div>

                                        </div>
                                        <div class="row">

                                            <div class="col-md-6">

                                                <p class="text-black">Email : </p>

                                            </div>

                                            <div class="col-md-6">

                                                <p class="text-black"><?php echo $getUsersData['userEmail'] ?>

                                                </p>

                                            </div>

                                        </div>

                                       




                                      





 
                                        



                                            <div class="row">

                                                <div class="col-md-6">

                                                    <p class="text-black">Mobile No. : </p>

                                                </div>

                                                <div class="col-md-6">

                                                    <p class="text-black"><?php echo $getUsersData['userMobile'] ?></p>

                                                </div>

                                            </div>


                                              <h5>Inspection Details</h5>
                                          <hr>

                                        <!-- <div class="row">

                                            <div class="col-md-6">

                                                <p class="text-black">Equipment Type : </p>

                                            </div>

                                            <div class="col-md-6">

                                                <p class="text-black"><?php echo $getUsersData['equipmentTypeName'] ?>

                                                </p>

                                            </div>

                                        </div>
 -->

                                       <!--  <div class="row">

                                            <div class="col-md-6">

                                                <p class="text-black">Equipment : </p>

                                            </div>

                                            <div class="col-md-6">

                                                <p class="text-black"><?php echo $getUsersData['equipment_name'] ?>

                                                </p>

                                            </div>

                                        </div> -->


                                        <div class="row">

                                            <div class="col-md-6">

                                                <p class="text-black">Inspection Type : </p>

                                            </div>

                                            <div class="col-md-6">

                                                <p class="text-black"><?php echo $getUsersData['inspection_type_name'] ?>

                                                </p>

                                            </div>

                                        </div>


                                        <div class="row">

                                            <div class="col-md-6">

                                                <p class="text-black">Inspection Title : </p>

                                            </div>

                                            <div class="col-md-6">

                                                <p class="text-black"><?php echo $getUsersData['inspection_title'] ?>

                                                </p>

                                            </div>

                                        </div>


                                       <!--  <div class="row">

                                            <div class="col-md-6">

                                                <p class="text-black">Description : </p>

                                            </div>

                                            <div class="col-md-6">

                                                <p class="text-black"><?php echo $getUsersData['description'] ?>

                                                </p>

                                            </div>

                                        </div>
 -->


                                        <div class="row">

                                            <div class="col-md-6">

                                                <p class="text-black">Inspection Date: </p>

                                            </div>

                                            <div class="col-md-6">

                                                <p class="text-black"><?php echo $getUsersData['inspection_date'] ?>

                                                </p>

                                            </div>

                                        </div>

                                        <div class="row">

                                            <div class="col-md-6">

                                                <p class="text-black">Inspection Due Date: </p>

                                            </div>

                                            <div class="col-md-6">

                                                <p class="text-black"><?php echo $getUsersData['getAllInspectionDueDate'] ?>

                                                </p>

                                            </div>

                                        </div>


                                        <div class="row">

                                            <div class="col-md-6">

                                                <p class="text-black">Create Date & Time : </p>

                                            </div>

                                            <div class="col-md-6">

                                                <p class="text-black"><?php echo $getUsersData['createtime'] ?>

                                                </p>

                                            </div>

                                        </div>



                                        <h4>Inspection Images</h4>

                                      <div class="row">
                                        <?php if($getUsersData['getAllInspectionHistoryImage'] != 'NA'){
                                            foreach ($getUsersData['getAllInspectionHistoryImage'] as $key => $value) {?>
                                               
                                          

                                        <div class="col-sm-4 mb-2">

                                        <div href="#img_view">

                                            <img src="<?php echo $img_url_user_main . $value['image'];

                                                        ?>" class=" img-fix img-responsive " name="profile_image" id="image-holder" onerror="this.src='assets/images/placeholder.png';" alt="" onclick="view_img(this,'img')" style="width:150px;height: 150px;">



                                            <div class="open_my_popup" id="img_view" style="display: none;">

                                                <div class="imgae_view_bg"></div>



                                                <div class="view_popup">

                                                    <img src="#" id="image_here1">

                                                </div>



                                                <a class="close_my_popup" onclick="closePopup();"><img src="assets/images/close.png"></a>



                                            </div>

                                        </div>

                                    </div>


                                        <?php  }
                                    }?>
                                </div>

                                         



                                           

                                             

                                             

                                            

                                            


                                            
                                           

                                            

                                            

                                           

                                            
                                            

                                           
                                           

                                          




                                        


                                       



                                    </div>

                                </div>

                            </div>

                        </div>



                    </div>


                    <div class="row">

                        <div class="col-md-12">

                           <div class="profile-header">



                            </div> 

                             <div class="profile-menu">

                                <ul class="nav nav-tabs nav-tabs-solid">

                                  <!--   <li class="nav-item">

                                        <a class="nav-link active" data-bs-toggle="tab" id="tickets_details_tab_nav2" href="#tickets_details_tab_nav2">My Events</a>

                                    </li> -->

                                    

                                     <!-- <li class="nav-item">

                                        <a class="nav-link " data-bs-toggle="tab" id="tickets_details_tab_nav8" href="#tickets_details_tab_nav8">My Group</a>

                                    </li>
                              

                                     <li class="nav-item">

                                        <a class="nav-link " data-bs-toggle="tab" id="tickets_details_tab_nav7" href="#tickets_details_tab_nav7">Requirements</a>

                                    </li> -->

                                   
                                    <!-- <li class="nav-item">

                                        <a class="nav-link " data-bs-toggle="tab" id="tickets_details_tab_nav" href="#tickets_details_tab_nav">Share Images</a>

                                    </li>

                                     <li class="nav-item">

                                        <a class="nav-link " data-bs-toggle="tab" id="job_details_tab_nav" href="#job_details_tab_nav">Share Videos</a>

                                    </li>

                                     <li class="nav-item">

                                        <a class="nav-link " data-bs-toggle="tab" id="tickets_details_tab_nav1" href="#tickets_details_tab_nav1">Question</a>

                                    </li>

                                    <li class="nav-item">

                                        <a class="nav-link " data-bs-toggle="tab" id="tickets_details_tab_nav3" href="#tickets_details_tab_nav3">Poll</a>

                                    </li>

                                    <li class="nav-item">

                                        <a class="nav-link " data-bs-toggle="tab" id="tickets_details_tab_nav5" href="#tickets_details_tab_nav5">News & Updates</a>

                                    </li>

                                    <li class="nav-item">

                                        <a class="nav-link " data-bs-toggle="tab" id="tickets_details_tab_nav6" href="#tickets_details_tab_nav6">Knowledge Snippet</a>

                                    </li>
 -->
                                     

                                </ul>

                            </div> 

                            <div class="tab-content profile-tab-cont">

                                <div class="tab-pane " id="job_details_tabactive">

                                    <div class="row">

                                        <div class="col-lg-12">

                                            <div class="card">

                                                <div class="card-body">


                                                    <div class="table-responsive">
                                                        <table id="job_table" class="table table-hover table-bordered" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                                            <thead>
                                                                <tr>
                                                                    <th>Sr.No</th>
                                                                    <th>Action</th>
                                                                   
                                                            
                                                           <th>Title</th>
                                                            <th>Description</th>
                                                            <th>Link</th>
                                                            <th>Hashtag</th>
                                           
                                            <th>Create Date & Time</th>
                                                                </tr>
                                                            </thead>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                <div class="tab-pane fade show " id="tickets_details_tabactive">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="card">
                                                <div class="card-body">
                                                    <div class="table-responsive">
                                                        <table id="table_service" class="table table-hover table-bordered" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                                            <thead>
                                                                <tr>
                                                            <th>S.No.</th>
                                                            <th>Action</th>
                                                            <th>Title</th>
                                                            <th>Description</th>
                                                            <th>Link</th>
                                                            <th>Hashtag</th>
                                                            
                                                            
                                                            <th>Create Date & Time</th> 
                                                                </tr>
                                                            </thead>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                  <div class="tab-pane fade show " id="tickets_details_tabactive1">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="card">
                                                <div class="card-body">
                                                    <div class="table-responsive">
                                                        <table id="table_service1" class="table table-hover table-bordered" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                                            <thead>
                                                                <tr>
                                                           <th>S.No.</th>

                                           

                                            

                                           
                                            <th>Question title</th>
                                            <th>Description</th>
                                            <th>Live for Days</th>
                                            <th>Hashtags</th>
                                           
                                            
                                           
                                            <th>Create Date & Time</th>
                                                                </tr>
                                                            </thead>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                  <div class="tab-pane fade show " id="tickets_details_tabactive2">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="card">
                                                <div class="card-body">
                                                    <div class="table-responsive">
                                                        <table id="table_service2" class="table table-hover table-bordered" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                                            <thead>
                                                                <tr>
                                                           <th>S.No.</th>

                                                      <th>Action</th>
                                                  
                                            
                                                   <th>Event Type</th>
                                           
                                            <th>Event Title</th>
                                           
                                            <th>Date</th>
                                            <th>Time</th>
                                           
                                            
                                           
                                            <th>Create Date & Time</th>
                                                                </tr>
                                                            </thead>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                  <div class="tab-pane fade show" id="tickets_details_tabactive3">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="card">
                                                <div class="card-body">
                                                    <div class="table-responsive">
                                                        <table id="table_service4" class="table table-hover table-bordered" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                                            <thead>
                                                                <tr>
                                                           <th>S.No.</th>

                                                      
                                                  
                                            
                                                   <th>Question</th>

                                           
                                            <th>Description</th>
                                            <th>Options</th>
                                           
                                            <th>Poll ends in</th>
                                           
                                           
                                            
                                           
                                            <th>Create Date & Time</th>
                                                                </tr>
                                                            </thead>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>



                                  <div class="tab-pane fade show" id="tickets_details_tabactive5">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="card">
                                                <div class="card-body">
                                                    <div class="table-responsive">
                                                        <table id="table_service5" class="table table-hover table-bordered" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                                            <thead>
                                                                <tr>
                                                           <th>S.No.</th>

                                                      
                                                  
                                                  <th>Action</th>
                                                   <th>Title</th>
                                           
                                            <th>Description</th>
                                           
                                            <th>Link</th>
                                            <th>Hashtag</th>
                                           
                                           
                                            
                                           
                                            <th>Create Date & Time</th>
                                                                </tr>
                                                            </thead>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>


                                 <div class="tab-pane fade show" id="tickets_details_tabactive6">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="card">
                                                <div class="card-body">
                                                    <div class="table-responsive">
                                                        <table id="table_service6" class="table table-hover table-bordered" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                                            <thead>
                                                                <tr>
                                                           <th>S.No.</th>

                                                      
                                                  
                                                  <th>Action</th>
                                                   <th>Title</th>
                                           
                                            <th>Description</th>
                                           
                                            <th>Link</th>
                                            <th>Hashtag</th>
                                           
                                           
                                            
                                           
                                            <th>Create Date & Time</th>
                                                                </tr>
                                                            </thead>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="tab-pane fade show" id="tickets_details_tabactive7">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="card">
                                                <div class="card-body">
                                                    <div class="table-responsive">
                                                        <table id="table_service7" class="table table-hover table-bordered" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                                            <thead>
                                                                <tr>
                                                           <th>S.No.</th>

                                                      
                                                  
                                                  <th>Action</th>
                                                   <th>Title</th>
                                           
                                            <th>Description</th>
                                           
                                            <th>Products</th>
                                            <th>Tags</th>
                                           
                                           
                                            
                                           
                                            <th>Create Date & Time</th>
                                                                </tr>
                                                            </thead>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>



                                    <div class="tab-pane fade show" id="tickets_details_tabactive8">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="card">
                                                <div class="card-body">
                                                    <div class="table-responsive">
                                                        <table id="table_service8" class="table table-hover table-bordered" style="border-collapse: collapse; border-spacing: 0; width: 100%;">
                                                            <thead>
                                                                <tr>
                                                           <th>S.No.</th>

                                                      
                                                  
                                                  <th>Action</th>
                                                   <th>Image</th>
                                                   <th>Group Title</th>
                                                   <th>Group Type</th>
                                           
                                            <th>Description</th>
                                           
                                            
                                         
                                           
                                           
                                            
                                           
                                            <th>Create Date & Time</th>
                                                                </tr>
                                                            </thead>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>





                            </div> 

                        </div>

                    </div>






                </div>



                <!-- start write end -->

            </div>

        </div>

        <!-- /Page Wrapper -->

        <!-- footer start -->

        <?php include("footer.php"); ?>

        <!-- footer end -->



    </div>

    <!-- /Main Wrapper -->



    <!-- sctipt start  -->




    <?php include('commonjs.php') ?>

    <?php include_once('extrajs.php') ?>
 
      
    </script>




</body>



</html>