<%@ Page Title="Server Image Tool" Language="C#" MasterPageFile="~/UGCCNG.Master" AutoEventWireup="true" CodeBehind="serverimagemaker.aspx.cs" Inherits="UGCC_Sharp.serverimagemaker" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
        .style1
        {
            height: 24px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

<div class="panel panel-default">
  <div class="panel-heading">About the server image tool</div>
  <div class="panel-body">
    This page allows you create 
    dynamic server images that show the live status of your 
    game servers.&nbsp; Use them as forum signatures, on your site, where ever.&nbsp; 
    Click the create new button, enter a name and click the &#39;New&#39; 
    button.&nbsp; Then select the item you want to edit in the first drop down box.&nbsp; 
    Choose the texture and font colors you&#39;d like then click &#39;Save&#39; to view an updated 
    preview.&nbsp; When you&#39;re happy with the settings copy the URL text and use 
    it anywhere you&#39;d enter a URL for an image.</div>
</div>
<div class="form-horizontal">
<div class="form-group">
<label class="col-sm-2 control-label">Pick an image</label>
<div class="col-sm-10">
    <asp:DropDownList ID="ddlImages" runat="server" CssClass="form-control" AutoPostBack="True" 
                onselectedindexchanged="ddlImages_SelectedIndexChanged">
    </asp:DropDownList>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">Image preview</label>
<div class="col-sm-10">
    <asp:Image ID="Image1" runat="server" Visible="False" />
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">URL</label>
<div class="col-sm-10">
    <asp:Label ID="lblUrl" runat="server"></asp:Label>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">Banner style</label>
<div class="col-sm-10">
    <asp:DropDownList ID="ddlStyle" runat="server" CssClass="form-control">
                    <asp:ListItem Value="1">Large Horizontal Banner (500x60)</asp:ListItem>
        <asp:ListItem Value="4">Large Horizontal Banner (600x50)</asp:ListItem>
                    <asp:ListItem Value="2">Tiny Horizontal Banner (350x20)</asp:ListItem>
                    <asp:ListItem Value="3">Small Vertical Banner (160x182)</asp:ListItem>
                </asp:DropDownList>
</div>
</div>
<div class="form-group">
<label class="col-sm-2 control-label">Background Image</label>
<div class="col-sm-10">

<div class="input-group">
       <asp:DropDownList ID="ddlTextures" runat="server" CssClass="form-control">
                </asp:DropDownList>
      <span class="input-group-btn">
          <asp:Button ID="Button1" runat="server" CssClass="btn btn-primary" 
                    onclick="Button1_Click" Text="Preview" ToolTip="Preview background images" />
      </span>
    </div><!-- /input-group -->                
</div>
</div>

<div class="form-group">
<label class="col-sm-2 control-label">Server name font color</label>
<div class="col-sm-8">
       <asp:DropDownList ID="ddlNameColor" runat="server" AutoPostBack="True" 
                    CssClass="form-control" 
                    onselectedindexchanged="DropDownList3_SelectedIndexChanged">
                </asp:DropDownList>
</div>
<div class="col-sm-2">
<asp:TextBox ID="txtSrvName" runat="server" CssClass="form-control" placeholder="Color preview" Enabled=false></asp:TextBox>
</div>
</div>

<div class="form-group">
<label class="col-sm-2 control-label">Server details font color</label>
<div class="col-sm-8">
       <asp:DropDownList ID="ddlDetailsColor" runat="server" AutoPostBack="True" 
                    CssClass="form-control" 
                    onselectedindexchanged="DropDownList4_SelectedIndexChanged">
                </asp:DropDownList>
</div>
<div class="col-sm-2">
<asp:TextBox ID="txtSrvDet" runat="server" placeholder="Color preview" Enabled=false CssClass="form-control"></asp:TextBox>
</div>
</div>

<div class="form-group">
<label class="col-sm-2 control-label">Name/Description</label>
<div class="col-sm-10">
    <asp:TextBox ID="txtName" runat="server" CssClass="form-control"></asp:TextBox>
</div>
</div>

</div>
    <br/>

        <asp:Button ID="btnSave" runat="server" CssClass="btn btn-primary" Text="Save" 
            onclick="btnSave_Click" />
    <asp:Button ID="btnDel" runat="server" CssClass="btn btn-warning" Text="Delete" 
        onclick="btnDel_Click" />
    <button type="button" class="btn btn-success" data-toggle="modal" data-target="#myModal">
        Create New
    </button>
    <asp:Button ID="btnReturn" runat="server" Text="Return" CssClass="btn btn-default" OnClick="btnReturn_Click" />
    <!-- Modal -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">New server image profile</h4>
                </div>
                <div class="modal-body">
                    <div class="input-group">
                        <asp:TextBox ID="txtNew" runat="server" CssClass="form-control" placeholder="Enter a name/description for the new image"></asp:TextBox>
                        <span class="input-group-btn">
                            <asp:Button ID="btnNew" runat="server" CssClass="btn btn-default" Text="New" OnClick="btnNew_Click" />
                        </span>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                    
                </div>
            </div>
        </div>
    </div>
    
    </asp:Content>
