<?php include 'header.php';?>
<?php include 'top-menu.php';?>
<div class="container-scroller">
	<?php include 'sidebar.php';?>
	<div class="page-body-wrapper animate">
		<div class="main-panel">
			<div class="content-wrapper pb-0">
        <div class="search_area">
          <div class="container">
            <div class="row mb-4">
                <div class="col-7 col-md-5">
                  <label>Search</label>
                  <input type="text" id="name" placeholder="" class="form-control" >
                </div>
                <div class="col-7 text-right">
                  <button class="btn btn-primary mt-3 mb-md-0 mr-2 " data-toggle="modal" data-target="#AddType_Model"> Add Case Type</button>
                </div>

            </div>
          </div>
        </div>
				<div class="table-responsive">
          <table class="table custom-table txt-dark">
            <thead>
              <tr>
                <th> ID </th>
                <th> Case Type </th>
                <th> Description </th>
                <th class="text-center" width="120"> Action </th>
              </tr>
            </thead>
            <tbody>
              	<tr>
	                <td><a href="#">0001</a></td>
	                <td><a href="#">Civil</a></td>
                  <td>Description</td>
        					<td class="text-center">
        						<a href="#" class="btn btn-sm btn-primary" data-toggle="modal" data-target="#EditType_Model"> <i class="fas fa-pencil-alt"></i> </a>
        						<a href="#" class="btn btn-sm btn-default"> <i class="fas fa-trash-alt"></i> </a>
        					</td>
              	</tr>
                <tr>
                  <td><a href="#">0002</a></td>
                  <td><a href="#">Criminal</a></td>
                  <td>Description</td>
                  <td class="text-center">
                    <a href="#" class="btn btn-sm btn-primary" data-toggle="modal" data-target="#EditType_Model"> <i class="fas fa-pencil-alt"></i> </a>
                    <a href="#" class="btn btn-sm btn-default"> <i class="fas fa-trash-alt"></i> </a>
                  </td>
                </tr>
                <tr>
                  <td><a href="#">0003</a></td>
                  <td><a href="#">Training</a></td>
                  <td>Description</td>
                  <td class="text-center">
                    <a href="#" class="btn btn-sm btn-primary" data-toggle="modal" data-target="#EditType_Model"> <i class="fas fa-pencil-alt"></i> </a>
                    <a href="#" class="btn btn-sm btn-default"> <i class="fas fa-trash-alt"></i> </a>
                  </td>
                </tr>
                <tr>
                  <td><a href="#">0004</a></td>
                  <td><a href="#">Consulting</a></td>
                  <td>Description</td>
                  <td class="text-center">
                    <a href="#" class="btn btn-sm btn-primary" data-toggle="modal" data-target="#EditType_Model"> <i class="fas fa-pencil-alt"></i> </a>
                    <a href="#" class="btn btn-sm btn-default"> <i class="fas fa-trash-alt"></i> </a>
                  </td>
                </tr>
            </tbody>
          </table>
        </div>			
      </div>
			<?php include 'copyrighte.php';?>
		</div>
	</div>
</div>
<script src="https://cdn.ckeditor.com/4.13.1/standard/ckeditor.js"></script>
 <script>
 </script>

<?php include 'footer.php';?>

<script type="text/javascript">
  $(document).ready(function(){
    $("#heading").html('Case Type');
    $("#sidebar>ul#setActiveOnNav>li").find("#terms_condition_active").addClass('active');
    $("#sidebar>ul#setActiveOnNav>li").find("#site_manage").addClass('show');
  });
</script>

<div class="modal fade" id="AddType_Model" tabindex="-1" role="dialog" aria-labelledby="AddType_Model" aria-hidden="true">
  <div class="modal-dialog modal-dialog-slideout" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Add Case Type</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-md-12">
             <div class="form-group">
                <label>Case Type Title <span class="mandatory">*</span></label>
                <input type="text" id="name" placeholder="" class="form-control" >
             </div>
          </div>
          <div class="col-md-12">
             <div class="form-group">
                <label>Description</label>
                <textarea class="form-control" rows="4"></textarea>
             </div>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <a href="add_case.php" class="btn btn-primary">Add Case Type</a>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="EditType_Model" tabindex="-1" role="dialog" aria-labelledby="EditType_Model" aria-hidden="true">
  <div class="modal-dialog modal-dialog-slideout" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Edit Case Type</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">×</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="row">
          <div class="col-md-12">
             <div class="form-group">
                <label>Case Type Title <span class="mandatory">*</span></label>
                <input type="text" id="name" placeholder="" class="form-control" >
             </div>
          </div>
          <div class="col-md-12">
             <div class="form-group">
                <label>Description</label>
                <textarea class="form-control" rows="4"></textarea>
             </div>
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <a href="add_case.php" class="btn btn-primary">Edit Case Type</a>
      </div>
    </div>
  </div>
</div>