const React = require('react')
const DataGridScores = require('./data-grid-scores')

const cellURL = row => (
	<div style={{ whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis' }}>
		<a target="_blank" rel="noreferrer" href={row.launchPresentationReturnUrl}>
			{row.launchPresentationReturnUrl}
		</a>
	</div>
)

const cellString = selector => {
	const fn = row => <div>{String(row[selector])}</div>
	return fn
}

const columns = [
	{
		name: 'Username',
		selector: 'userUsername',
		sortable: true,
		advanced: true
	},
	{
		name: 'First Name',
		selector: 'userFirstName',
		sortable: true,
		advanced: false
	},
	{
		name: 'Last Name',
		selector: 'userLastName',
		sortable: true,
		advanced: false
	},
	{
		name: 'User Roles',
		selector: 'userRoles',
		sortable: true,
		advanced: true
	},
	{
		name: 'Course ID',
		selector: 'contextId',
		sortable: true,
		advanced: true
	},
	{
		name: 'Course Title',
		selector: 'courseTitle',
		sortable: true,
		advanced: false
	},
	{
		name: 'Resource Link ID',
		selector: 'resourceLinkId',
		sortable: true,
		advanced: true
	},
	{
		name: 'Resource Link Title',
		selector: 'resourceLinkTitle',
		sortable: true,
		advanced: false
	},
	{
		name: 'URL',
		selector: 'launchPresentationReturnUrl',
		cell: cellURL,
		sortable: true,
		advanced: false
	},
	{
		name: 'Draft ID',
		selector: 'draftId',
		sortable: true,
		advanced: true
	},
	{
		name: 'Draft Content ID',
		selector: 'draftContentId',
		sortable: true,
		advanced: true
	},
	{
		name: 'Module Title',
		selector: 'moduleTitle',
		sortable: true,
		advanced: true
	},
	{
		name: 'Assessment ID',
		selector: 'assessmentId',
		sortable: true,
		advanced: true
	},
	{
		name: 'Username',
		selector: 'userUsername',
		sortable: true,
		advanced: true
	},
	{
		name: 'Student Name',
		selector: 'studentName',
		sortable: true,
		advanced: false
	},
	{
		name: 'User Roles',
		selector: 'userRoles',
		sortable: true,
		advanced: true
	},
	{
		name: 'Attempt ID',
		selector: 'attemptId',
		sortable: true,
		advanced: false
	},
	{
		name: 'Imported Attempt ID',
		selector: 'importedAttemptId',
		cell: cellString('importedAttemptId'),
		sortable: true,
		advanced: false
	},
	{
		name: 'Attempt #',
		selector: 'attemptNumber',
		sortable: true,
		advanced: false
	},
	{
		name: 'Attempt Score',
		selector: 'attemptScore',
		cell: cellString('attemptScore'),
		sortable: true,
		advanced: false
	},
	{
		name: 'Assessment Status',
		selector: 'assessmentStatus',
		cell: cellString('assessmentStatus'),
		sortable: true,
		advanced: false
	},
	{
		name: 'Un-modded Assessment Score',
		selector: 'assessmentStatus',
		cell: cellString('unmoddedAssessmentScore'),
		sortable: true,
		advanced: false
	},
	{
		name: 'Mod Reward Total',
		selector: 'modRewardTotal',
		cell: cellString('modRewardTotal'),
		sortable: true,
		advanced: false
	},
	{
		name: 'Assessment Score',
		selector: 'assessmentScore',
		cell: cellString('assessmentScore'),
		sortable: true,
		advanced: false
	},
	{
		name: 'LTI Score Sent',
		selector: 'ltiScoreSent',
		sortable: true,
		advanced: true
	},
	{
		name: 'LTI Status',
		selector: 'ltiStatus',
		sortable: true,
		advanced: true
	},
	{
		name: 'LTI Gradebook Status',
		selector: 'ltiGradebookStatus',
		sortable: true,
		advanced: true
	},
	{
		name: 'Started Time',
		selector: 'createdAt',
		sortable: true,
		advanced: false
	},
	{
		name: 'Submitted Time',
		selector: 'completedAt',
		sortable: true,
		advanced: false
	},
	{
		name: 'Invalid',
		selector: 'isInvalid',
		cell: cellString('isInvalid'),
		sortable: true,
		advanced: true
	},
	{
		name: 'Preview Mode',
		selector: 'isPreview',
		cell: cellString('isPreview'),
		sortable: true,
		advanced: false
	}
]

function DataGridAttempts({
	attempts = [],
	controls,
	filteredRows,
	setFilteredRows,
	isDebouncing
}) {
	return (
		<div className="repository--data-grid-attempts">
			<DataGridScores
				tableName="Attempt Scores"
				csvFileName="attempt-scores"
				columns={columns}
				rows={attempts}
				controls={controls}
				filteredRows={filteredRows}
				setFilteredRows={setFilteredRows}
				isDebouncing={isDebouncing}
			/>
		</div>
	)
}

module.exports = DataGridAttempts