File: /home/imensosw/www/imenso.co/dev/CaseManagement_design/add_case.php
<?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="d-flex align-items-center justify-content-between">
<h4>Add Case </h4>
<div class="mb-2">
<button type="submit" class="btn btn-default">Cancel</button>
<button type="submit" class="btn btn-primary ml-3">Submit</button>
</div>
</div>
<hr class="mb-5" />
<div class="row">
<div class="col-sm-8">
<div class="card mb-4">
<div class="card-body">
<h5>Basic Details</h5>
<hr />
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label>Case Name <span class="mandatory">*</span></label>
<input type="text" id="name" placeholder="" class="form-control" >
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Case Type <span class="mandatory">*</span></label>
<select name="Category" class="chosen-select w-100" >
<option>Select Type</option>
<option>Civil</option>
<option>Criminal</option>
<option>Training</option>
<option>Consulting</option>
</select>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<label>Agency <span class="mandatory">*</span></label>
<input type="text" id="name" placeholder="" class="form-control" >
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>contact number <span class="mandatory">*</span></label>
<input type="text" id="name" placeholder="" class="form-control" >
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Mail <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>
<div class="card mb-4">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between">
<h5>Code of Conduct</h5>
<button class="btn btn-sm btn-secondary" data-toggle="modal" data-target="#AddCOC_Model"><i class="fa fa-plus"></i> Add New Section</button>
</div>
<hr />
<div class="table-responsive mt-4">
<div class="no_audit p-5 text-center mt-3" >
<img src="./images/norecord.png">
<p class="txt_black" style="font-size: 16px; font-weight: bold;">Please Add </p>
</div>
<!-- <table class="table mb-0">
<tr>
<th>Name</th>
<th>Role</th>
<th width="80">Action</th>
</tr>
<tr>
<td>John</td>
<td></td>
<td>
</td>
</tr>
</table> -->
</div>
</div>
</div>
<div class="card mb-4">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between">
<h5>Suspect/Respondent</h5>
<button class="btn btn-sm btn-secondary" data-toggle="modal" data-target="#AddField_Model"><i class="fa fa-plus"></i> Add New Section</button>
</div>
<hr />
<div class="table-responsive mt-4">
<div class="no_audit p-5 text-center mt-3" >
<img src="./images/norecord.png">
<p class="txt_black" style="font-size: 16px; font-weight: bold;">Please Add </p>
</div>
</div>
</div>
</div>
<div class="card mb-4">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between">
<h5>Allegations</h5>
<button class="btn btn-sm btn-secondary" data-toggle="modal" data-target="#AddAllegations_Model"><i class="fa fa-plus"></i> Add New Allegations</button>
</div>
<hr />
<div class="accordion md-accordion" id="accordionEx" role="tablist" aria-multiselectable="true">
<!-- Accordion card -->
<!-- Card header -->
<div class="border-bottom pb-2">
<div role="tab" class="border-bottom-0" id="headingOne1">
<a data-toggle="collapse" data-parent="#accordionEx" href="#collapseOne1" aria-expanded="true" aria-controls="collapseOne1">
<h5 class="mb-0 d-flex justify-content-between">
<span>Allegations #1</span>
</h5>
</a>
<a href="#" class="btn-third" data-toggle="modal" data-target="#AddAllegations_Model"> <i class="fas fa-pencil-alt"></i> </a>
</div>
<!-- Card body -->
<div id="collapseOne1" class="collapse show" role="tabpanel" aria-labelledby="headingOne1"
data-parent="#accordionEx">
<div class="pt-3">
<p><strong>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3</strong> </p>
<div class="card mb-4">
<dl class="px-3 pt-3">
<dt>Issue</dt>
<dd>Actin Text.<br />
<small class="txt-info">Source Name</small>
</dd>
<hr />
<dt>Issue</dt>
<dd>Actin Text.<br />
<small class="txt-info">Source Name</small>
</dd>
<hr />
<dt>Issue</dt>
<dd>Actin Text.<br />
<small class="txt-info">Source Name</small>
</dd>
</dl>
</div>
</div>
<div class="mt-2 mb-4 text-right">
<button class="btn btn-sm btn-info" data-toggle="modal" data-target="#AddAllegationsItem_Model"><i class="fa fa-plus"></i> New Issue</button>
</div>
</div>
</div>
<!-- Accordion card -->
<!-- Accordion card -->
<div>
<!-- Card header -->
<div role="tab" class="border-bottom-0" id="headingTwo2">
<a class="collapsed" data-toggle="collapse" data-parent="#accordionEx" href="#collapseTwo2" aria-expanded="false" aria-controls="collapseTwo2">
<h5 class="mb-0 d-flex justify-content-between">
<span>Allegations #2</span>
</h5>
</a>
<a href="#" class="btn-third" data-toggle="modal" data-target="#AddAllegations_Model"> <i class="fas fa-pencil-alt"></i> </a>
</div>
<!-- Card body -->
<div id="collapseTwo2" class="collapse" role="tabpanel" aria-labelledby="headingTwo2" data-parent="#accordionEx">
<div class="pt-3">
<p><strong>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3</strong> </p>
<div class="card mb-4">
<dl class="px-3 pt-3">
<dt>Issue</dt>
<dd>Actin Text.<br />
<small class="txt-info">Source Name</small>
</dd>
<hr />
<dt>Issue</dt>
<dd>Actin Text.<br />
<small class="txt-info">Source Name</small>
</dd>
<hr />
<dt>Issue</dt>
<dd>Actin Text.<br />
<small class="txt-info">Source Name</small>
</dd>
</dl>
</div>
</div>
<div class="mt-2 text-right">
<button class="btn btn-sm btn-info" data-toggle="modal" data-target="#AddAllegationsItem_Model"><i class="fa fa-plus"></i> New Issue</button>
</div>
</div>
</div>
<!-- Accordion card -->
<!-- Accordion card -->
</div>
<!-- Accordion wrapper -->
</div>
</div>
<div class="card mb-4">
<div class="card-body">
<div class="d-flex align-items-center justify-content-between">
<h5>Task</h5>
<button class="btn btn-sm btn-secondary" data-toggle="modal" data-target="#AddTask_Model"><i class="fa fa-plus"></i> Add New Task</button>
</div>
<hr />
<div class="accordion md-accordion" id="accordionEx" role="tablist" aria-multiselectable="true">
<!-- Accordion card -->
<!-- Card header -->
<div>
<div role="tab" id="headingOne1">
<a data-toggle="collapse" data-parent="#accordionEx" href="#task1" aria-expanded="true" aria-controls="task1">
<h5 class="mb-0 d-flex justify-content-between">
<span>Task #1</span>
</h5>
</a>
<a href="#" class="btn-third" data-toggle="modal" data-target="#AddTask_Model"> <i class="fas fa-pencil-alt"></i> </a>
</div>
<!-- Card body -->
<div id="task1" class="collapse show" role="tabpanel" aria-labelledby="headingOne1"
data-parent="#accordionEx">
<div class="pt-3">
<!-- <p><strong>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3</strong> </p> -->
<div class="card mb-4">
<dl class="px-3 pt-3">
<!-- <dt>Action 1</dt> -->
<dd>Description text</dd>
<hr />
<!-- <dt>Action 2</dt> -->
<dd>Description text</dd>
<hr />
<!-- <dt>Action 3</dt> -->
<dd>Description text</dd>
</dl>
</div>
</div>
<div class="mt-2 text-right">
<button class="btn btn-sm btn-info" data-toggle="modal" data-target="#AddTaskList_Model"><i class="fa fa-plus"></i> New Action</button>
</div>
</div>
</div>
<!-- Accordion card -->
</div>
<!-- Accordion wrapper -->
</div>
</div>
</div>
<!-- <div class="col-sm-3 offset-sm-1"> -->
<div class="col-sm-4">
<div class="card">
<div class="card-body">
<h5>Action</h5>
<hr />
<div class="form-group">
<label>Completion Date <span class="mandatory">*</span></label>
<input type="text" id="name" placeholder="" class="form-control" >
</div>
<div class="form-group">
<label>File Upload <span class="mandatory">*</span></label>
<input type="file" id="name" placeholder="" class="form-control" >
</div>
<div class="my-4 text-right">
<button class="btn btn-sm btn-secondary" id="addsectionbutton"><i class="fa fa-plus"></i> Add More File</button>
</div>
<div class="d-flex">
<div class="custom-control custom-checkbox mb-3 mr-3">
<input type="checkbox" class="custom-control-input" id="customCheck" name="example1">
<label class="custom-control-label" for="customCheck">Active</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php include 'copyrighte.php';?>
</div>
</div>
</div>
<?php include 'footer.php';?>
<script type="text/javascript">
$(document).ready(function(){
$("#heading").html('Case');
$("#sidebar>ul#setActiveOnNav>li").find("#product_active").addClass('active');
$("#sidebar>ul#setActiveOnNav>li").find("#Product_list").addClass('show');
});
</script>
<div class="modal fade" id="AddField_Model" tabindex="-1" role="dialog" aria-labelledby="AddField_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 New Suspect/Respondent</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>Name <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>Role <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>Contact Details <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>Relevance <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>Date <span class="mandatory">*</span></label>
<input type="text" id="name" placeholder="" class="form-control" >
</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</a>
</div>
</div>
</div>
</div>
<div class="modal fade" id="AddAllegations_Model" tabindex="-1" role="dialog" aria-labelledby="AddAllegations_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 New Allegation</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>Allegation 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 <span class="mandatory">*</span></label>
<textarea id="name" placeholder="" rows="5" class="form-control" ></textarea>
</div>
</div>
<!-- <hr />
<div class="col-md-12">
<div class="form-group">
<label>IDENTIFIED ISSUES <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>ACTION <span class="mandatory">*</span></label>
<textarea id="name" placeholder="" class="form-control" ></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 Allegations</a>
</div>
</div>
</div>
</div>
<div class="modal fade" id="AddAllegationsItem_Model" tabindex="-1" role="dialog" aria-labelledby="AddAllegationsItem_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 New Issue</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>IDENTIFIED ISSUES <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>ACTION <span class="mandatory">*</span></label>
<textarea id="name" placeholder="" class="form-control" ></textarea>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<label>Source Name <span class="mandatory">*</span></label>
<input type="text" id="name" placeholder="" class="form-control" >
</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 Issue</a>
</div>
</div>
</div>
</div>
<div class="modal fade" id="AddTask_Model" tabindex="-1" role="dialog" aria-labelledby="AddTask_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 New Task</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>Task Name <span class="mandatory">*</span></label>
<input type="text" id="name" placeholder="" value="" class="form-control">
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<label>Investigator <span class="mandatory">*</span></label>
<select data-placeholder="Choose a Country..." class="chosen-select" tabindex="3">
<option >Select Some option</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label>Date Issued <span class="mandatory">*</span></label>
<input type="text" id="mobile" autocomplete="false" placeholder="" class="form-control">
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Due date</label>
<input type="text" id="profile" name="profile" class="form-control">
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label>Background to action <span class="mandatory">*</span></label>
<textarea id="name" placeholder="" value="" class="form-control"></textarea>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<label>Action required <span class="mandatory">*</span></label>
<textarea id="name" placeholder="" value="" class="form-control"></textarea>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<label>Upload</label>
<input type="file" id="profile" name="profile" class="form-control">
<img src="images/img.jpg" class="img-thumbnail w-25 mt-3">
</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 Task</a>
</div>
</div>
</div>
</div>
<div class="modal fade" id="AddTaskList_Model" tabindex="-1" role="dialog" aria-labelledby="AddTaskList_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 Action</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>IDENTIFIED ISSUES <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>ACTION DEscrition <span class="mandatory">*</span></label>
<textarea id="name" placeholder="" class="form-control" ></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 Action</a>
</div>
</div>
</div>
</div>
<div class="modal fade" id="AddCOC_Model" tabindex="-1" role="dialog" aria-labelledby="AddCOC_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">Code of Conduct</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>Name <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>RELAVENT SECTION <span class="mandatory">*</span></label>
<textarea id="name" placeholder="" class="form-control" ></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</a>
</div>
</div>
</div>
</div>