<?php use_helper('Javascript'); ?>

<h4>Thiết lập giao diện cơ bản</h4>
<?php echo form_tag('/admin/updatebasic', 'multipart=true') ?>
  <div class="wfull nowrap">
    <div class="span-3">Tiêu đề thư viện</div>
    <div class="span-8"><?php echo input_tag('title', $title, array('style'=>'width:307px;')) ?></div>
  </div>

  <div class="wfull nowrap">
    <div class="span-3">Độ rộng màn hình</div>
    <?php $width_options = array('normal'=>'Màn hình cơ bản', 'wide'=>'Màn hình rộng') ?>
    <?php echo select_tag('screenwidth', options_for_select($width_options, $screenwidth), array('style'=>'width:240px', 'onChange'=>'changeWidth();')) ?>
  </div>

  <div class="wfull nowrap">
    <div class="span-3">Vị trí cột chức năng</div>
    <?php $side_options = array('left'=>'Bên trái', 'right'=>'Bên phải') ?>
    <?php $side_options += array('left_right'=>'Hai cột hai bên', 'left_left'=>'Hai cột bên trái', 'right_right'=>'Hai cột bên phải') ?>
    <?php echo select_tag('modulepos', options_for_select($side_options, $modulepos), array('style'=>'width:240px', 'onChange'=>'changeColpos();')) ?>
  </div>

  <div class="wfull nowrap">
    <div class="span-3">Banner</div>
    <div class="span-8"><?php echo input_file_tag('banner', array('size'=>35)) ?></div>
    <div class="span-6">(Hỗ trợ JPG, GIF, PNG và SWF-Flash)</div>
  </div>

  <div class="wfull nowrap">
    <div class="span-3">Hình nền</div>
    <div class="span-8"><?php echo input_file_tag('background', array('size'=>35)) ?></div>
    <div class="span-6">(Hỗ trợ JPG, GIF, PNG)</div>
  </div>

  <div class="wfull nowrap">
    <div class="span-3">&nbsp;</div>
    <div class="span-8">
      <div id='bkgnd-settings-title'>
        <?php echo link_to_function('Thiết lập cách hiển thị hình nền...', "Element.hide('bkgnd-settings-title');Element.show('bkgnd-settings');"); ?>
      </div>
      <div id="bkgnd-settings" style="display:none">
        <?php echo link_to_function('Thiết lập cách hiển thị hình nền', "Element.show('bkgnd-settings-title');Element.hide('bkgnd-settings');"); ?>
        <br/>
        <?php echo checkbox_tag('repeat_bkgnd', 'repeat', $repeat_bkgnd).' Lặp ảnh để phủ kín nền<br/>'?>
        <?php echo checkbox_tag('fixed_bkgnd', 'true', $fixed_bkgnd).' Cố định hình nền khi cuộn trang web<br/>'?>
        <?php echo checkbox_tag('no_bkgnd', 1, false, array('onclick'=>'enalbleBkBoxs()')).' Không sử dụng hình nền nữa<br/>'?>
      </div>
    </div>
  </div>

  <div class="wfull nowrap">
    <div class="span-3">Thông tin bản quyền</div>
    <div class="span-8"><?php echo textarea_tag('copyright', $copyright, array('style'=>'width:307px;heigh:20px;')) ?></div>
    <div class="span-7">(VD: Bản quyền trường THCS Tô Hiệu - Hà Nội)</div>
  </div>

  <div class="span-3">&nbsp;</div>
  <div class="span-8"><?php echo submit_tag('Cập nhật', array('style'=>'margin-top:10px; width:100px;')) ?></div>
</form>

<hr>
<h4>Lựa chọn các mẫu trang web</h4>
<?php echo form_tag('/admin/updatelayout') ?>
  <div class="span-3">Các mẫu web</div>
  <div class="span-15">
    <?php foreach (sfConfig::get('mod_admin_standard_theme') as $id => $theme): ?>
      <label class="theme-item" for="<?php echo "theme-item-$id" ?>">
        <?php echo image_tag("/css/layout/$id/thumb.jpg") ?>
        <br>
        <?php echo radiobutton_tag("theme-select", $id, $id==$currentTheme, array('id'=>"theme-item-$id")) ?>
        <?php echo $theme['name'] ?>
      </label>
    <?php endforeach ?>
  </div>

  <div class="span-3">&nbsp;</div>
  <div class="span-8"><?php echo submit_tag('Cập nhật', array('style'=>'margin-top:10px; width:100px;')) ?></div>
</form>
<div class="clear"></div>

<?php $sf_context->getResponse()->addJavascriptCommand("
function enalbleBkBoxs() {
  if ($('no_bkgnd').checked) {
    $('repeat_bkgnd').disable();
    $('fixed_bkgnd').disable();
    $('background').disable();
  } else {
    $('repeat_bkgnd').enable();
    $('fixed_bkgnd').enable();
    $('background').enable();
  }
}
function changeWidth() {
  var width = $('screenwidth').value;
  $('modulepos').value = (width=='normal')? 'left': 'left_right';
}
function changeColpos() {
  var pos = $('modulepos').value;
  $('screenwidth').value = (pos=='left' || pos=='right')? 'normal': 'wide';
}
"); ?>
