<?xml version="1.0" encoding="utf-8" ?> 

<component name="PeliculaGridScreen" extends="Group" >
    
    <interface>
        <field id="serie" type="boolean" />
        <field id="screenLabel" type="string" alias="contentLabel.text" />
    </interface>
    
    <!-- main handler -->
    <script type="text/brightscript" uri="pkg:/components/MovieGrid/PeliculaGridScreen.brs" />
    
    <children>

		    <Group id="tList1Group" />
		    <Group id="tList2Group" />
		
		    <Label id="contentLabel" translation="[1296, 981]" font="font:LargeBoldSystemFont" width="600" horizAlign="center" />
		    <Label id="ProgressLabel" translation="[360, 1020]" width="450" horizAlign="center" />
		    
		    <Poster id ="DescriptionBox" translation="[810,660]" width="800" height="309">
		    	<Label id="title" font="font:MediumBoldSystemFont" width="675" />
		    	<Label id="releaseDate"  font="font:SmallestSystemFont" width="675" />
		    	<Label id="description"  font="font:SmallSystemFont" width="675"  wrap="true" lineSpacing="0" numLines="5" />
		    	<Label id="description2"  font="font:SmallSystemFont" width="675"  wrap="true" lineSpacing="0" numLines="2" />
		    </Poster> 

	    
		<DetailsScreen
	      id="DetailsScreen"
	      visible="false" />
	    <Seasons
	    	id="Seasons"
	    	visible="false"/>
	   	<!-- The spinning wheel for when content is loading -->
	    <LoadingIndicator
	      id="LoadingIndicator"
	      imageUri="pkg:/components/LoadingIndicator/loader.png"
	      clockwise="true"
	      spinInterval="2"
	      fadeInterval="0.5"
	      spacing="20"
	      imageWidth="100"
	      text="Loading..."
	      width="1920"
	      height="1080"
	      centered="false"
	      translation="[0, 0]"
	      textPadding="10"
	      font="font:SmallBoldSystemFont"
	      backgroundColor="0x551A8B"
	      backgroundOpacity="0"/>
    </children>
</component>
