<?php include("includes/db_config.php");
if(isset($_POST['submit']))
{ extract($_POST);
$sql="INSERT into secondary_unit(sunit,sname) values ('$unit','$short_name')";
$res=mysqli_query($conn,$sql) or die(mysqli_error());
if($res){
   }
}
if(isset($_POST['update']))
{ extract($_POST);
$id=$_POST["pt_id"];
$sql1 ="UPDATE secondary_unit SET sunit='$unit',sname='$short_name' WHERE id='$id'"; 
$res=mysqli_query($conn,$sql1) or die(mysqli_error());
 if($res){
   }
} ?>
<!DOCTYPE html>
<html lang="en" dir="ltr" data-theme="light">
<meta http-equiv="content-type" content="text/html;charset=utf-8" />

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <?php include("includes/css.php");?>
    <style>
        .modal-body .form-label {
            font-weight: 600;
        }

        .viewptdt .form-label {
            font-weight: 600;
        }

        .viewptdt label {
            margin-top: 10px;
        }
    </style>
</head>

<body class="preload-active aside-active aside-mobile-minimized aside-desktop-maximized">
    <div class="holder">
        <?php include("includes/sidebar.php");?>
        <div class="wrapper">
            <?php include("includes/header.php");?>
            <div class="content">
                <div class="container-fluid g-5">
                    <div class="row">
                        <div class="col-12">
                            <div class="portlet">
                                <div class="portlet-header portlet-header-bordered">
                                    <h3 class="portlet-title">All Secondary Unit Details</h3>
                                     <button data-bs-toggle="modal" data-bs-target="#modal2" class="btn btn-success">Add Secondary Unit</button>
                                </div>
                                <div class="portlet-body table-responsive">
                                    <table id="datatable-1" class="table table-bordered table-striped table-hover">
                                        <thead>
                                            <tr>
                                                <th>Full Name</th>
                                                <th>Short Name</th>
                                                <th><center>Action</center></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <?php $j=1; 
                                            $sql="select * from secondary_unit"; 
                                            $result = mysqli_query($conn, $sql); 
                                            while($res= mysqli_fetch_array($result)){
                                             ?>
                                            <tr>
                                                <td><?= $res['sunit'];?></td>
                                                <td><?= $res['sname'];?></td>
                                                <td>
                                                    <center>
                                                        <button name="edit" id="<?= $res['id'];?>" class="btn btn-success edit_data"> <i class="far fa-edit"></i></button>
                                                        <a href="javascript:delete_ptype_by_ID('<?php echo $res['id'] ?>');" class="btn btn-danger shadow btn-xs sharp"><i class="fa fa-trash"></i></a>
                                                    </center>
                                                </td>
                                            </tr>
                                            <?php } ?>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal fade" id="modal3" data-bs-backdrop="static">
                <div class="modal-dialog dialog-lg">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">Edit Secondary Unit Details</h5><button type="button" class="btn btn-label-danger btn-icon" data-bs-dismiss="modal"><i class="fa fa-times"></i></button>
                        </div>
                        <form class="g-3" action="" method="post">
                            <div class="row modal-body">
                                <div class="mb-3 col-md-12">
                                    <label class="form-label">Full name</label>
                                    <input type="text" placeholder="Enter Full name" name="unit" id="sunit" class="form-control">
                                </div>
                            </div>
                            <div class="row modal-body">
                                <div class="mb-3 col-md-12">
                                    <label class="form-label">Short Name</label>
                                    <input type="text" placeholder="Enter Short Name" name="short_name" id="sname" class="form-control">
                                </div>
                            </div>
                            <input type="hidden" name="pt_id" id="pt_id" />
                            <div class="modal-footer"><button type="submit" name="update" id="insert" class="btn btn-primary">Update</button></div>
                        </form>
                    </div>
                </div>
            </div>
            <div class="modal fade" id="modal2" data-bs-backdrop="static">
                <div class="modal-dialog dialog-lg">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">Add Primery Unit Details</h5><button type="button" class="btn btn-label-danger btn-icon" data-bs-dismiss="modal"><i class="fa fa-times"></i></button>
                        </div>
                      <form method="post" action="">
                        <div class="row modal-body">
                            <div class="mb-3 col-md-12">
                                <label class="form-label">Full name</label>
                                <input type="text" placeholder="Enter Full name" name="unit" id="sunit" class="form-control">
                            </div>
                            <div class="mb-3 col-md-12">
                                <label class="form-label">Short name</label>
                                <input type="text" placeholder="Enter Short name" name="short_name" id="sname" class="form-control">
                            </div>
                             <div class="col-md-4"><button name="submit" type="submit" class="btn btn-primary btn-lg">Save</button></div>
                        </div>
                      </form>
                    </div>
                </div>
            </div>

            <?php include("includes/footer.php");?>
        </div>
    </div>
    <?php include("includes/js.php");?>
<script type="text/javascript">   
 $(document).ready(function() {
        $(document).on('click', '.edit_data', function() {
            var pt_id = $(this).attr("id");
            $.ajax({
                url: "edit_secd_unit.php",
                method: "POST",
                data: { pt_id: pt_id},
                dataType: "json",
                success: function(data) {
                     $('#sunit').val(data.sunit);
                     $('#sname').val(data.sname);
                     $('#pt_id').val(data.id);
                     $('#insert').val("Update");
                    $('#modal3').modal('show');
                }
            });
        });
    });   
     function delete_ptype_by_ID(id) {
        if (confirm('Do You Want to Deleting This \nContinue anyway?')) {
            window.location.href = 'delete_secd_unit.php?id=' + id;
        }
    }
</script>        
</body>

</html>