extends ../base.pug
include lineup-slot.pug
include ../widgets/availability-progress-bar.pug

block append styles
	link(rel='stylesheet' href='/css/lineup.css')

block pre-scripts
	script(type='text/javascript', src='/js/Sortable.js')

block content
	div(id=`event-lineup-${event.id}`).event-lineup
		.Panel
			.panel-header
				.Panel-title #{event.formattedTitle}
			.Panel-body
				.Panel-row
					p.text-muted.mb-2 #{event.startDate}
					p #{event.locationName}
					+availability-progress-bar(availabilitySummary, team)
				
		.Panel
			.Panel-body
				.Panel-row.Panel-title.u-padXs 
					i.bi.bi-clipboard-check.me-1
					span Starting Lineup
				.Panel-row.Grid.Grid--fit.fw-bold.text-center.u-padXs
					each pos in ["P", "C", "1B", "2B", "3B", "SS", "LF", "CF", "RF", "EH", "DH"]
						.Grid-cell.position-status #{pos}
				.slot-set
					each lineup_entry, i in event_lineup_entries_offense
							+lineup-slot(lineup_entry, i)
		.Panel
			.Panel-body
				.Panel-row.Panel-title.u-padXs 
					i.bi.bi-clipboard-minus.me-1
					span Starting Lineup (Position Only)
				.slot-set
					each lineup_entry, i in event_lineup_entries
						if lineup_entry.label.includes("[PO]")
							+lineup-slot(lineup_entry, i)
		.Panel
			.Panel-body
				.Panel-row.Panel-title.u-padXs 
					i.bi.bi-clipboard.me-1
					span Bench
				.slot-set
					each availability, i in availabilities.filter((a)=>a.eventId==event_id && !context.event_lineup_entries.map((lue)=>lue.memberId).includes(a.memberId) && !a.member.isNonPlayer && a.statusCode!=0 && a.statusCode!==null)
						+lineup-slot(availability, i)
										
		.Panel
			.Panel-body
				.Panel-row.Panel-title.u-padXs 
					i.bi.bi-clipboard-x.me-1
					span Out
				.slot-set
					each availability, i in availabilities.filter((a)=>a.eventId==event_id && !context.event_lineup_entries.map((lue)=>lue.memberId).includes(a.memberId) && !a.member.isNonPlayer && (a.statusCode==0 || a.statusCode===null))
						+lineup-slot(availability, i)
block scripts
	script
		include lineup.js
	script.
		colorPositions();