<?php echo $this->doctype() ?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <?php echo $this->headTitle() ?>
	<?php echo $this->headLink() ?>
	<?php echo $this->headScript() ?>
	<?php $baseUrl = Application_Common_OsPath::getBaseDir(); ?>
</head>
<body>
    <div id="Panel" class="sticky">
    <?php
						/*
						NOTE: Temporarily disabled version notification to avoid confusion,
						Users can check current version in Settings > Status.
						*/
						//echo $this->versionNotify();
            $sss = $this->SourceSwitchStatus();
            $scs = $this->SourceConnectionStatus();
    ?>
    <?php echo $this->partial('partialviews/header.phtml', array("live_dj_switch"=>$sss['live_dj'], "live_dj_connection"=>$scs['live_dj'], "master_dj_switch"=>$sss['master_dj'], "master_dj_connection"=>$scs['master_dj'],
                "scheduled_play_switch"=>$sss['scheduled_play'])) ?>
<?php 	$partial = array('menu.phtml', 'default');
    $this->navigation()->menu()->setPartial($partial); ?>


    <script type="text/javascript">
        var schedulePreLoaded = <?php
        //Awful hack to speed up loading - Embed the schedule in the response so that the dashboard
        //doesn't have to make a separate AJAX request to get this data.
    ScheduleController::printCurrentPlaylistForEmbedding();
 ?>;
        //The DOM elements that these calls depend on exist by this point:
        parseItems(schedulePreLoaded.entries);
        parseSourceStatus(schedulePreLoaded.source_status);
        parseSwitchStatus(schedulePreLoaded.switch_status);

    </script>
</div>

<div id="media_type_nav"> <!-- class="content-pane" -->
    <div class="btn-group">
        <ul class="dropdown-menu">
            <li id="new-playlist">
                <a href="#"><?php echo _("Playlist") ?></a>
            </li>
            <li id="new-smart-block">
                <a href="#"><?php echo _("Smart Block") ?></a>
            </li>
            <li id="new-webstream">
                <a href="#"><?php echo _("Webstream") ?></a>
            </li>
        </ul>
        <a href="<?php echo Application_Common_OsPath::getBaseDir() . 'plupload' ?>">
            <button id="add_media_btn" class="btn btn-small dashboard-btn btn-new">
                <span><?php echo _("Upload") ?></span>
            </button>
        </a>
    </div>

    <div class="media_type_selector top-link" data-selection-id="<?php echo MediaType::getDefault(); ?>">
        <a href="<?php echo Application_Common_OsPath::getBaseDir() . 'showbuilder#' ?>">
            <i class='icon-home icon-white'></i>
            <?php echo _("Dashboard") ?>
        </a>
    </div>
    <?php $subnavPrefix = "/showbuilder"; require_once APPLICATION_PATH . "views/scripts/partialviews/dashboard-sub-nav.php"; ?>
    <div class="media_type_selector dashboard_sub_nav" data-selection-id="<?php echo MediaType::PODCAST ?>">
        <a href="<?php echo $subnavPrefix; ?>#podcasts">
            <span class="selector-name"><i class='icon-headphones icon-white'></i><?php echo _("Podcasts") ?></span>
        </a>
    </div>

    <hr style="margin-left: 5px; margin-right: 5px">
    <div id="nav">
        <?php echo $this->navigation()->menu(); ?>
    </div>

    <script>
    <?php
    $partitions = Application_Model_Systemstatus::GetDiskInfo();
    $status = new StdClass;
    $disk = $partitions[0];
    $used = $disk->totalSpace-$disk->totalFreeSpace;
    $total = $disk->totalSpace;
    echo "var remainingDiskSpace = ".$disk->totalFreeSpace.";";
    ?>
    </script>
    <div id="disk_usage">
        <!--<div style="padding-bottom: 2px;">Disk Usage</div>-->
        <div class="disk_usage_progress_bar"></div>
        <div class="disk_usage_percent_in_use"><?php echo sprintf("%01.1fGB of %01.1fGB", $used/pow(2, 30), $total/pow(2, 30)); ?></div>
        <div class="disk_usage_used" style="width:<?php echo sprintf("%01.1f%%", min(100, $used/$total*100)) ?>;"></div>

        <!--<div style="margin-top: 15px; font-size: 12px;">
            <?php //echo sprintf("%01.1fGB of %01.1fGB", $used/pow(2, 30), $total/pow(2, 30)); ?>
        </div>-->

    </div>

</div>

<?php $hint = Application_Common_UsabilityHints::getUsabilityHint(); ?>
<div class="usability_hint <?php if ($hint == "") { echo "hidden"; } ?>"><?php echo $hint; ?></div>

<div class="wrapper <?php if (isset($this->layout()->parent_page)) echo "wrapper_panel";?>" id="content">
    <?php echo $this->layout()->content ?>
</div>
<?php if (isset($this->layout()->parent_page)) { ?>
    <div id="sub-menu">
        <h3><?php //parent_page is passed in from controller
            echo _($this->layout()->parent_page); ?></h3>
        <hr>
        <?php
        $page = $this->navigation()->findOneBy('title', $this->layout()->parent_page);
        echo $this->navigation()->menu()->render($page);
        ?>
    </div>
<?php } ?>

<script id="tmpl-pl-cues" type="text/template">
<div class="waveform-cues">
  <div class="playlist-time-scale"></div>
  <div class="playlist-tracks"></div>
  <div class="playlist-controls">
	<a class="btn btn-small btn_play"><i class="icon-play icon-white"></i><?php echo _("Play"); ?></a>
    <a class="btn btn-small btn_stop"><i class="icon-stop icon-white"></i><?php echo _("Stop"); ?></a>
	<label class="audio audio_pos">00:00:00.0</label>
  </div>
  <div class="set-cue">
	<label for="editor-cue-in"><?php echo _("Cue In"); ?></label>
    <input type="text" class="audio_start">
    <input type="button" class="btn btn-small set-cue-in" value="<?php echo _("Set Cue In"); ?>">
    <label class="audio editor-cue-in">00:00:00.0</label>
    <span style="display:none" class="cue-in-error"></span>
  </div>
  <div class="set-cue">
    <label for="editor-cue-out"><?php echo _("Cue Out"); ?></label>
    <input type="text" class="audio_end">
    <input type="button" class="btn btn-small set-cue-out" value="<?php echo _("Set Cue Out"); ?>">
    <label class="audio editor-cue-out">00:00:00.0</label>
    <span style="display:none" class="cue-out-error"></span>
  </div>
</div>
</script>

<script id="tmpl-pl-fades" type="text/template">
<div class="waveform-fades">
  <div class="playlist-time-scale"></div>
  <div class="playlist-tracks"></div>
  <div class="playlist-controls left-floated">
    <a class="btn btn-small btn_play"><i class="icon-play icon-white"></i><?php echo _("Play"); ?></a>
    <a class="btn btn-small btn_stop"><i class="icon-stop icon-white"></i><?php echo _("Stop"); ?></a>
	<label class="audio audio_pos">00:00:00.0</label>
  </div>
  <div class="set-fade left-floated">
     <a type="button" class="btn btn-small btn_cursor" data-state="cursor"><?php echo _("Cursor"); ?></a>
     <a type="button" class="btn btn-small btn_fadein" data-state="fadein"><?php echo _("Fade In"); ?></a>
     <a type="button" class="btn btn-small btn_fadeout" data-state="fadeout"><?php echo _("Fade Out"); ?></a>
  </div>
</div>
</script>

<?php
    // Show users the What's New dialog if they haven't seen it yet
    // TODO: If you're updating this, be sure to update defaultdata! (Suboptimal, is there a better way?)
    if (!Application_Model_Preference::getWhatsNewDialogViewed()) {
        ?>
        <div id="whatsnew">
            <div>
                <div id="whatsnew_video">
                    <iframe width="560" height="315" src="<?php echo UI_REVAMP_EMBED_URL ?>" frameborder="0" allowfullscreen></iframe>
                </div>
                <h2><?php echo _("Welcome to LibreTime"); ?></h2>
                <p><?php echo _("LibreTime is free software for radio stations built by a community.
                You can find out more information at LibreTime.org. We are built as a fork of Airtime.
                If you have any questions you can also go to https://discourse.libretime.org and ask them."); ?></p>
            </div>
            <button id="whatsnew_close" class="btn btn-new">OK, got it!</button>
        </div>
        <script>
            $(document).ready(function() {
                var whatsnew = $("#whatsnew");
                whatsnew.dialog({
                    title: $.i18n._("Welcome to the Libretime!"),
                    width: "auto",
                    height: "auto",
                    modal: true,
                    resizable: false,
                    close: function() {
                        $(this).dialog('destroy').remove();
                    }
                });

                $("#whatsnew_close").on("click", function() {
                    whatsnew.dialog("close");
                });
            });
        </script>
        <?php
        Application_Model_Preference::setWhatsNewDialogViewed(true);
    }
?>

<div id="fb-root"></div>


</body>
</html>

