<!DOCTYPE html>
<?php
include('header.php');
 $user_id = $this->session->userdata('USER_ID');
 $role = $this->session->userdata('USER_ROLE');
?>
<style>
     .button {
        padding: 4px 11px;
        border: none;
        color: white;
        font-size: 13px;
        cursor: pointer;
        margin: 5px;
        border-radius: 8px; /* Adjust the radius as needed */
        transition: background-color 0.3s ease; /* Smooth transition for color change */
        width: 70px;
        }
        .it-ticket {
            background-color: blue;
        }
        .non-it-ticket {
            background-color: green;
        }.it-type {
            background-color: blue;
        }
        .non-it-type {
            background-color: green;
        
        }
</style>
    <body class="page-container-bg-solid">
        <div class="page-wrapper"> 
            <div class="page-wrapper-row">
                <div class="page-wrapper-top">
                    <!-- BEGIN HEADER -->
                    <div class="page-header">
                        <!-- BEGIN HEADER TOP -->
                        <div class="page-header-top">
                            <div class="container">
                                <!-- BEGIN LOGO -->
                                <div class="page-logo">
                                        <img src="../assets/layouts/layout3/img/Healthwatch_logo.png" alt="logo" class="logo-default">
                                    </a>
                            </div>
                                <!-- END LOGO -->
                                <!-- BEGIN RESPONSIVE MENU TOGGLER -->
                                <a href="javascript:;" class="menu-toggler"></a>
                                <!-- END RESPONSIVE MENU TOGGLER -->
                                <!-- BEGIN TOP NAVIGATION MENU -->
                                <div class="top-menu">
                                    <ul class="nav navbar-nav pull-right">
                                        <!-- BEGIN NOTIFICATION DROPDOWN -->
                                        <!-- DOC: Apply "dropdown-hoverable" class after "dropdown" and remove data-toggle="dropdown" data-hover="dropdown" data-close-others="true" attributes to enable hover dropdown mode -->
                                        <!-- DOC: Remove "dropdown-hoverable" and add data-toggle="dropdown" data-hover="dropdown" data-close-others="true" attributes to the below A element with dropdown-toggle class -->
                                       
                                        <!-- END NOTIFICATION DROPDOWN -->
                                        <!-- BEGIN TODO DROPDOWN -->
                                       
                                        <!-- END TODO DROPDOWN -->
                                      
                                        <!-- BEGIN INBOX DROPDOWN -->
                                     
                                        <!-- END INBOX DROPDOWN -->
                                        <!-- BEGIN USER LOGIN DROPDOWN -->
                                        <li class="dropdown dropdown-user dropdown-dark">
                                            <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
                                                <img alt="" class="img-circle" id="profile_image" src="../assets/layouts/layout3/img/avatar3_small.png">
                                                <span><?php echo $name; ?></span>
                                            </a>
                                            <ul class="dropdown-menu dropdown-menu-default">
                                              <!--   <li>
                                                  <a href="../welcome/come_soon_page">
                                                  <i class="icon-user"></i> My Profile </a>
                                              </li> -->
                                               
                                                <li>
                                                    <a href="../login/logout">
                                                        <i class="icon-key"></i> Log Out </a>
                                                    <a href="#"
                                                        data-target="#edit_users_details"
                                                        data-toggle="modal"
                                                        data-id='<?php echo $user_id; ?>'
                                                        class="edit_users_details"
                                                        title="profile"><i class="icon-user"></i> Profile</a>
                                                </li>
                                            </ul>
                                        </li>
                                        <!-- END USER LOGIN DROPDOWN -->
                                        <!-- BEGIN QUICK SIDEBAR TOGGLER 
                                        <li class="dropdown dropdown-extended quick-sidebar-toggler">
                                            <span class="sr-only">Toggle Quick Sidebar</span>
                                            <i class="icon-logout"></i>
                                        </li>
                                        <!-- END QUICK SIDEBAR TOGGLER -->
                                    </ul>
                                </div>
                                <!-- END TOP NAVIGATION MENU -->
                            </div>
                        </div>
                        <!-- END HEADER TOP -->
                        <!-- BEGIN HEADER MENU -->
                         <?php 
                                $this->load->view('navigation');
                          ?>
                        <!-- END HEADER MENU -->
                    </div>
                    <!-- END HEADER -->
                </div>
            </div>
            <div class="page-wrapper-row full-height">
                <div class="page-wrapper-middle">
                    <!-- BEGIN CONTAINER -->
                    <div class="page-container">
                        <!-- BEGIN CONTENT -->
                        <div class="page-content-wrapper">
                            <!-- BEGIN CONTENT BODY -->
                            <!-- BEGIN PAGE HEAD-->
                            <div class="page-head">
                                <div class="container">
                                    <!-- BEGIN PAGE TITLE -->
                                    <div class="page-title">
                                        <h1>Ticket Details Here
                                            <small></small>
                                        </h1>
                                    </div>
                                    <!-- END PAGE TITLE -->
                                    
                                </div>
                            </div>
                            <!-- END PAGE HEAD-->
                            <!-- BEGIN PAGE CONTENT BODY -->
                            <div class="page-content">
                                <div class="container">
                                    <!-- BEGIN PAGE BREADCRUMBS -->
       
                                    <!-- END PAGE BREADCRUMBS -->
                                    <!-- BEGIN PAGE CONTENT INNER -->
                                    <div class="page-content-inner">
                                        <div class="mt-content-body">
                                            <div class="se-pre-con"></div>
                                                <div class="row">
                                               <div class="portlet box blue">
                                                        <div class="portlet-title">
                                                                				<?php if ($role == "3" || $role == "6" || $role == "7" ){?>
                                                            <div class="caption">
                                                                <i class="fa fa-gift"></i>My Tickets </div>


                                                                				<?php	}else{?>
                                                            <div class="caption">
                                                                <i class="fa fa-gift"></i>Ticket Reports</div>   <?php	}?>

                                                            <div class="tools">
                                                                <a href="javascript:;" class="collapse"> </a>
                                                               <!--  <a href="#portlet-config" data-toggle="modal" class="config"> </a> -->
                                                            </div>
                                                        </div>
                                                        <div class="portlet-body">
                                                            <div class="tabbable-custom">
                                                                <ul class="nav nav-tabs ">
                                                                     	<?php if ($role == "3" || $role == "6" || $role == "7" ){?>
                                                                    <li class="active">
                                                                       <!--<i class="fa fa-gift"></i>Create Ticket </div>-->
                                                                         <a href="#tab_1_1_1" data-toggle="tab">My Tickets </a>

                                                                				<?php	}else{?>
                                                                    <li class="active">
                                                                        <a href="#tab_1_1_1" data-toggle="tab">Ticket Reports</a>
                                                                         <?php	}?>
                                                                    </li>
                                                                </ul>
                                                                <div class="tab-content">
                                                                    <div class="tab-pane active" id="tab_1_1_1">
                                                                            <div class="portlet light bordered">
                                                                                <div class="portlet-title">
                                                                                    <div class="caption font-dark">
                                                                                                <?php if ($role == "3" || $role == "6" || $role == "7" ){?>
                                                                                        <i class="icon-settings font-dark"></i>
                                                                                        <span class="caption-subject">My Tickets </span>
                                                                                        	<?php	}else{?>
                                                                                        <div class="caption font-dark">
                                                                                         <span class="caption-subject"> Ticket  Reports </span>
                                                                                    <?php	}?>
                                                                                    </div>
                                                                                  <!--  &nbsp;&nbsp;&nbsp;-->
                                                                                  <!--  <div class="btn-group">-->
                                                                                  <!--<button data-target="#create_new_ticket" data-toggle="modal" class="btn sbold green create_new_ticket">Create-->
                                                                                  <!--              New Ticket-->
                                                                                  <!--              <i class="fa fa-plus"></i>-->
                                                                                  <!--          </button>-->
                                                                                  <!--          </div>-->
                                                                                  <!--  <div class="actions">-->
                                                                                               
                                                                                  <!--  </div>-->
                                                                                </div>
                                                                                <div class="portlet-body">
                                                                                    <div class="table-toolbar">
                                                                                                <div class="row">
                                                                                                    <div class="col-md-6">
                                                                                                        <div class="btn-group">
                                                                                                            <!-- <button data-target="#create_new_customer" data-toggle="modal" class="btn sbold green">New Customer
                                                                                                                <i class="fa fa-plus"></i>
                                                                                                            </button> --> 
                                                                                                        </div>
                                                                                                    </div>
                                                                                                    
                                                                                                </div>
                                                                                            </div>
                                                                                            
                                                                                            
                                                                                            
                                                                            <?php if ($role == 5 ||  $role == 2 ) { ?>
               
                                                                                        <div class="row">
                                                                                                <form action="#" id="form_sample_2">
                                                                                                   
                                                                                                  <div class="form-body">
                                                                                                        <div class="col-md-3">
                                                                                                            <label for="form_control_1">Ticket From Date </label>
                                                                                                             <div class="input-group">
                                                                                                                    <input class="form-control form-control-inline input-medium" id="startdDate" name="ticket_from" size="2" placeholder="Ticket From Date " type="text"/>
                                                                                                             </div>
                                                                                                        </div>
                                                                                                        <div class="col-md-3">
                                                                                                             <label for="form_control_1">Ticket To Date </label>
                                                                                                             <div class="input-group">
                                                                                                                    <input class="form-control form-control-inline input-medium" id="enddDate" name="ticket_before" size="2" placeholder="Ticket To Date " type="text"/>
                                                                                                             </div>
                                                                                                        </div>


                                                                                                        <!-- <div class="col-md-3">
                                                                                                             <label for="form_control_1">Ticket type</label>
                                                                                                             <div class="input-group">
                                                                                                                    <input class="form-control form-control-inline input-medium" id="enddDate" name="ticket_before" size="2" placeholder="Ticket To Date " type="text"/>
                                                                                                             </div>
                                                                                                        </div> -->


                                                                                                        <div class="col-md-2">
                                                                                                            <label for="form_control_1">Ticket Status</label>
                                                                                                             <div class="input-group">
                                                                                                                    <select class="form-control" name="ticket_status" id="ticket_status">
                                                                                                                       <option value="">Select Status</option>
                                                            																<?php $status = $this->db->query("select * from status")->result_array();
                                                            																	foreach($status as $stat){
                                                            																	?>
                                                            																	<option value="<?php echo $stat['status_id']; ?>"><?php echo $stat['status_name']; ?></option>
                                                            																		
                                                            																<?php	}
                                                            																?>
                                                                                                                    </select>
                                                                                                             </div>
                                                                                                        </div>




                                                                                                        <div class="col-md-2">
                                                                                                            <label for="form_control_1">Ticket Status</label>
                                                                                                             <div class="input-group">
                                                                                                                    <select class="form-control" name="ticket_type" id="ticket_type">
                                                                                                                       <option value="">Select Type</option>
                                                            																<?php $tickets = $this->db->query("select * from ticket")->result_array();
                                                            																	// foreach($tickets as $tick){
                                                            																	?>
                                                            																	<option value="it">IT</option>
                                                            																	<option value="nonit">Non IT</option>

                                                            																		
                                                            																<?php//	}
                                                            																?>
                                                                                                                    </select>
                                                                                                             </div>
                                                                                                        </div>



                                                                                                        <div class="col-md-4"><br>
                                                                                                            <button id="ticket_result" class="btn green">Search Records</button>
                                                                                                              <!-- <button type="reset" id="reset_results" class="btn default">Reset</button> -->
                                                                                                        </div>
                                                                                                    </div>
                                                                                                </form>
                                                                                            </div>
                                                                                            
                                                                                            </br>
                                                                                            </br>
                                                                                            </br>
                                                                                            </br>
                                                                                            <?php } ?>
                                                                                            
                                                                                            
                                                                                            
                                                                                            
                                                                                            
                                                                                            
                                                                                            
                                                                                            
                                                                                            
                                                                                            

                                                                                            
                                                                                   	<table class="table-scrollable table table-striped table-bordered table-checkable order-column" id="sample_1">
																								<thead>
																									<!-- <tr>
																										<th> Ticket No </th>
																										<th> Assigned To </th>
																										<th> Ticket type </th>
																										<th> Modified Date</th>
																										<th> Modified User</th>
																										<th> Turn Around Time </th>
																										<th> Status </th>
																										<th> Actions </th>
																									</tr> -->

                                                                                                    <tr>
																										<th> Ticket No </th>
																										<th> Raised by </th>
																										<th> Rasied date </th>
																										<th> Resolved by</th>
																										<th> Resloved date</th>
																										<th> Turn Around Time </th>
																										<th> Status </th>
																										<th> Actions </th>
																									</tr>
																								</thead>
																								<tbody>
                                                        	 <?php
                                                        	for ($i=0;$i<count($ticket_details);$i++)
                                                        	{
                                                                if ($role == 5) {
                                                                    // Check if the ticket belongs to the current user
                                                                    if ($user_id != $ticket_details[$i]['user_id']) {
                                                                        continue; // Skip this ticket
                                                                    }
                                                                }
                                                                    if ($role == 6) {
                                                                        // Check if the ticket belongs to the current user
                                                                        if ($user_id != $ticket_details[$i]['user_id']) {
                                                                            continue; // Skip this ticket
                                                                        }
                                                                    }
                                                                        if ($role == 7) {
                                                                            // Check if the ticket belongs to the current user
                                                                            if ($user_id != $ticket_details[$i]['user_id']) {
                                                                                continue; // Skip this ticket
                                                                            }}
                                                                    //    if($role == 3){
                                                                    //     if($user_id != $ticket_details[$i]['user_id']){
                                                                    //         continue;
                                                                            
                                                                    //     }
                                                                        
                                                                    // }
                                                                    if($role == 4){
                                                                        if($user_id != $ticket_details[$i]['user_id']){
                                                                            continue;
                                                                            
                                                                        }
                                                                        
                                                                    }
                                                                       else  if($role == 3){
                                                                        if($user_id != $ticket_details[$i]['user_id']){
                                                                            continue;
                                                                            
                                                                        } 
                                                                    }
                                                                    // else  if($role == 3){
                                                                    //     if($user_id != $ticket_details[$i]['assigned_staff_id']){
                                                                    //         continue;
                                                                            
                                                                    //     } 
                                                                    // }
                                                                 
                                                        	?>
                                                        		<tr class="odd gradeX">
                                                        
                                                        			<!--<td><?php echo $i+1; ?> </td>-->
                                                        	<td><?php echo  $ticket_details[$i]['ticket_number']; ?> </td>
                                                        			<!--<td><?php echo $ticket_details[$i]['request_date']; ?></td>-->
                                                        			
                                                        			<?php
                                                        			    $technician_id = $ticket_details[$i]['technician'];
                                                        			    $users = $this->db->query("SELECT * FROM users WHERE user_id = $technician_id")->result_array();


                                                        			?>
                                                        			
                                                        			 <td ><?php echo($users[0]['user_name']); ?></td> 
                                                        				<!-- <td ><?php echo $company_name = $ticket_details[$i]['company_name']; ?></td>  -->
                                                        				 <td >
                                                                            <?php
                                                                            
                                                                             $contact_person = $ticket_details[$i]['department']; 
                                                                              if ($contact_person): ?>
                                                                                <button class="button non-it-ticket">Non IT </button>
                                                                            <?php else: ?>
                                                                                <button class="button it-ticket">IT </button>
                                                                            <?php endif;


                                                                                


                                                                             
                                                                             ?>
                                                                        </td> 
                                                        				 
                                                                         
                                                                         
                                                                         
                                                                         
                                                                         
                                                                         
                                                                         
                                                                         <!-- <td ><?php echo $contact_number = $ticket_details[$i]['contact_number']; ?></td> -->
                                                        				 <td ><?php echo $updated_at = $ticket_details[$i]['updated_at']; ?></td>
                                                                    	 <td ><?php echo $name = $ticket_details[$i]['updated_by']; ?></td>
                                                                         <td>
                                                                                                <?php

                                                                                                    $startDateString=$ticket_details[$i]['created_at'];
                                                                                                    $endDateString=$ticket_details[$i]['updated_at'];

                                                                                                    $startDate = new DateTime($startDateString);
                                                                                                    $endDate = new DateTime($endDateString);

                                                                                                    $dateInterval = $startDate->diff($endDate);
                                                                                                    $totalDays = $dateInterval->days;


                                                                                                    $totalSeconds = $dateInterval->s + ($dateInterval->i * 60) + ($dateInterval->h * 3600) + ($dateInterval->days * 86400);

                                                                                                    // Calculate total hours, minutes, and seconds
                                                                                                    $totalHours = floor($totalSeconds / 3600);
                                                                                                    $totalMinutes = floor(($totalSeconds % 3600) / 60);
                                                                                                    $totalSeconds = $totalSeconds % 60;
                                                                                                    
                                                                                                    echo  $totalDays ."days -". $totalHours .":". $totalMinutes .":". $totalSeconds;
                                                                                                    // echo "Total Time: " . $totalHours . " hours, " . $totalMinutes . " minutes, " . $totalSeconds . " seconds\n";
                                                                                                ?>
                                                                                                </td>
                                                        				<?php  
                                                        					$ticket_status = $ticket_details[$i]['issue_status'];
                                                        				if( $ticket_status == '1')
                                                        					{
                                                        				?>
                                                        					  <td><span class="label" style="background: blue;font-weight: 500;"> Acknowledged </span></td>
                                                        
                                                        				<?php 
                                                        					} else if( $ticket_status == '2'){?>
                                                        					    
                                                        					 <td><span class="label" style="background: yellow;font-weight: 500;color:unset"> Return with query </span></td>
                                                        					
                                                        				<?php	} else if( $ticket_status == '3'){?>
                                                        					    
                                                        					 <td><span class="label" style="background: green;font-weight: 500;">Mark Resolved </span></td>
                                                        					
                                                        				<?php	} else if( $ticket_status == '4'){?>
                                                        					    
                                                        					 <td><span class="label" style="background: magenta;font-weight: 500;"> Return </span></td>
                                                        					
                                                        				<?php	}  else if( $ticket_status == '5'){?>
                                                        					    
                                                        					 <td><span class="label" style="background: orange;font-weight: 500;">cancel</span></td>
                                                        					
                                                        				<?php	} ?>
                                                        				
                                                        				
                                                        				
                                                        				<!--else if( $ticket_status == '6'){?>-->
                                                        					    
                                                        				<!--	 <td><span class="label" style="background: gray;font-weight: 500;">Cancelled</span></td>-->
                                                        					
                                                        				<!--<?php//	} ?>-->
                                                        				
                                                        				
                                                        				
                                                        				<td><a href="#" data-target="#view_ticket_details" data-toggle="modal" class="view_ticket_details btn btn-sm btn-outline grey-salsa" data-id ='<?php echo $ticket_details[$i]['ticket_id']; ?>' title="view completed ticket"><i class="fa fa-eye"></i></a>
                                                        				    <a href="#" data-target="#edit_ticket_details" data-toggle="modal" class="edit_ticket_details btn btn-sm btn-outline grey-salsa" data-id='<?php echo $ticket_details[$i]['ticket_id']; ?>'  title="edit"><i class="fa fa-edit"></i></a>
                                                        <?php } ?>
                                                        						</tbody>
                                                        					</table> 
                                                                             <br>

                                                                                </div>
                                                                            </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- END PAGE CONTENT INNER -->
                                     <div class="clearfix"></div>
                                </div>
                            </div>
                            <!-- END PAGE CONTENT BODY -->
                            <!-- END CONTENT BODY -->
                        </div>
                        <!-- END CONTENT -->
                       
                </div>
            </div>
            </div>
				<?php include("footer.php");?>
				
				
				
				
				
<!--View ticket	-->
  <div id="view_ticket_details" class="modal fade" tabindex="-1" data-backdrop="static" data-keyboard="false" data-width="800">
                <div class="modal-body">
                    <div class="portlet box purple">
                                <div class="portlet-title">
                                    <div class="caption">
                                        <i class="fa fa-gift"></i>View Ticket Status Details
                                    </div>
                                    <div class="tools">
                                        <a href="" class="collapse"> </a>
                                        <!-- <a href="" class="reload"> </a> -->
                                    </div>
                                </div>
                                <div class="portlet-body form">
                                     <!-- BEGIN FORM-->
                                    <form action="#" id="form_sample_2">
                                        <div class="form-body">
                                            <div class="row">
                                                <div class="col-md-3">
                                                    <label for=""><strong>Name :</strong> </label>
                                                </div>
                                                <div class="col-md-8">
                                                    <label for="name"> </label>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-3">
                                                  <label for=""><strong>Contact Number :</strong></label>   
                                                </div>
                                                <div class="col-md-8">
                                                  <label for="contact_number"></label>
                                                </div>
                                            </div>
                                            
                                           
                                          <div class="row">
                                                <div class="col-md-3">
                                                  <label for=""><strong>E-mail :</strong></label>
                                                </div>
                                                <div class="col-md-8">
                                                   <label for="email"></label>
                                                </div>
                                            </div>

                                            <div class="row">
                                                <div class="col-md-3">
                                                    <label for=""><strong>Subject :</strong></label>
                                                </div>
                                                <div class="col-md-8">
                                                   <label for="subject"></label>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-md-3">
                                                    <label for=""><strong>Issue Description :</strong></label>
                                                </div>
                                                <div class="col-md-8">
                                                   <label for="issue_desc"></label>
                                                </div>
                                            </div>
 
                                                <div class="row">
                                                    <div class="col-md-3">
                                                      <label for=""><strong>Attachment :</strong></label>
                                                    </div>
                                                    <div class="col-md-8">
                                                       <label for="attachment"></label>
                                                    </div>
                                            
                                                </div> 
                                                 <div class="row">
                                                    <div class="col-md-3">
                                                      <label for=""><strong>Status :</strong></label>
                                                    </div>
                                                    <div class="col-md-8">
                                                       <label for="status"></label>
                                                    </div>
                                            
                                                </div> 
                                            </div> 

                                        </div>
                                        <div class="form-actions">
                                            <div class="row">
                                                <div class="col-md-3 col-md-9">
                                                   <button type="button" data-dismiss="modal" class="btn btn-outline dark">Close</button>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
<!--/view ticket-->


<!--edit ticket-->


<div id="edit_ticket_details" class="modal fade" tabindex="-1" data-backdrop="static" data-keyboard="false"
        data-width="1000">
        <div class="modal-body">
            <div class="portlet box purple">
                <div class="portlet-title">
                    <div class="caption">
                        <i class="fa fa-gift"></i>Edit Ticket Here
                    </div>
                    <div class="tools">
                        <a href="" class="collapse"> </a>
                        <!-- <a href="#portlet-config" data-toggle="modal" class="config"> </a> -->
                        <!-- <a href="" class="reload"> </a> -->
                    </div>
                </div>
                <div class="portlet-body form">
                    <!-- BEGIN FORM-->
                    <form action="#" id="edit_ticket_form" style="background-color: #e0f8ff !important;"
                        enctype="multipart/form-data" accept-charset="utf-8">
                        <div class="form-body">
                            <div class="row">
                                <div class="col-md-2">
                                    <label for=""><strong>Name :</strong> </label>
                                </div>
                                <div class="col-md-4">
                                    <label for="name"> </label>
                                </div>

                                <div class="col-md-2">
                                    <label for=""><strong>Contact Number :</strong></label>
                                </div>
                                <div class="col-md-4">
                                    <label for="contact_number"></label>
                                </div>
                                
                                
                            </div>

                            <!-- <div class="row">
                                <div class="col-md-2">
                                    <label for=""><strong>Company Name :</strong></label>
                                </div>
                                <div class="col-md-4">
                                    <label for="company"></label>
                                </div>
                                <div class="col-md-2">
                                    <label for=""><strong>Address :</strong></label>
                                </div>
                                <div class="col-md-4">
                                    <label for="address"></label>
                                </div>
                            </div> -->

                            <div class="row">
                                <div class="col-md-2">
                                    <label for=""><strong>E-mail :</strong></label>
                                </div>
                                <div class="col-md-4">
                                    <label for="email"></label>
                                </div>
                                
                                <!-- <div class="col-md-2">
                                    <label for=""><strong>Supervisor :</strong></label>
                                </div>
                                <div class="col-md-4">
                                    <label for="supervisor"></label>
                                </div> -->

                                <!-- <div class="col-md-2">-->
                                <!--    <label for=""><strong>Service Engineer :</strong></label>-->
                                <!--</div>-->
                                <!--<div class="col-md-4">-->
                                <!--    <label for="Technician"></label>-->
                                <!--</div>-->
                            </div>

                            <div class="row">
                                <!-- <div class="col-md-2">
                                    <label for=""><strong>Device Location:</strong></label>
                                </div>
                                <div class="col-md-4">
                                    <label for="device_location"></label>
                                </div> -->

                                <div class="col-md-2">
                                    <label for=""><strong>Device :</strong></label>
                                </div>
                                <div class="col-md-4">
                                    <label for="system"></label>
                                </div>
                            </div>
                            <div class="row">
                                <!-- <div class="col-md-2">
                                    <label for=""><strong>Branch :</strong></label>
                                </div>
                                <div class="col-md-4">
                                    <label for="branch">-</label>
                                </div> -->
                                <div class="col-md-2">
                                    <label for=""><strong>Subject :</strong></label>
                                </div>
                                <div class="col-md-4">
                                    <label for="subject"></label>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-2">
                                    <label for=""><strong>Issue Description :</strong></label>
                                </div>
                                <div class="col-md-4">
                                    <label for="issue_desc"></label>
                                </div>
                                <div class="col-md-2">
                                    <label for=""><strong>Attachment :</strong></label>
                                </div>
                                <div class="col-md-4">
                                    <label for="attachment"></label>
                                </div>
                            </div>
                            <div class="row">
                                <div id="line">
                                    <hr style="">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <label for="">
                                        <h4><strong>View Comments:</strong></h4>
                                    </label>
                                    <div id="comments">
                                    </div>
                                </div>
                            </div>

                            <div class="row">
                                <div id="line">
                                    <hr style="">
                                </div>
                            </div>
                            <div class="row">
                                <input type="hidden" name="update_id" />



                                <div class="col-md-6" id="service_engineer_hidden">
                                    <div class="form-group form-md-line-input">
                                        <select class="form-control" name="service_engineer_hidden" tabindex="6">

                                             <?php   $users = $this->db->query("SELECT * FROM users WHERE role = '3'")->result_array();
                                                foreach ($users as $user) {
                                               
                                            ?>
                                            <option value="<?php echo $user['user_id']; ?>">
                                                <?php echo $user['user_name']; ?></option>
                                            <?php
                    
                                              } ?>
                                              
                                        </select>
                                        <label for="form_control_1">Status
                                            <span class="required">*</span>
                                        </label>
                                        <span class="help-block">Select status here...</span>
                                    </div>
                                </div>




       
                                <div class="col-md-6">
                                    <div class="form-group form-md-line-input">
                                        <select class="form-control" name="status" tabindex="6"
                                        <?php if($role == 4){ echo "disabled"; } ?>>
                                            <option value="">Select</option>
                                            <?php $status = $this->db->query("select * from status")->result_array();
																	foreach($status as $stat){
																	?>
                                            <option value="<?php echo $stat['status_id']; ?>">
                                                <?php echo $stat['status_name']; ?></option>

                                            <?php	}
																?>
                                        </select>
                                        <label for="form_control_1">Status
                                            <span class="required">*</span>
                                        </label>
                                        <span class="help-block">Select status here...</span>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group form-md-line-input">
                                        <textarea id="comment-field" name="description" cols="10" rows="1"
                                            class="form-control" spellcheck="false"></textarea>
                                        <label for="form_control_1">Comments</label>
                                        <span class="help-block">Enter Comments Here...</span>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group form-md-line-input">
                                        <input type="file" class="form-control" name="attachment[]" multiple />
                                        <label for="form_control_1">Attachment
                                            <!-- <span class="required">*</span>-->
                                        </label>
                                        <span class="help-block">Choose Attachement Here</span>
                                    </div>
                                </div>
                                <input type="hidden" name="user_role" value="<?php echo $role; ?>">
                            </div>
                        </div>

                        <?php if($role == 7){?>
                            
                            <div class="form-actions" style="background-color: #e0f8ff !important;">
                            <div class="row">
                                <div class="col-md-offset-4 col-md-12" style="display:flex">
                                    
                                <div  id="ticket-container" >
                                             <button type="submit" id="pending_edit_ticket_update" class="btn green"> Update Ticket</button>
                                              <button type="reset" class="btn default"> Reset</button>
                                        
                                </div>
                                   
                                    <button type="button" data-dismiss="modal"
                                        class="button_closed btn btn-outline dark">Close</button>
    
    
                                </div>
                            </div>
                        </div>
    
                         <?php   } ?>
                            <!-- <option value="<?php echo $location['location_id']; ?>"> -->
    
    
                            <div class="form-actions" style="background-color: #e0f8ff !important;">
                                <div class="row">
                                    <div class="col-md-offset-6 col-md-12" style="display:flex">
    
                                        <button type="submit" id="" class="btn green" style="display: <?= $role == 7 ? 'none' : 'block'; ?>"  >Update Ticket</button>
    
                                        <button type="reset" class="btn default"
                                            style="display: <?= $role == 7 ? 'none' : 'block'; ?>">Reset</button>
                                        
                                        
                                        <button type="button" data-dismiss="modal"
                                        style="display: <?= $role == 7 ? 'none' : 'block'; ?>" class="button_closed btn btn-outline dark">Close</button>
                                   
                                   
                                    </div>
                                </div>
                            </div>
    
                    </div>
                </form>

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

<!--/edit ticket-->



<!-- Edit User Details -->
<div id="edit_users_details" class="modal fade" tabindex="-1" data-backdrop="" data-keyboard="false"
        data-width="800">
        <div class="modal-body">
            <div class="portlet box purple">
                <div class="portlet-title">
                    <div class="caption">
                        <i class="fa fa-gift"></i>Edit Selected User details And Update It Here!
                    </div>
                    <div class="tools">
                        <a href="" class="collapse"> </a>
                    </div>
                </div>
                <div class="portlet-body form">
                    <form action="javascript:;" id="update_user">
                        <div class="form-body">
                            <div class="row">
                            <div class="col-md-3">
                            </div>
                                <div class="col-md-9">
                                    <input type="text" class="form-control hide edit_id_value_user" name="edit_id_value_user"
                                        id="form_control_1">
                                   
                                   
                                    <div class="form-group form-md-line-input">
                                        <input type="text" class="form-control ename_user" name="ename_user" maxlength="50"
                                            id="form_control_1"  tabindex="2">
                                        <label for="form_control_1" disable>Name
                                        </label>
                                        <span class="help-block">Enter Full Name ...</span>
                                    </div>


                                <!-- <div class="col-md-6">
                                    <label for=""><strong>Name :</strong> </label>
                                </div>
                                <div class="col-md-6">
                                    <label for="ename"> </label>
                                </div> -->




                                    <div class="form-group form-md-line-input">
                                        <input type="text" class="form-control epass_user" id="form_control_1" name="epass_user"
                                            maxlength="10"  tabindex="5">
                                        <label for="form_control_1">Password
                                        </label>
                                        <span class="help-block">Enter Password ...</span>
                                    </div>
                                </div>
                                    
                                </div>
                            </div>
                        </div>

                        <div class="form-actions">
                            <div class="row">
                                <div class="col-md-offset-4 col-md-9">
                                    <button type="submit" id="" class="btn green">Update User
                                        details</button>
                                    <button type="button" data-dismiss="modal"
                                        class="btn btn-outline dark">Close</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>







                </div>
            </div>
          
          
          
          
          

          
          
   
   
   
   
   
   
   
          
          
        
            
            
            
            
            
            
            
            
            
        <!-- BEGIN QUICK NAV -->
        <div class="quick-nav-overlay"></div>
       <!-- Modals starts here!--> 
       
        <!-- BEGIN THEME LAYOUT SCRIPTS -->
        <script src="../assets/pages/scripts/cityairjs/ticket.js" type="text/javascript"></script>
                <script src="../assets/pages/scripts/cityairjs/change_password.js" type="text/javascript"></script>

        <!-- End THEME LAYOUT SCRIPTS -->

         <script>

document.getElementById("service_engineer_hidden").hidden = true;



          $("#startdDate").datepicker({
                    format: 'yyyy-mm-dd',
                    autoclose:true,
                    todayHighlight:true
                });
                 $("#enddDate").datepicker({
                    format: 'yyyy-mm-dd',
                    autoclose:true,
                    todayHighlight:true
                });
            $(document).ready(function()
            {
               
          var now = new Date();
         
            var day = ("0" + now.getDate()).slice(-2);
            var month = ("0" + (now.getMonth() + 1)).slice(-2);
        
            var today = now.getFullYear()+"-"+(month)+"-"+(day) ;
        
        
           $('#startdDate').val(today);
            $('#enddDate').val(today);

            });
            
              $(window).load(function() {
                // Animate loader off screen
                $(".se-pre-con").fadeOut("slow");;
            });
        </script>
    </body>

</html>