EVOLUTION-NINJA

Edit File: status_master.php

<?php echo view('includes/sidebar'); ?>
<script type="text/javascript" src="<?php echo base_url('public/assets/js/jquery-3.6.0.min.js'); ?>"></script>
<script src="<?php echo base_url('public/assets/toastr/toastr.min.js');?>"></script>
<link rel="stylesheet" href="<?php echo base_url('public/assets/toastr/toastr.min.css');?>">
<link rel="stylesheet" href="https://cdn.datatables.net/1.11.5/css/jquery.dataTables.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></script>

<div class="row m-0">

<div class="depdetail row">
                        <div class="col-sm-4">
                            <label for="status" class="form-label inpfieldname">Status</label><br>
                            <input type="text" class="fieldsbox form-control" id="status"
                                name="status" placeholder="Enter status" required>
                        </div>

</div>

</div>
        </div>
        <div class="col-sm-6 buttns-cnl">

<button type="submit" class="submit" id="app-btn">Submit</button>
            <button type="button" class="cancel" id="btn-cancel">Cancel</button>
        </div>
       
        </div>
    </form>

<div class="modal fade" id="editdepartmentModal" tabindex="-1" role="dialog" aria-labelledby="editdepartmentModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="editdepartmentLabel">Edit Department</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <form id="editdepartmentForm">
                <div class="modal-body">
                    <input type="hidden" name="id" id="editdepartmentId">
                    <div class="form-group">
                        <label for="editAddress">Department</label>
                        <input type="text" class="form-control" id="editdepartment" name="department_model">
                    </div>
                    
                    <div class="form-group">
                        <label for="editAddress">Shortcut Name</label>
                        <input type="text" class="form-control" id="edit_shortcut" name="shortcut_model">
                    </div>
                    <br>
                    <div class="form-group">
                        <label for="editAddress">Fund Name</label>
                        <input type="text" class="form-control" id="editfund" name="fund_model">
                    </div>
                    <br>
                    <div class="form-group">
                            <label for="Head_Of_Account" class="form-label inpfieldname">Head Of Account</label><br>
                            <select class="form-select form-control fieldsbox" aria-label="Default select example"
                                id="edit_headOfAccount" name="header_of_account"required>
                                <option value="">Select</option>
                                <option value="MLA">MLA</option>
                                <option value="MLC">MLC</option>
                                <option value="MP">MP</option>
                                <option value="RS">RS</option>
                            </select>
                   
                    </div>
                    <div class="form-group">
                        <label for="editAddress">Remarks</label>
                        <input type="text" class="form-control" id="editremarks" name="remarks_model">
                    </div>
                    <div class="form-group">
    <input type="file" class="form-control" id="editlogo" name="file">
    <br>
    <img id="logoPreview" src="" alt="Department Logo Preview" style="width:100px;height:100px;margin-bottom:10px;">
</div>
                </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-primary submit">Update</button>
                </div>
            </form>
        </div>
    </div>
</div>

</section>

$('#btn-cancel').click(function(e){
            e.preventDefault();
            $('#form-status')[0].reset();
        })
    })
</script>

$(document).ready(function(){
$('#form-status').submit(function(e){
    e.preventDefault();
    var formdata = new FormData($(this)[0]);
    $('#app-btn').text('submitting...');
    $('#app-btn').attr('disabled', 'disabled');
    $.ajax({
    type:'post',
    url: '<?php echo base_url('status-create'); ?>',
    data: formdata,
                contentType: false,
                processData: false,
                success: function (response) {
                    if (response.result == 1) {
                        Swal.fire({ icon: "success", title: response.message, showConfirmButton: false, timer: 2000 });
                        $('#form-status')[0].reset();
                   window.location.href = '<?php echo base_url("status-master");?>';
                    } else {
                        Swal.fire({ icon: "error", title: response.message, showConfirmButton: false, timer: 1000 });
                    }
                    $('#app-btn').removeAttr('disabled').text("SUBMIT");
                },
                error: function (xhr, textStatus, errorThrown) {
                    console.error(xhr.responseText);
                    Swal.fire({ icon: "error", title: "An error occurred", showConfirmButton: false, timer: 1000 });
                },
                complete: function () {
                    $('#app-btn').removeAttr('disabled').text("SUBMIT");
                }
    })
});
 });
</script>

<?php echo view('includes/footer'); ?>