anchor.diff:  					|  to see results.
   	else
   		table.table
  +			col(width=40)
   			col
  -			col(width=100)
   			col(width=100)
   			col(width=100)
   			col(width=100)
   			col(width=100)
   			thead
   				tr
  -					+sortable-th('name.first', 'Player')
  -					+sortable-th('gender', 'Gender')
  -					+sortable-th('age', 'Age')
  -					+sortable-th('games', 'Games')
  -					+sortable-th('wins', 'Wins')
  -					+sortable-th('losses', 'Losses')
  +					th &nbsp;
  +					+sortable-th('rank', 'Player')
  +					+sortable-th('points', 'Points')
  +					+sortable-th('totalGames', 'Games')
  +					+sortable-th('totalWins', 'Wins')
  +					+sortable-th('totalLosses', 'Losses')
   			each player, i in players
   				tr
  +					td.text-center: strong= player.rank
   					td
   						a(href='javascript:;' data-player=player).player-item
   							.ui-table-avatar.ion-person
   							= player.name.full
  -					td= player.genderLabel
  -					td= player.age ? player.age : '--'
  +					td= player.points
   					td= player.totalGames
   					td= player.totalWins
   					td= player.totalLosses
   
   block modal
  -	//- Modal: Add Score
  +	//- Modal: Add Game
   	#modal-score(tabindex="-1", role="dialog", aria-labelledby="modalScore", aria-hidden="true").modal
  -		.modal-dialog
  +		.modal-dialog.modal-lg
   			.modal-content
   				form(method='post' novalidate autocomplete='off').modal-form
  -					input(type='hidden', name='action', value='player.update')
  +					input(type='hidden', name='action', value='game.create')
  +					input(type='hidden', name='winningPlayer')
  +					input(type='hidden', name='losingPlayer')
  +					input(type='hidden', name='winningScore')
  +					input(type='hidden', name='losingScore')
   					.modal-header.text-center
   						button(type="button" data-dismiss="modal" aria-hidden="true").headerbar-button.cancel-button Cancel
  -						.modal-title#modal-player-details-title Add Score
  -						button(type="submit" data-submit-label="Save").headerbar-button.right.is-primary
  -					.g-row
  -						.g-col.g-two-fifths
  -							.player-select-group: .player-1-group.g-row.g-row-sm-gutter
  +						.modal-title#modal-player-details-title Add Game
  +						button(type="submit" data-submit-label="Save" disabled)#game-submit.headerbar-button.right.is-primary
  +					.g-row.modal-body-stretch
  +						.g-col.player-select-column
  +							.player-select-group.modal-body: .player-1-group.g-row.g-row-sm-gutter
   								each player, i in players
  -									.g-col.g-one-third: .player-select: label(class=i==5?'active':null).player-select-button
  +									.g-col.g-one-third: .player-select: label.game-score-button
   										input(type='radio' name='player1' value=player.id).visually-hidden
   										= player.name.first
   							.text-center.mt-2
   								.mini-heading Player 1 Score
  -								input(type='number' value=0).player-score#player-1-score
  -							#player-1-score-slider.js-slider
  -						.g-col.g-one-fifth.text-center.player-vs-divider
  +								input(type='number' name='player1Score' value=0).player-score#player-1-score
  +							.game-score-slider
  +								#player-1-score-slider.js-slider
  +							button(type='button')#set-p1-to-11.game-score-button Set to 11
  +						.g-col.text-center.player-vs-column
   							.player-vs-label VS
  -						.g-col.g-two-fifths
  -							.player-select-group: .player-2-group.g-row.g-row-sm-gutter
  +						.g-col.player-select-column
  +							.player-select-group.modal-body: .player-2-group.g-row.g-row-sm-gutter
   								each player, i in players
  -									.g-col.g-one-third: .player-select: label(class=i==6?'active':null).player-select-button
  +									.g-col.g-one-third: .player-select: label.game-score-button
   										input(type='radio' name='player2' value=player.id).visually-hidden
   										= player.name.first
   							.text-center.mt-2
   								.mini-heading Player 2 Score
  -								input(type='number' value=0).player-score#player-2-score
  -							#player-2-score-slider.js-slider
  +								input(type='number' name='player2Score' value=0).player-score#player-2-score
  +							.game-score-slider
  +								#player-2-score-slider.js-slider
  +							button(type='button')#set-p2-to-11.game-score-button Set to 11
   					//- Not ready for this
   					//- textarea(name='notes' placeholder='Notes (optional)' rows=3).field
   
  
positive.code: 					span.alternator-percentage-value 6%
  
  block content
  	//- PODIUM
  	.podium
  		.podium-rank.podium-rank-second
  			.podium-photo
  				img(src='/images/temp/tuan.jpg').podium-photo-src
  			.podium-text
  				.podium-title 2nd
  				.podium-subtitle Tuan H.
  		.podium-rank.podium-rank-first
  			.podium-photo
  				img(src='/images/temp/john.jpg').podium-photo-src
  			.podium-text
  				.podium-title 1st
  				.podium-subtitle John M.
  		.podium-rank.podium-rank-third
  			.podium-photo
  				img(src='/images/temp/joss.jpg').podium-photo-src
  			.podium-text
  				.podium-title 3rd
  				.podium-subtitle Joss M.
  
  	//- TABLE
  	if !players
  
negative.code: 
  block header
  	.content-header: .app-container: .content-header-inner
  		button(type='button', data-toggle='modal', data-target='#modal-score').btn.btn-secondary.pull-right.mt-1
  			span.ion-plus.mr-5
  			| Add Game
  		.headerbar-label PingPong Champion
  		//- button(type='button', data-toggle='modal', data-target='#modal-score').headerbar-button.right.visible-sm-block
  			span.ion-plus.mr-5
  			| Add Game
  
  //- block sidebar
  	//- .sidebar-section
  		//- .mini-heading
  			//- span.ion-arrow-swap.mr-1
  