EVOLUTION-NINJA

Edit File: edit_asset.php

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

.add-asset-heading {
        margin: 0;
        padding: 3px;
        align-self: center;
        color: #003352;
        font-size: 20px;
        font-weight: 600;
    }

.back-butt {
        color: #606060;
        font-size: 21px;
        font-weight: 500;
        outline: none;
        border: none
    }

.add-asset,
    .add-asset-doc,
    .add-asset-prod,
    .add-asset-agrement {
        background-color: #EFF3FC;
        padding: 15px 25px;
    }

.add-asset,
    .add-asset-doc,
    .add-asset-prod,
    .add-asset-agrement label {
        padding: 5px 10px;
        font-size: 15px;
        margin-block: 4px;
        font-weight: 500;
        color: #606060;
    }

.star-mad {
        color: #c83434;
        font-size: 20px;
        position: relative;
        top: 2px;
    }

.inp-boxes-addasset {
        border: none;
        box-shadow: 0px 0px 3px #ccc;
        background-color: white !important;
    }

.add-asset-button {
        color: white;
        width: 25%;
        background: linear-gradient(#4E79FF, #71ACFF);
        border: none;
        outline: none;
        font-size: 18px;
        padding: 5px 4px;
        font-weight: 500;

float: inline-end;
    }

@media screen and (max-width:728px) {

.add-asset-block,
        .add-asset,
        .add-asset-doc,
        .add-asset-prod,
        .add-asset-agrement {
            width: 97vw;
        }

.add-asset-button {
            width: 50%;
            float: inline-start;
            margin-top: 20px;
        }
    }
    #leftDiv{
        height:1030px !important;
    }
</style>
<main id='rightDiv'>
<div class="container-fluid">
    <div class="row">

<section class="add-asset-block">

<h5 class="add-asset-heading">Add Asset</h5>
                <button class="btn back-butt"><i class="fa fa-arrow-left" aria-hidden="true"></i>&nbsp;Back</button>
            </section>

<form id="assetform">
                <input type="hidden" name="id" value="<?php echo $id;?>" id="">
                <section>
                    <div class="add-asset">

<div class="row mt-4">
                            <div class="col-sm-2"><input type="checkbox" name="product" value="Yes" <?php echo $product=='Yes'?'checked':'';?> 
                                    id="product"><label for="product">Product</label></div>
                            <div class="col-sm-2"><input type="checkbox" name="document" value="Yes" <?php echo $document=='Yes'?'checked':'';?>
                                    id="document"><label for="document">Document</label></div>
                            <div class="col-sm-2"><input type="checkbox" name="agreement" value="Yes" <?php echo $agreement=='Yes'?'checked':'';?>
                                    id="agrement"><label for="agrement">Agrement</label></div>
                        </div>
                    </div>
                </section>

<section>
                    <div class="add-asset-prod mt-3" style='display:none'>
                        <div class="row">
                            <div class="col-sm-4">
                                <label for="product-name">Product Name</label></br><input type="text" placeholder=""
                                    name="product_name" id="product-name" class="form-control inp-boxes-addasset" value="<?php echo $product_name;?>"/>
                            </div>
                            <div class="col-sm-4">
                                
                                    <label for="purchase-bill">Purchase Bill</label></br><input type="file" placeholder=""
                                    id="purchase_bill" name="purchase_bill" class="form-control inp-boxes-addasset" />
                                    <b>Existing Document</b>
                                    <ul>
                                        <li>
                                            <a href="public/assets/asset_management/<?php echo $purchase_bill; ?>" target="_blank"><?php echo $purchase_bill; ?></a>
                                        </li>
                                    </ul>
                            </div>
                            <div class="col-sm-4">
                            </div>
                        </div>

<div class="row">
                            <div class="col-sm-8">
                                <label for="product-desc">Product Description</label></br>
                                <textarea name="product_description" rows="3" id="product-desc"
                                    class="form-control inp-boxes-addasset" ><?php echo $product_description;?></textarea>
                            </div>
                        </div>

</div>

</section>

<section>
                    <div class="add-asset-doc pt-3 pb-3" style='display:none'>
                        <div class="row">
                            <div class="col-sm-4">
                                <label for="doc-name">Document Name</label></br><input type="text" placeholder=""
                                    name="document_name" id="doc-name" class="form-control inp-boxes-addasset" value="<?php echo $document_name;?>"/>
                            </div>
                            <div class="col-sm-4">
                                <label for="upload-doc">Upload Document</label>
                                <input type="file" id="upload-doc" name="upload_document"
                                    class="form-control inp-boxes-addasset">
                                    <b>Existing Document</b>
                                    <ul>
                                        <li>
                                            <a href="public/assets/asset_management/<?php echo $upload_document; ?>" target="_blank"><?php echo $upload_document; ?></a>
                                        </li>
                                    </ul>
                            </div>
                            <div class="col-sm-4">
                                
                            </div>
                        </div>

<div class="row">
                            <div class="col-sm-8">
                                <label for="description">Description</label></br>
                                <textarea name="document_description" rows="3" id="Description"
                                    class="form-control inp-boxes-addasset" ><?php echo $document_description;?></textarea>
                            </div>

</div>
                        </div>

</div>

</section>

<section>
                    <div class="add-asset-agrement pt-3 pb-3" style='display:none'>
                        <div class="row">
                            <div class="col-sm-4">
                                <label for="agrement-name">Agrement Name</label></br><input type="text" placeholder=""
                                    name="agreement_name" id="agrement-name" class="form-control inp-boxes-addasset" value="<?php echo $agreement_name;?>"/>
                            </div>
                            <div class="col-sm-4">
                                <label for="upload-doc1">Upload Document</label>
                                <input type="file" id="upload-doc1" name="agreement_document"
                                    class="form-control inp-boxes-addasset">
                                    <b>Existing Document</b>
                                    <ul>
                                        <li>
                                            <a href="public/assets/asset_management/<?php echo $agreement_document; ?>" target="_blank"><?php echo $agreement_document; ?></a>
                                        </li>
                                    </ul>
                            </div>
                            <div class="col-sm-4">
                                
                            </div>
                        </div>

<div class="row">
                            <div class="col-sm-8">
                                <label for="description">Description</label></br>
                                <textarea name="agreement_description" rows="3" id="Description"
                                    class="form-control inp-boxes-addasset" > <?php echo $agreement_description;?></textarea>
                            </div>

</div>
                    <button type="submit" id="app-btn" class="submit-student-form  add-asset-button mx-3">Update</button>
                </section>
            </form>
        </div>
    </div>
</div>
</main>
</section>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.10.8/dist/sweetalert2.all.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/sweetalert2@11.10.8/dist/sweetalert2.min.css" rel="stylesheet">
<script>
        $(document).ready(function () {
        $('#assetform').submit(function (e) {
            e.preventDefault();

if(agrementCheckbox.checked) {
            addAssetAgrement.style.display = 'block';
        } else {
            addAssetAgrement.style.display = 'none';
        }
    }

checkInitialStates();
    productCheckbox.addEventListener('change', function() {
        if(this.checked) {
            addAssetProd.style.display = 'block';
        } else {
            addAssetProd.style.display = 'none';
        }
    });

documentCheckbox.addEventListener('change', function() {
        if(this.checked) {
            addAssetDoc.style.display = 'block';
        } else {
            addAssetDoc.style.display = 'none';
        }
    });

agrementCheckbox.addEventListener('change', function() {
        if(this.checked) {
            addAssetAgrement.style.display = 'block';
        } else {
            addAssetAgrement.style.display = 'none';
        }
    });
});
</script>
<script>
    window.onload = function () {
        const leftDiv = document.getElementById('leftDiv');
        const rightDiv = document.getElementById('rightDiv');

const rightDivHeight = rightDiv.offsetHeight;

leftDiv.style.height = rightDivHeight + 'px';
    };

</script>