<?php
$breadcrumb = '<a href="/relationships.php">Relationships</a> > Bundle Product ';
$this->placeholder('breadcrumb')->set($breadcrumb);
?>
<h2>Link Video Product Assets to the Digital Audio Product</h2>
<br/>
<div id="errorMessage" class="alert alert-img alert-danger" style="padding-left: 50px"></div>
<div id="error_message" class="alertError" style="display: none"></div>
<div class="panelHeader">
    <h3>New Bundle Product</h3>
</div>
<div class="panelContent">
    <div class="panelSummary" style="margin: 12px; border-bottom: none; margin-bottom: 18px">
        <ul>
            <li><b>Bundle Type:</b>
                <?php $varBundleType = $this->varBundleType;?>
                <select class="form-select" name="varBundleType" id="bundleType">
                    <option value="">Select One</option>
                    <option value="audio_video" <?=($varBundleType == "audio_video")?'selected':''?>>Audio-Video</option>
                    <option value="video_only" <?=($varBundleType == "video_only")?'selected':''?>>Video-Only</option>
                </select>
            </li>
            <li><b>Digital Audio Product(Bundle) ID:</b>
                <input type="number" name="bundle_product_id" id="bundleProductId" class="small" maxlength="100" size="45">
            </li>
            <li><b>
                <input type="button" value="NEXT" id="validateButton" name="exAdd" onclick="validate()" class="btn btn-default btn-sm" disabled></b>
            </li>
        </ul>
    </div>
    <div id="myDiv" style="display: none;">
        <div class="panelHeader"><h3>Add Video Tracks</h3></div>
        <div id="tableContainer">
        <!-- Table will be generated here -->
        </div>
        <div style="margin:10px">
            <input type="button" value="Add New Row" class="btn btn-default btn-sm" onclick = addRow() style="margin-top:12px">
            <input type="button" value="Delete Selected Rows" id="deleteSelectedRows" class="btn btn-default btn-sm" onclick = deleteMultipleRows() disabled style="margin-top:12px">
        </div>
        <div class="panelButtons">
        <input type='button' id='cancelBtn' class="btn btn-default btn-sm" value='Cancel' onclick="cancel()"/>
        <input name='link_bundle' type='button' id='btnLinkBundle' class="btn btn-primary btn-sm" value='Save' onclick="handleBundleProductSubmission()"/>
        </div>
    </div>
</div>
<script type="text/javascript" src="/scripts/bundle_product.js"></script>
