a<div ng-controller="SPMO_LM_season_admin" ng-model-options="{updateOn: 'blur'}" style="min-height: 100vh">

	<div class="portlet portlet-boxed text-center" ng-if="!season">
		<div class="portlet-body">
			<h3 style="margin: 0;">Loading season...</h3>
		</div>
	</div>

	<div class="portlet portlet-boxed text-center" ng-if="season && ( season.is_staff === false && season.is_admin === false )">
		<div class="portlet-body">
			<h3 style="margin: 0;">Uh oh, you do not have permission to edit this season...</h3>
		</div>
	</div>

	<section ng-show="season && ( season.is_staff === true || season.is_admin === true )">
	
	<div class="portlet portlet-boxed">
		<div class="portlet-body">
			<div class="row">
				<div class="col-md-8">
					<h4>{{season.label}} Settings</h4>
					<p ng-if="SPORTAMINGO_EMC === true">
						Direct share link:<br> 
						<a href="{{SITEURL}}{{SPORTAMINGO_APP_BASE}}club/{{club_slug}}/season/{{season.slug}}" target="_blank">{{SITEURL}}{{SPORTAMINGO_APP_BASE}}club/{{club_slug}}/season/{{season.slug}}</a>
					</p>
					<p ng-if="SPORTAMINGO_EMC !== true">
						Direct share link:<br> 
						<a href="{{SITEURL}}/season/{{season.slug}}" target="_blank">{{SITEURL}}/season/{{season.slug}}</a>
					</p>
				</div>
			</div>
		</div>
	</div>
	
	<div class=":display:flex">
	    <div class=":width:20%">
	        <div class=":position:sticky :top:15px @mdPadding">
            	<div class=":display:flex :flex-direction:column :background-color:#FFFFFF">
            		<div class="@mdPadding @thinBorder :text-align:center :background-color:#F5F5F5:hover :cursor:pointer" ng-class="{':background-color:#F5F5F5': currentTab == 'configuration'}" ng-click="setCurrentTab('configuration')">
            			Configuration
            		</div>
            		<div class="@mdPadding @thinBorder :text-align:center :background-color:#F5F5F5:hover :cursor:pointer" ng-class="{':background-color:#F5F5F5': currentTab == 'schedule'}" ng-click="setCurrentTab('schedule')">
            	        Schedule
            		</div>
            		<div class="@mdPadding @thinBorder :text-align:center :background-color:#F5F5F5:hover :cursor:pointer" ng-class="{':background-color:#F5F5F5': currentTab == 'teams'}" ng-click="setCurrentTab('teams')">
            			Teams
            		</div>
            		<div class="@mdPadding @thinBorder :text-align:center :background-color:#F5F5F5:hover :cursor:pointer" ng-class="{':background-color:#F5F5F5': currentTab == 'staff-assignments'}" ng-click="setCurrentTab('staff-assignments')">
            			Contest Staff
            		</div>
            		<div class="@mdPadding @thinBorder :text-align:center :background-color:#F5F5F5:hover :cursor:pointer" ng-class="{':background-color:#F5F5F5': currentTab == 'alignments'}" ng-click="setCurrentTab('alignments')">
            		    Alignments
            		</div>
            		<!--
            		<div ng-class="{'active': currentTab == 'staff-assignments'}">
            			<a href="javascript:void(0)"
            				ng-click="setCurrentTab('staff-assignments')">Staff Assignments</a>
            		</div>
            		-->
            		<div class="@mdPadding @thinBorder :text-align:center :background-color:#F5F5F5:hover :cursor:pointer" ng-class="{':background-color:#F5F5F5': currentTab == 'payroll'}" ng-click="setCurrentTab('payroll')">
            		    Payroll
            		</div>
            		<div class="@mdPadding @thinBorder :text-align:center :background-color:#F5F5F5:hover :cursor:pointer" ng-class="{':background-color:#F5F5F5': currentTab == 'polls'}" ng-click="setCurrentTab('polls')">
            		    Polls
            		</div>
            		<div class="@mdPadding @thinBorder :text-align:center :background-color:#F5F5F5:hover :cursor:pointer" ng-class="{':background-color:#F5F5F5': currentTab == 'announcements'}" ng-click="setCurrentTab('announcements')">
            		    Announcements
            		</div>
            	</div>
	        </div>
	    </div>
	    <div class=":width:80% :overflow:scroll">
	        <div class="@mdPadding">
					<div ng-if="currentTab == 'configuration'">
						<div ng-include="partials_URL+'/leagues/season_admin_configuration.html'"></div>
					</div>

					<div ng-if="currentTab == 'teams'">
						<div ng-include="partials_URL+'/leagues/season_admin_teams.html'"></div>
					</div>

					<div ng-if="currentTab == 'schedule'">
						<div ng-include="partials_URL+'/leagues/season_admin_schedule.html'"></div>
					</div>
					
					<div ng-if="currentTab == 'alignments'">
						<div ng-include="partials_URL+'/leagues/season_admin_leagues.html'" style="margin-bottom: 25px"></div>
						<div ng-include="partials_URL+'/leagues/season_admin_divisions.html'" style="margin-bottom: 25px"></div>
						<div ng-include="partials_URL+'/leagues/season_admin_classes.html'" style="margin-bottom: 25px"></div>
					</div>
					
					<div ng-if="currentTab == 'staff-assignments'">
						<div ng-include="partials_URL+'/leagues/season_admin_staff_assignments.html'"></div>
					</div>
					
					<div ng-if="currentTab == 'payroll'">
						<div ng-include="partials_URL+'/leagues/season_admin_payroll.html'"></div>
					</div>
					
					<div ng-if="currentTab == 'announcements'">
						<div ng-include="partials_URL+'/leagues/season_admin_announcements.html'"></div>
					</div>
					
					<div ng-if="currentTab == 'polls'">
						<div ng-include="partials_URL+'/leagues/season_admin_polls.html'"></div>
					</div>
			</div>		
	    </div>
	</div>
	
	</section>
	
	
<div id="importSeasonTeamsModal" class="modal fade effect-scale">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content bd-0 rounded overflow-hidden">
            <div class="modal-header">
                <div class="row">
                    <div class="col-xs-9">
                        <h4 style="margin: 0;">Import Season Config Spreadsheet</h4>
                    </div>
                    <div class="col-xs-3 text-right">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                </div>
            </div>
            <div class="modal-body bg-white">

							<p>Teams, leagues, divisions and classes can now be imported via a spreadsheet!</p>
							
							<p>You can create this in Microsoft Excel or Mac Numbers - the file must be saved as a .csv file to upload correctly.</p>
							
							<p><strong>Important:</strong> Do not include any commas in the table cell data. It may screw up the parsing depending on which character set is active.</p>
							
							<p>A sample file is available here:</p>
				
							<a href="{{SITEURL}}/wp-content/plugins/sportamingo-clubs/files/season_teams_import_starter.csv" target="_self">Download Starter File</a>
				
							<hr />
							
							<h4>Please note some important considerations:</h4>
							
							<p>
								<strong>#1: </strong> When you import your config file it must use the <strong>exact</strong> same format as the starter file. The file will be rejected if the first row does not contain the column headers in the correct order.
							</p>
							
							<p>
								<strong>#2: </strong> The import script will check for teams with the same label and add any that do not currently exist. For teams that do exist we will update the league, division and class assignments.
							</p>
				
							<p>
								<strong>#3: </strong> If a team is assigned to a league, division or class that does not exist already it will be created using the default configuration settings.
							</p>
							
							<hr>
							
							<button type="file" class="btn btn-block btn-primary" ngf-select="uploadSeasonConfigCSV($file, $invalidFiles)" ngf-max-size="20MB">
												  {{uploadSeasonConfigTXT || 'Upload Spreadsheet (.csv format only)'}}</button>
											  <br><br>
											  <div style="font:smaller">{{f.name}} {{errFile.name}} {{errFile.$error}} {{errFile.$errorParam}}
												  <span class="progress" ng-show="f.progress >= 0">
													  <div style="width:{{f.progress}}%"  
														   ng-bind="f.progress + '%'"></div>
												  </span>
											  </div>     
											  {{errorMsg}}
                
            </div>
        </div><!-- modal-content -->
    </div><!-- modal-dialog -->
</div>

	
<div id="importSeasonRostersModal" class="modal fade effect-scale">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content bd-0 rounded overflow-hidden">
            <div class="modal-header">
                <div class="row">
                    <div class="col-xs-9">
                        <h4 style="margin: 0;">Bulk Import Rosters</h4>
                    </div>
                    <div class="col-xs-3 text-right">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                </div>
            </div>
            <div class="modal-body bg-white">

							<p>You can import rosters for multiple teams by uploading the file found below.</p>
							
							<p>A sample file is available here:</p>
				
							<a href="{{SITEURL}}/wp-content/plugins/sportamingo-clubs/files/season_rosters_import_starter.csv" target="_self">Download Starter File - NEED TO ADD</a>
				
							<hr />
							
							<h4>Please note some important considerations:</h4>
							
							<p>
								<strong>#1: </strong> Do this later
							</p>
							
							<hr>
							
							<button type="file" class="btn btn-block btn-primary" ngf-select="bulkImportRostersCSV($file, $invalidFiles)" ngf-max-size="20MB">
												  {{bulkUploadRostersTXT || 'Upload Spreadsheet (.csv format only)'}}</button>
											  <br><br>
											  <div style="font:smaller">{{f.name}} {{errFile.name}} {{errFile.$error}} {{errFile.$errorParam}}
												  <span class="progress" ng-show="f.progress >= 0">
													  <div style="width:{{f.progress}}%"  
														   ng-bind="f.progress + '%'"></div>
												  </span>
											  </div>     
											  {{errorMsg}}
                
            </div>
        </div><!-- modal-content -->
    </div><!-- modal-dialog -->
</div>



<div id="importSeasonStatisticsModal" class="modal fade effect-scale">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content bd-0 rounded overflow-hidden">
            <div class="modal-header">
                <div class="row">
                    <div class="col-xs-9">
                        <h4 style="margin: 0;">Bulk Import Statistics</h4>
                    </div>
                    <div class="col-xs-3 text-right">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                </div>
            </div>
            <div class="modal-body bg-white">

							<p>You can mass import statistics by uploading the file found below.</p>
							
							<p>A sample file is available here:</p>
				
							<a href="{{SITEURL}}/wp-content/plugins/sportamingo-clubs/files/season_rosters_import_starter.csv" target="_self">Download Starter File - NEED TO ADD</a>
				
							<hr />
							
							<h4>Please note some important considerations:</h4>
							
							<p>
								<strong>#1: </strong> Do this later
							</p>
							
							<hr>
							
							<button type="file" class="btn btn-block btn-primary" ngf-select="bulkImportStatisticsCSV($file, $invalidFiles)" ngf-max-size="20MB">
												  {{bulkUploadStatisticsTXT || 'Upload Spreadsheet (.csv format only)'}}</button>
											  <br><br>
											  <div style="font:smaller">{{f.name}} {{errFile.name}} {{errFile.$error}} {{errFile.$errorParam}}
												  <span class="progress" ng-show="f.progress >= 0">
													  <div style="width:{{f.progress}}%"  
														   ng-bind="f.progress + '%'"></div>
												  </span>
											  </div>     
											  {{errorMsg}}
                
            </div>
        </div><!-- modal-content -->
    </div><!-- modal-dialog -->
</div>

<div id="syncCoachesWithClubMembershipModal" class="modal fade effect-scale">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content bd-0 rounded overflow-hidden">
            <div class="modal-header">
                <div class="row">
                    <div class="col-xs-9">
                        <h4 style="margin: 0;">Sync Coaches With Club Membership</h4>
                    </div>
                    <div class="col-xs-3 text-right">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                </div>
            </div>
            <div class="modal-body bg-white">

    	        <p>
				    Clicking the button below will sync the staff members assigned to teams in this league with the club members database.
				</p>
                
    	        <p>
				    This will make it possible to send dynamic emails to staff members using smart groups, issue invoices, etc.
				</p>
                
    	        <p>
				    If a club member record does not exist with the email assigned it will be created.
				</p>
				
				<p>If a club member record exists (matched by email) the coach record will be ignored. This script will NOT overwrite any existing membership data. ie) first and last name, phone number, etc.</p>
                
                <hr>
                
                <div class="form-group">
                    <button class="btn btn-secondary" ng-click="syncCoachesWithClubMemberships()">
                        {{syncCoachesWithClubMembershipsTXT || 'Sync Data'}}
                    </button>
                </div>
                
            </div>
        </div><!-- modal-content -->
    </div><!-- modal-dialog -->
</div>


<div id="importStatisticsConfigModal" class="modal fade effect-scale">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content bd-0 rounded overflow-hidden">
            <div class="modal-header">
                <div class="row">
                    <div class="col-xs-9">
                        <h4 style="margin: 0;">Import Statistics Configuration</h4>
                    </div>
                    <div class="col-xs-3 text-right">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                    </div>
                </div>
            </div>
            <div class="modal-body bg-white">

				<div class="form-group">
				    <label>Copy settings from previous season...</label>
							<select class="form-control" ng-model="seasonToCopyStatisticsFrom"
								ng-change="retrieveSeasonStatisticsConfigJSON(seasonToCopyStatisticsFrom)"
								ng-options="season as season.label for season in season.other_seasons"
								ng-model-options="{updateOn: 'default'}">
							</select>
				</div>
				
				<div class="form-group">
				    <label>Copy/Paste JSON Configuration Below...</label>
				    <textarea class="form-control" ng-model="statisticsConfigToImport" placeholder="Drop JSON in here..." rows="10"></textarea>
				</div>
				
				<div class="form-group">
				    <button class="btn btn-secondary" ng-click="importStatisticsConfiguration()">
				        {{importStatisticsConfigurationTXT || 'Import Statistics Configuration'}}
				    </button>
				</div>
				
            </div>
        </div><!-- modal-content -->
    </div><!-- modal-dialog -->
</div>






</div>