363 lines
16 KiB
PHP
363 lines
16 KiB
PHP
<div class="tab-pane fade" id="branch-tab">
|
|
|
|
<div class="row float-right" style="padding-bottom: 10px;">
|
|
<div class="col-6">
|
|
<button type="button" id="btnBranchAdd" class="btn btn-primary waves-effect waves-light"><i class="fa fa-plus-square" aria-hidden="true"></i></button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="table-responsive" id="branch_table" >
|
|
|
|
<table class="table table-borderless table-nowrap mb-0">
|
|
<thead class="thead-light">
|
|
<tr>
|
|
<th>Branch Name</th>
|
|
<th>Branch Code</th>
|
|
<th>Action</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="branch_list">
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="row" id="add_branch">
|
|
<div class="col-12">
|
|
<div class="card-body">
|
|
<div class="row float-right" style="position: relative; bottom: 20px;">
|
|
<div class="col-6">
|
|
<button type="button" class="btn btn-primary waves-effect waves-light btnBack"><i class="fa fa-list" aria-hidden="true"></i></button>
|
|
</div>
|
|
</div>
|
|
|
|
<hr>
|
|
|
|
<form role="form" class="parsley-examples" method="post" id="branch_form"
|
|
enctype="multipart/form-data">
|
|
<input type="hidden" class="form-control" value="<?= csrf_hash() ?>" name="<?= csrf_token() ?>" />
|
|
<input type="hidden" name="PrimaryKey" id="branch_PrimaryKey" />
|
|
<input type="hidden" name="client_id" id="client_id_branch" value="<?= isset($client['id']) ? $client['id'] : '' ?>"/>
|
|
<div class="form-group">
|
|
<div class="form-row">
|
|
<div class="form-group col-md-6">
|
|
<label for="branch_name">Branch Name<span
|
|
class="text-danger">*</span></label>
|
|
<input type="text" class="form-control" id="branch_name"
|
|
placeholder="Enter Branch Name" name="branch_name" required>
|
|
</div>
|
|
<div class="form-group col-md-6">
|
|
<label for="branch_code">Branch Code<span
|
|
class="text-danger">*</span></label>
|
|
<input type="text" class="form-control" id="branch_code"
|
|
placeholder="Enter Branch Code" name="branch_code" required>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-row">
|
|
<div class="form-group col-md-4">
|
|
<label for="state">State<span
|
|
class="text-danger">*</span></label>
|
|
<select class="form-control" id="state" name="state" required>
|
|
<option value="">Select State</option>
|
|
<?php foreach($state as $value) { ?>
|
|
<option value="<?= $value['id'] ?>"><?= $value['state'] ?></option>
|
|
<?php } ?>
|
|
</select>
|
|
</div>
|
|
<div class="form-group col-md-4">
|
|
<label for="district">District<span
|
|
class="text-danger">*</span></label>
|
|
<input type="text" class="form-control" id="district"
|
|
placeholder="Enter District" name="district" required>
|
|
</div>
|
|
<div class="form-group col-md-4">
|
|
<label for="city">City</label>
|
|
<input type="text" class="form-control" id="branch_city"
|
|
placeholder="Enter City" name="city" required>
|
|
</div>
|
|
</div>
|
|
|
|
<hr>
|
|
<h6 class="header-title">Contact 1</h6>
|
|
<br>
|
|
|
|
<div class="form-row">
|
|
<div class="form-group col-md-6">
|
|
<label for="first_name">Name<span
|
|
class="text-danger">*</span></label>
|
|
<input type="text" class="form-control" id="name0"
|
|
placeholder="Enter Contact Name" name="name[]" >
|
|
</div>
|
|
<div class="form-group col-md-6">
|
|
<label for="last_name">Email<span
|
|
class="text-danger">*</span></label>
|
|
<input type="text" class="form-control" id="email0"
|
|
placeholder="Enter Contact Email" name="email[]" >
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="form-group col-md-6">
|
|
<label for="mobile">Mobile<span
|
|
class="text-danger">*</span></label>
|
|
<input type="text" class="form-control" id="mobile0"
|
|
placeholder="Enter Contact Mobile" name="mobile[]" >
|
|
</div>
|
|
<div class="form-group col-md-6">
|
|
<label for="designation">Designation<span
|
|
class="text-danger">*</span></label>
|
|
<input type="text" class="form-control" id="designation0"
|
|
placeholder="Enter Designation Name" name="designation[]" >
|
|
</div>
|
|
</div>
|
|
|
|
<br>
|
|
<h6 class="header-title">Contact 2</h6>
|
|
<br>
|
|
|
|
<div class="form-row">
|
|
<div class="form-group col-md-6">
|
|
<label for="name">Name<span
|
|
class="text-danger">*</span></label>
|
|
<input type="text" class="form-control" id="name1"
|
|
placeholder="Enter Contact Name" name="name[]" >
|
|
</div>
|
|
<div class="form-group col-md-6">
|
|
<label for="email">Email</label>
|
|
<input type="text" class="form-control" id="email1"
|
|
placeholder="Enter Contact Email" name="email[]" >
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="form-group col-md-6">
|
|
<label for="mobile">Mobile</label>
|
|
<input type="text" class="form-control" id="mobile1"
|
|
placeholder="Enter Contact Mobile" name="mobile[]" >
|
|
</div>
|
|
<div class="form-group col-md-6">
|
|
<label for="designation">Designation</label>
|
|
<input type="text" class="form-control" id="designation1"
|
|
placeholder="Enter Designation Name" name="designation[]">
|
|
</div>
|
|
</div>
|
|
|
|
<br>
|
|
<h6 class="header-title">Contact 3</h6>
|
|
<br>
|
|
|
|
<div class="form-row">
|
|
<div class="form-group col-md-6">
|
|
<label for="name">Name</label>
|
|
<input type="text" class="form-control" id="name2"
|
|
placeholder="Enter Contact Name" name="name[]" >
|
|
</div>
|
|
<div class="form-group col-md-6">
|
|
<label for="email">Email</label>
|
|
<input type="text" class="form-control" id="email2"
|
|
placeholder="Enter Contact Email" name="email[]" >
|
|
</div>
|
|
</div>
|
|
<div class="form-row">
|
|
<div class="form-group col-md-6">
|
|
<label for="mobile">Mobile</label>
|
|
<input type="text" class="form-control" id="mobile2"
|
|
placeholder="Enter Contact Mobile" name="mobile[]" >
|
|
</div>
|
|
<div class="form-group col-md-6">
|
|
<label for="designation">Designation</label>
|
|
<input type="text" class="form-control" id="designation2"
|
|
placeholder="Enter Designation Name" name="designation[]" >
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="form-group text-right m-b-0">
|
|
<button type="submit" class="btn btn-primary waves-effect waves-light mr-1"
|
|
id="btnSubmit">Submit</button>
|
|
<button type="button" class="btn btn-secondary waves-effect btnBack"
|
|
id="btnBack">Cancel</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div> <!-- end col-->
|
|
</div>
|
|
<!-- end -->
|
|
|
|
<script>
|
|
|
|
$(document).ready(function () {
|
|
|
|
var branch_PrimaryKey = $('#client_id_branch').val();
|
|
var branch_form_action = '';
|
|
|
|
$('#add_branch').hide();
|
|
$('.btnBack').hide();
|
|
|
|
|
|
|
|
|
|
$('#btnBranchAdd').click(function(){
|
|
|
|
branch_form_action = '<?= base_url("client/branch/create"); ?>';
|
|
|
|
$('#add_branch').show();
|
|
$('#branch_table').hide();
|
|
$('.btnBack').show();
|
|
$('#btnBranchAdd').hide();
|
|
|
|
$('#branch_name').val('');
|
|
$('#branch_code').val('');
|
|
$('#state').val('');
|
|
$('#district').val('');
|
|
$('#branch_city').val('');
|
|
|
|
$('#name0').val('');
|
|
$('#email0').val('');
|
|
$('#mobile0').val('');
|
|
$('#designation0').val('');
|
|
|
|
$('#name1').val('');
|
|
$('#email1').val('');
|
|
$('#mobile1').val('');
|
|
$('#designation1').val('');
|
|
|
|
$('#name2').val('');
|
|
$('#email2').val('');
|
|
$('#mobile2').val('');
|
|
$('#designation2').val('');
|
|
})
|
|
|
|
$('.btnBack').click(function(){
|
|
|
|
$('#add_branch').hide();
|
|
$('#branch_table').show();
|
|
$('.btnBack').hide();
|
|
$('#btnBranchAdd').show();
|
|
|
|
$('#branch_name').val('');
|
|
$('#branch_code').val('');
|
|
$('#state').val('');
|
|
$('#district').val('');
|
|
$('#branch_city').val('');
|
|
|
|
$('#name0').val('');
|
|
$('#email0').val('');
|
|
$('#mobile0').val('');
|
|
$('#designation0').val('');
|
|
|
|
$('#name1').val('');
|
|
$('#email1').val('');
|
|
$('#mobile1').val('');
|
|
$('#designation1').val('');
|
|
|
|
$('#name2').val('');
|
|
$('#email2').val('');
|
|
$('#mobile2').val('');
|
|
$('#designation2').val('');
|
|
|
|
})
|
|
|
|
|
|
if(branch_PrimaryKey !== ''){
|
|
|
|
var branchTable = '';
|
|
var data = <?= isset($client_branch) ? json_encode($client_branch) : '[]' ?>;
|
|
$.each(data, function(index, item) {
|
|
branchTable += `
|
|
<tr>
|
|
<td>${item.branch_name}</td>
|
|
<td>${item.branch_code}</td>
|
|
<td><a class="btnBranchEdit" data-id="${item.id}" href="#"><i data-id="${item.id}" class="mdi mdi-lead-pencil btnBranchEdit" style="font-size:18px;"></i></a></td>
|
|
</tr>
|
|
`;
|
|
});
|
|
$('#branch_list').append(branchTable);
|
|
}
|
|
|
|
|
|
$("#branch_form").submit(function(event) {
|
|
event.preventDefault();
|
|
|
|
// Perform validation
|
|
var isValid = true; // Assuming you have a function for form validation
|
|
|
|
if (isValid) {
|
|
|
|
var formData = new FormData($('#branch_form')[0]);
|
|
|
|
$.ajax({
|
|
data: formData,
|
|
url: branch_form_action,
|
|
type: "POST",
|
|
dataType: 'json',
|
|
processData: false,
|
|
contentType: false,
|
|
success: function(res) {
|
|
console.log(res);
|
|
$('#branch_list tr').remove();
|
|
var branchTableInsert = ''
|
|
$.each(res.data, function(index, item) {
|
|
branchTableInsert += `
|
|
<tr>
|
|
<td>${item.branch_name}</td>
|
|
<td>${item.branch_code}</td>
|
|
<td><a class="btnBranchEdit" data-id="${item.id}" href="#"><i data-id="${item.id}" class="mdi mdi-lead-pencil btnBranchEdit" style="font-size:18px;"></i></a></td>
|
|
</tr>
|
|
`;
|
|
});
|
|
$('#branch_list').append(branchTableInsert);
|
|
$('#add_branch').hide();
|
|
$('#branch_table').show();
|
|
$('.btnBack').hide();
|
|
$('#btnBranchAdd').show();
|
|
},
|
|
error: function (xhr, status, error) {
|
|
console.error(xhr.responseText);
|
|
console.error(status, error);
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
$('body').on('click', '.btnBranchEdit', function () {
|
|
var branch_id = $(this).attr('data-id');
|
|
branch_form_action = '<?= base_url("client/branch/edit"); ?>';
|
|
$.ajax({
|
|
url: '<?php echo base_url('client/branch/list/');?>'+branch_id,
|
|
type: "GET",
|
|
dataType: 'json',
|
|
success: function (res) {
|
|
|
|
console.log(res)
|
|
$('#add_branch').show();
|
|
$('#branch_table').hide();
|
|
$('.btnBack').show();
|
|
$('#btnBranchAdd').hide();
|
|
$('#branch_name').val(res.data.branch_name);
|
|
$('#branch_code').val(res.data.branch_code);
|
|
$('#state option[value="' + res.data.state + '"]').prop('selected', true);
|
|
$('#district').val(res.data.district);
|
|
$('#branch_city').val(res.data.city);
|
|
$('#branch_PrimaryKey').val(res.data.id);
|
|
|
|
$.each(res.contact, function(index, contact) {
|
|
if (contact !== undefined) {
|
|
$('#name' + index).val(contact.name !== undefined ? contact.name : '');
|
|
$('#email' + index).val(contact.email !== undefined ? contact.email : '');
|
|
$('#mobile' + index).val(contact.mobile !== undefined ? contact.mobile : '');
|
|
$('#designation' + index).val(contact.designation !== undefined ? contact.designation : '');
|
|
}
|
|
});
|
|
|
|
},
|
|
error: function (xhr, status, error) {
|
|
console.error(xhr.responseText);
|
|
console.error(status, error);
|
|
}
|
|
});
|
|
});
|
|
|
|
|
|
});
|
|
|
|
</script>
|