<div class="panelContent">
<?php
if ($this->searchTitle) {
    $searchType="myBatch";
} else {
    $searchType="releases";
}
if ($this->summary) {
?>
    <div class="panelSummary">
        <?php echo $this->summary ?>
    </div>
<?php
}
?>
<form name="searchFrm" method="get" id="searchFrm">
    <div class="col-sm-6 top-margin-space">
        <input type="hidden" name="page" id="page" value="<?php echo $this->page;?>" />
        <input type="hidden" name="pageRecord" id="pageRecord" value="<?php echo $this->pageRecord;?>" />
        <script language="javascript">
            addCalendar('Cal3', 'Select Date', 'date_submitted', 'searchFrm');
            addCalendar('Cal2', 'Select Date', 'entry_date', 'searchFrm');
            addCalendar('Cal4', 'Select Date', 'preorder_date', 'searchFrm');
            addCalendar('Cal5', 'Select Date', 'salesstart_date', 'searchFrm');
        </script>
        <input type="hidden" id="userId" name=user_id value="<?php echo $this->userId;?>"/>
        <div class="form-group">
            <label for="ReleaseName">Release Name</label>
            <input type="text" class="form-control" name="release_name" id="releaseName" value="<?php echo $this->release_name;?>">
        </div>
        <div class="form-group">
            <label for="Artist">Artist</label>
            <input type="text" class="form-control" name="artist_name" id="artistName" value="<?php echo $this->artist_name;?>">
        </div>
        <div class="form-group">
            <label for="Imprint">Imprint</label>
            <input type="text" class="form-control" name="label" id="labelName" value="<?php echo $this->label;?>">
        </div>
        <div class="form-group">
            <label for="Label">Label</label>
            <textarea class="form-control" rows="8" name="vendor" id="vendorId" value="<?php echo $this->label;?>"></textarea>
        </div>
        <?php
        if (isset($this->owner)) {?>
            <div class="form-group">
                <label for="Owner">Owner</label>
                <select class="form-control multiple-form multiple-select" name="owner[]" id="owner" multiple="multiple" size="10">
                <?php foreach ($this->owner as $owner) { ?>
                    <option value="<?=$owner['owner_abbrivation']?>"><?=$owner['owner_name']?></option>
                <?php } ?>
                </select>
            </div>
            <?php
        }
        ?>
    </div>
    <div class="col-sm-6 top-margin-space">
        <div class="form-group">
            <label for="UPC">UPC</label>
            <input type="text" class="form-control" name="upc" id="upc" value="<?php echo $this->upc;?>">
        </div>
        <div class="form-group">
            <label class="full-width" for="PreOrderD">Pre-Order Date:</label>
            <div class="btn-group btn-group-sm preorder-btn btn-group-justified">
                <div class="btn-group">
                    <button type="button" id="preorder-immediate-button" value="immediate" class="btn btn-default">Immediate</button>
                </div>
                <div class="btn-group">
                    <button type="button" id="preorder-none-button" value="no-preorder" class="btn btn-default">No Pre-order Date</button>
                </div>
                <div class="btn-group">
                    <button type="button" id="preorder-specific-button" value="specific" class="btn btn-default">Specific Date</button>
                </div>
            </div>
        </div>
        <div class="preorder-specific-field form-group notDisplay">
            <input type="text" class="form-control"  name="preorder_date" id="preOrderDate" value="<?php echo $this->preorder_date;?>" placeholder="YYYY-MM-DD">
            <a onclick="showCal('Cal4');" href="#" class="ui-datepicker-trigger">
                <img border="0" align="absmiddle" alt="Calendar" src="/images/redesign/calendar.svg">
            </a>
        </div>
        <div class="form-group">
            <label for="SalesStartD">Sales Start Date:</label>
            <input type="text" class="form-control"  name="salesstart_date" id="salesStartDate" value="<?php echo $this->salesstart_date;?>" placeholder="YYYY-MM-DD">
            <a onclick="showCal('Cal5');" href="#" class="ui-datepicker-trigger">
                <img border="0" align="absmiddle" alt="Calendar" src="/images/redesign/calendar.svg">
            </a>
        </div>
        <?php if ($searchType == 'releases') { ?>
            <div class="form-group">
                <label for="Submission">Submission Type</label>
                <?php $varSubmissionType = $this->varSubmissionType;?>
                <select class="form-control" name="varSubmissionType" id="submissionType">
                    <option value="all" <?=($varSubmissionType == 'all')?'selected':''?>>All</option>
                    <option value="new" <?=($varSubmissionType == 'new')?'selected':''?>>New</option>
                    <option value="error_correction" <?=($varSubmissionType == 'error_correction')?'selected':''?>>Error Correction</option>
                    <option value="skipped" <?=($varSubmissionType == 'skipped')?'selected':''?>>Skipped</option>
                </select>
            </div>
            <div class="form-group">
                <label for="AssetT">Asset Type</label>
                <?php $varAssetType = $this->varAssetType;?>
                <select class="form-control" name="varAssetType" id="assetType">
                    <option value="">All</option>
                    <?php
                    if (isset($this->productType)) {
                        unset($this->productType[5]);
                        unset($this->productType[57]);
                        foreach ($this->productType as $key => $productType) {?>
                            <option value="<?=$key?>" <?=($varAssetType == $key)?'selected':''?>>
                            <?=$productType?>
                            </option>
                            <?php
                        }
                    }?>
                </select>
                <span class="asset-type-note">For Video Products, please open the <a href="https://theorchard.looker.com/dashboards/1180" target="_blank">Video Approval Queue in Looker</a></span>
            </div>
            <div class="form-group">
                <label for="Check">Check out#</label>
                <?php $numberCheckout = $this->numberCheckout;?>
                    <select class="form-control" name="numberCheckout" id="checkOut">
                    <option value="20" <?=($numberCheckout == 20)?'selected':''?>>20</option>
                    <option value="50" <?=($numberCheckout == 50)?'selected':''?>>50</option>
                    <option value="100" <?=($numberCheckout == 100)?'selected':''?>>100</option>
                    <option value="200" <?=($numberCheckout == 200)?'selected':''?>>200</option>
                    <option value="" <?=($numberCheckout == '')?'selected':''?>>All</option>
                </select>
            </div>
            <div class="form-group">
                <label for="Assigned to">Assigned to</label>
                <?php
                $assignedTo = $this->assigned_to;?>
                <select class="form-control multiple-form multiple-select" name="assigned_to[]" id="assigned_to" multiple="multiple" size="10">
                    <?php
                    foreach ($assignedTo as $assigned_to) {
                        $checked  = '';
                        $checked .= ($this->userId == $assigned_to->id) ? 'selected' : '';
                    ?>
                        <option value="<?php echo $assigned_to->id; ?>" <?php echo $checked; ?>><?php echo $assigned_to->f_name." ".$assigned_to->l_name;?></option>
                    <?php } ?>
                </select>
            </div>
        <?php } ?>
    </div>    
    <div class="clear"></div>
    <div class="panelButtons">
        <input type="button" id="searchBtn" value="Search" class="btn btn-primary" onclick="showSearchedText('<?php echo $searchType; ?>','<?php echo $this->page;?>');">
    </div>
</form>
    
</div>
<script type="text/javascript">
$("#searchFrm").keyup(function(event) {
    var node = (event.target) ? event.target : ((event.srcElement) ? event.srcElement : null);
    if (event.keyCode == '13' && (node.type != "textarea")) {
           showSearchedText('<?php echo $searchType; ?>','<?php echo $this->page;?>');
      }
});
$("#checkOut").change(function () {
    $('#pageRecord').val($(this).val());
});

$('.preorder-btn .btn').click(function() {
    $('.btn-group .btn').not(this).removeClass('active');
    $(this).toggleClass('active');
    $('#preOrderDate').val('');
    if ($('#preorder-specific-button').hasClass('active')) {
        $('.preorder-specific-field').removeClass('notDisplay');
    } else {
        $('.preorder-specific-field').addClass('notDisplay');
    }
});
</script>
