{{define "title"}}Settings{{end}}
{{define "body"}}
<div class="row">
  {{if .ErrorMessage}}
    <div class="alert alert-dismissable alert-danger">
      <button type="button" class="close" data-dismiss="alert">×</button>
      {{.ErrorMessage}}
    </div>
  {{end}}
  <div class="col-lg-6 col-lg-offset-1">
    <div class="well">
      <form class="form-horizontal" action="/setup/settings" method="POST">
        <fieldset>
          <legend>Event Settings</legend>
          <div class="form-group">
            <label class="col-lg-5 control-label">Name</label>
            <div class="col-lg-7">
              <input type="text" class="form-control" name="name" value="{{.Name}}">
            </div>
          </div>
          <div class="form-group">
            <label class="col-lg-5 control-label">Code</label>
            <div class="col-lg-7">
              <input type="text" class="form-control" name="code" value="{{.Code}}">
            </div>
          </div>
          <div class="form-group">
            <label class="col-lg-5 control-label">Display Background Color</label>
            <div class="col-lg-7">
              <div class="input-group" id="displayBackgroundColor">
                <input type="text" class="form-control" name="displayBackgroundColor"
                    value="{{.DisplayBackgroundColor}}">
                <span class="input-group-addon"><i></i></span>
              </div>
            </div>
          </div>
          <div class="form-group">
            <label class="col-lg-5 control-label">Number of Alliances</label>
            <div class="col-lg-7">
              <input type="text" class="form-control" name="numElimAlliances" value="{{.NumElimAlliances}}">
            </div>
          </div>
          <div class="form-group">
            <label class="col-lg-5 control-label">Round 2 Selection Order</label>
            <div class="col-lg-7">
              <div class="radio">
                <label>
                  <input type="radio" name="selectionRound2Order" value="F"
                      {{if eq .SelectionRound2Order "F"}}checked{{end}}>
                  First to Last
                </label>
              </div>
              <div class="radio">
                <label>
                  <input type="radio" name="selectionRound2Order" value="L"
                      {{if eq .SelectionRound2Order "L"}}checked{{end}}>
                  Last to First
                </label>
              </div>
            </div>
          </div>
          <div class="form-group">
            <label class="col-lg-5 control-label">Round 3 Selection Order</label>
            <div class="col-lg-7">
              <div class="radio">
                <label>
                  <input type="radio" name="selectionRound3Order" value="F"
                      {{if eq .SelectionRound3Order "F"}}checked{{end}}>
                  First to Last
                </label>
              </div>
              <div class="radio">
                <label>
                  <input type="radio" name="selectionRound3Order" value="L"
                      {{if eq .SelectionRound3Order "L"}}checked{{end}}>
                  Last to First
                </label>
              </div>
              <div class="radio">
                <label>
                  <input type="radio" name="selectionRound3Order" value=""
                      {{if eq .SelectionRound3Order ""}}checked{{end}}>
                  None
                </label>
              </div>
            </div>
          </div>
          <div class="form-group">
            <div class="col-lg-7 col-lg-offset-5">
              <button type="submit" class="btn btn-info">Save</button>
            </div>
          </div>
        </fieldset>
      </form>
    </div>
  </div>
  <div class="col-lg-4">
    <div class="well">
      <legend>Database</legend>
      <p>
        <a href="/setup/db/save"><button class="btn btn-info">Save Copy of Database</button></a>
      </p>
      <p>
        <button class="btn btn-primary"onclick="$('#uploadDatabase').modal('show'); return false;">
          Load Database from Backup
        </button>
      </p>
      <p>
        <button class="btn btn-primary"onclick="$('#confirmClearData').modal('show'); return false;">
          Clear All Match Data
        </button>
      </p>
    </div>
  </div>
</div>
<div id="uploadDatabase" class="modal" style="top: 20%;">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="modal-title">Choose Backup File</h4>
      </div>
      <form class="form-horizontal" action="/setup/db/restore" enctype="multipart/form-data" method="POST">
        <div class="modal-body">
          <p>Select the database file to load from. <b>This will overwrite any existing data.</b></p>
          <input type="file" name="databaseFile">
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
          <button type="submit" class="btn btn-primary">Load Database from Backup</button>
        </div>
      </form>
    </div>
  </div>
</div>
<div id="confirmClearData" class="modal" style="top: 20%;">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="modal-title">Confirm</h4>
      </div>
      <div class="modal-body">
        <p>Are you sure you want to clear all match, ranking, and alliance selection data?</p>
      </div>
      <div class="modal-footer">
        <form class="form-horizontal" action="/setup/db/clear" method="POST">
          <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
          <button type="submit" class="btn btn-primary">Clear All Match Data</button>
        </form>
      </div>
    </div>
  </div>
</div>
{{end}}
{{define "script"}}
<script>
  $(function() {
    $("#displayBackgroundColor").colorpicker();
  });
</script>
{{end}}