<script type="text/javascript">
    $(window).bind('beforeunload', function(event) {
            window.location.href('Includes/tag.cfm');
            });
        </script>

<cfif isDefined("leaveGroupFlag")>
  <cfset StructDelete(Session, "Group")>
<cfquery datasource="portfolio">
delete from diceuser where username = <cfqueryparam value="#session.Nick#">
</cfquery>

</cfif>

<cfif isDefined("Groupname")>
<cfset Session.Group = #groupname#>
<cfset Session.Nick = #Nickname#>

<cfquery datasource="Portfolio">
insert into diceuser (username, currentgroup) values (<cfqueryparam value="#session.Nick#">, <cfqueryparam value="#session.Group#">)
</cfquery>

</cfif>

<cfif not isDefined("Session.Group") >
<div id="joinGroup">
<cfform>
<cfinput type="text" name="GroupName" required="yes" placeholder="Room Name"></br>
<cfinput type="text" name="Nickname" required="yes" placeholder="Nick Name"></br>
<cfinput type="Submit" name="submit" value="Join Room">
</cfform>
</div>

<cfelse>

<div id="diceinput" style="position:absolute; top:100px; left:200px;">
<cfform>
<cfif isDefined("TotalDice")>
<cfinput type="text" mask="9" name="TotalDice"
RANGE = "0,100" required = "Yes"
Value="#TotalDice#">
<cfelse>
<cfinput type="text" mask="9" name="TotalDice"
RANGE = "0,100"
required = "Yes"
placeholder="number of dice">
</cfif>
<cfinput type="Submit" name="submit" value="Roll it!">
</cfform>


<cfif isDefined("TotalDice")>
<cfif TotalDice eq "">
<div id="error">
Please insert a number.
</div>
<cfelse>
<cfset Arraydice=#TotalDice#>

<cfparam name="Succes" default=0>
<cfparam name="Succes2" default=0>
<cfparam name="Botch" default=0>
<cfloop condition="TotalDice not eq 0">
<cfset result = #randRange(1,10)#>
<cfoutput>#result#</cfoutput>
<cfif result eq 10>
<cfset succes=#succes#+2>
<cfset succes2=#succes2#+1>
<cfelseif result gt 6>
<cfset succes=#succes#+1>
<cfelseif result eq 1>
<cfset botch=1>
</cfif>
<cfset TotalDice=#TotalDice#-1>
</cfloop>

<cfif succes EQ 0 and botch EQ 1>
<cfoutput></br>You have <strong>#succes#</strong>(#succes-succes2#) Successes, you <strong>Botched!</strong>. </cfoutput>
<cfquery datasource="Portfolio" name="InsertResult">
insert into diceroller (room, user, result)value (<cfqueryparam value="#Session.Group#">, <cfqueryparam value="#Session.Nick#">, <cfqueryparam value="At #timeformat(now())#, #session.Nick# rolled #arraydice# and got a <strong>Botch</strong>">)
</cfquery>
<cfelse>
<cfoutput></br>You have <strong>#succes#</strong>(#succes-succes2#) Successes. </cfoutput>

<cfquery datasource="Portfolio" name="InsertResult">
insert into diceroller (room, user, result)value (<cfqueryparam value="#Session.Group#">, <cfqueryparam value="#Session.Nick#">, <cfqueryparam value="At #timeformat(now())#, #session.Nick# rolled #arraydice# and got <strong>#succes#</strong>(#succes-succes2#) Successes.">)
</cfquery>

</cfif>
</cfif>
</cfif>
</div>

<div id="previousresult" style="overflow:auto; position:absolute; bottom:40px; height:200px; width:90%; border-style:solid; border-width:3px; border-top-left-radius:20px; padding:15px;">
<cfinclude template="Includes/diceresult.cfm">
</div>
    <script type="text/javascript">
        var auto_refresh = setInterval(
            function()
        {
        $('#previousresult').load('Includes/diceresult.cfm');
        }, 2000);
        </script>

<div id="LeaveGroup">
<cfform><Cfinput type="submit" name="leaveGroupFlag" value="Leave group"></cfform>
</div>

</cfif>