{{#each matches}}
<!-- <a href="https://www.brisbanetimes.com.au/sport/cricket/live-scores" target="_blank"> -->
<div data-matchid="{{game_id}}" data-eventstate="{{event_state}}" class="si-scorecard-wrap {{#if event_islinkable}}clickable-match{{/if}} {{#ifCond event_state '==' 'R'~}}
		si-matchCompleted
	{{~else~}}
		{{~#ifCond event_state '==' 'L'~}}
			si-matchLiveTwo
		{{~else~}}
			si-matchUpcmng
		{{/ifCond~}}
	{{/ifCond~}}
	
	">
    <div class="si-scorecard-header si-scrcrd-liveBar si-flexBox">
        <div class="si-scrCrd-title">
            <h1>CRICKET SCORECARD</h1>
        </div>

        <div class="si-scrCrd-matStatus">
            <span><span class="si-default-white">.</span> LIVE</span>
        </div>
    </div>
    <!-- live -->
    <div class="si-scrCd-inWrap si-flexBox">
	<div class="si-scrcd-LiveLeft">
        <div class="si-scrcd-inLeft si-flexBox">
            <div class="si-teamLeft si-flexBox">
                <div class="si-scrCd-teamName">
                    <h2 class=""><span style="display: none">team name</span>{{participants.[0].name}}</h2>
                    
                </div>

                <div class="si-teamFlag" style="background-image:url({{getTeamLogoPath participants.[0].id}});">
                </div>
            </div>
			
			{{#if participants.[0].innings.[0]}}
            <div class="si-teamScrWrap {{#if highlight}}si-highlight{{/if}}">
                {{#ifCond event_state '!=' 'U'}} 
					{{#with participants.[0].innings.[0]}}
					<div class="si-teamScr {{~#ifCond ../event_state '!=' 'R' ~}}{{~#if highlight}} si-teamscr2{{/if}}{{/ifCond}}">
					<p><span style="display:none;">score</span>
						
							{{~#if wickets~}}<span style="display:none;">wicket</span>{{~wickets~}}/{{/if~}}<span style="display:none;">runs</span>{{~runs~}}</p>
						
						
							{{~#ifCond ../event_state '!=' 'R' ~}}
								{{~#if highlight}}<p class="si-nrmFnt si-nrmlFntSize"> <span style="display:none;">over</span>({{~overs}} ov)<span class="si-default-red"></span> </p>{{/if}} 
							{{/ifCond}}
						
					</div>
					{{else}}
					<div class="si-teamScr">
						<span class="si-nrmFnt"></span>
					</div>
					{{/with}}
					{{#with participants.[0].innings.[1]}}
					<div class="si-teamScr {{~#ifCond ../event_state '!=' 'R' ~}}{{~#if highlight}} si-teamscr2{{/if}}{{/ifCond}}">
					<p><span style="display:none;">score</span>
							{{~#if wickets~}}<span style="display:none;">wicket</span>{{~wickets~}}/{{/if~}}<span style="display:none;">runs</span>{{~runs~}}</p>
						
								{{~#ifCond ../event_state '!=' 'R' ~}}
									{{~#if highlight}}<p class="si-nrmFnt si-nrmlFntSize"><span style="display:none;">overs</span>({{~overs}} ov)<span class="si-default-red"></span> </p>{{/if}} 
								{{/ifCond}}
						
					</div>
					{{else}}
						{{#ifCond event_format '==' 'test'}} 
						<div class="si-teamScr">
							<span class="si-nrmFnt"></span>
						</div>
						{{/ifCond}} 
					{{/with}}
				{{/ifCond}}
            </div>
			{{/if}}
        </div>
			
			{{#ifCond event_state '==' 'L'}}
			{{#if participants.[0].highlight}}{{#if participants.[0].players_involved.[0].name}}
			<div class="si-player-LiveScr">
				<div cass="si-plyOne">
				  {{#if participants.[0].players_involved.[0].name}}<p style="display:none;">player name</p><h2>{{participants.[0].players_involved.[0].name}}</h2><h2 class="si-pad">‑</h2> <p style="display:none;">player score</p><h2>{{participants.[0].players_involved.[0].value}}</h2>{{/if}}
				</div>
				<div cass="si-plyTwo">
				 {{#if participants.[0].players_involved.[1].name}} <p style="display:none;">player name</p><h2>{{participants.[0].players_involved.[1].name}}</h2><h2 class="si-pad">‑</h2> <p style="display:none;">player score</p><h2>{{participants.[0].players_involved.[1].value}}</h2> {{/if}}
				</div>
			</div>
			{{/if}}
			{{/if}}
			{{/ifCond}}
		
		</div>

        <div class="si-scrcd-inMid">
            <div><span class="si-scrmid">‑</span></div>
            <div class="si-upcmgscr"><span>vs</span></div>
        </div>
		<div class="si-scrcd-LiveRight">
        <div class="si-scrcd-inRgt si-flexBox si-reverseCol">
            <div class="si-teamLeft si-flexBox si-reverseCol">
                <div class="si-scrCd-teamName">
                    <h2 ><span style="display: none">team name</span>{{participants.[1].name}}</h2>
                    
                </div>

                <div class="si-teamFlag" style="background-image:url({{getTeamLogoPath participants.[1].id}});">
                </div>
            </div>
			
			
			{{#if participants.[1].innings.[0]}}
            <div class="si-teamScrWrap {{#if highlight}}si-highlight{{/if}}">
                {{#ifCond event_state '!=' 'U'}} 
					{{#with participants.[1].innings.[0]}}
						<div class="si-teamScr {{~#ifCond ../event_state '!=' 'R' ~}}{{~#if highlight}} si-teamscr2{{/if}}{{/ifCond}}">
							<span style="display:none;">score</span><p class="{{#if highlight}}active{{/if}}">
							{{~#if wickets~}}<span style="display:none;">wicket</span>{{~wickets~}}/{{/if~}}<span style="display:none;">runs</span>{{~runs~}}
							</p>
							 
								{{~#ifCond ../event_state '!=' 'R' ~}}
									{{~#if highlight}}<p class="si-nrmFnt si-nrmlFntSize"><span style="display:none;">overs</span>({{~overs}} ov)<span class="si-default-red"></span> </p>{{/if}} 
								{{/ifCond}}
							
						</div>
						{{else}}
						<div class="si-teamScr">
							<span class="si-nrmFnt"></span>
						</div>
					{{/with}} 
					
					{{#with participants.[1].innings.[1]}}
						<div class="si-teamScr {{~#ifCond ../event_state '!=' 'R' ~}}{{~#if highlight}} si-teamscr2{{/if}}{{/ifCond}}">
						<p><span style="display:none;">score</span>
							{{~#if wickets~}}<span style="display:none;">wicket</span>{{~wickets~}}/{{/if~}}<span style="display:none;">runs</span>{{~runs~}}</p>
							
									{{~#ifCond ../event_state '!=' 'R' ~}} 
										{{~#if highlight}}<p class="si-nrmFnt si-nrmlFntSize"><span style="display:none;">overs</span>({{~overs}} ov)<span class="si-default-red"></span> {{/if}} </p>
									{{/ifCond}}
							
						</div>
					{{else}}
						{{#ifCond event_format '==' 'test'}} 
							<div class="si-teamScr">
								<span class="si-nrmFnt"></span>
							</div>
						{{/ifCond}} 
					{{/with}}
				{{/ifCond}}
            </div>
			{{/if}}
			
        </div>
		{{#ifCond event_state '==' 'L'}}
			{{#if participants.[1].highlight}}{{#if participants.[1].players_involved.[0].name}}
			<div class="si-player-LiveScr">
				<div cass="si-plyOne">
				  {{#if participants.[1].players_involved.[0].name}}<p style="display:none;">player name</p><h2>{{participants.[1].players_involved.[0].name}}</h2><h2 class="si-pad">‑</h2> <p style="display:none;">player score</p><h2>{{participants.[1].players_involved.[0].value}}</h2>{{/if}}
				</div>
				<div cass="si-plyTwo">
				  {{#if participants.[1].players_involved.[1].name}}<p style="display:none;">player name</p><h2>{{participants.[1].players_involved.[1].name}}</h2><h2 class="si-pad">‑</h2> <p style="display:none;">player score</p><h2>{{participants.[1].players_involved.[1].value}}</h2> {{/if}}
				</div>
			</div>
			{{/if}}
			{{/if}}
			{{/ifCond}}
		</div>
		
		
    </div>


    <div class="si-view-text">
        <p class="si-viewBt">
            <a target="_blank" href="https://www.brisbanetimes.com.au/sport/cricket/live-scores">
            View full scorecard
          </a>
        </p>

        <div class="si-matchTime">
            <span>
		  {{customDate2}}
          </span>
        </div>

        <p class="si-resultTxt">
            <span>
          {{#ifCond event_state '==' 'R'}}
			{{event_sub_status}}
		  {{/ifCond}}
          </span>
        </p>

    </div>

    <p class="si-status-text si-nrmFnt">
        <span>
          {{convert1stToFirstEtc event_name}}
        </span>
    </p>

</div>
<!-- </a> -->
{{else}}

<p class="sift-errorMassase">
    <div class="sift-txt-wrapper"><span>{{../trans.dataNotFound}}</span></div>
</p>


{{/each}}