<x-layouts.app :title="$keyword->phrase.' — '.__('rankings.title')"><x-customer-shell><nav><ol class="breadcrumb"><li class="breadcrumb-item"><a href="{{route('rankings.index')}}">{{__('rankings.title')}}</a></li><li class="breadcrumb-item active">{{$keyword->phrase}}</li></ol></nav><header class="tp-page-header"><div><p>{{$keyword->project->name}} · {{$keyword->project->domain}}</p><h1>{{$keyword->phrase}}</h1><span>{{$keyword->search_engine->label()}} · {{$countries[$keyword->country_code]}} · {{$languages[$keyword->language_code]}} · {{$keyword->device->label()}}</span></div></header><section class="tp-metric-grid tp-ranking-metrics"><x-metric-card :label="__('rankings.current')" :value="$metrics['current']?'#'.$metrics['current']:'100+'" icon="◎"/><x-metric-card :label="__('rankings.previous')" :value="$metrics['previous']?'#'.$metrics['previous']:'—'" icon="◷"/><x-metric-card :label="__('rankings.best')" :value="$metrics['best']?'#'.$metrics['best']:'—'" icon="★"/><x-metric-card :label="__('rankings.worst')" :value="$metrics['worst']?'#'.$metrics['worst']:'—'" icon="↓"/><x-metric-card :label="__('rankings.measurements')" :value="$metrics['count']" icon="●"/><x-metric-card :label="__('rankings.top10_rate')" :value="$metrics['top10']!==null?$metrics['top10'].'%':null" icon="↗"/></section><section class="tp-panel"><div class="tp-panel-heading"><h2>{{__('rankings.keyword_history')}}</h2></div><div class="table-responsive"><table class="table tp-data-table"><thead><tr><th>{{__('rankings.date')}}</th><th>{{__('rankings.rank')}}</th><th>{{__('rankings.previous')}}</th><th>{{__('rankings.change')}}</th><th>{{__('rankings.status')}}</th><th>{{__('rankings.action')}}</th></tr></thead><tbody>@forelse($rows as $row)<tr><td>{{$row['check']->checked_at->translatedFormat('d M Y H:i')}}</td><td>{{$row['rank']?'#'.$row['rank']:'100+'}}</td><td>{{$row['previous']?'#'.$row['previous']:'—'}}</td><td>{{__('rankings.'.$row['movement'])}}</td><td>{{$row['check']->status->label()}}</td><td><a href="{{route('rankings.checks.show',$row['check'])}}">{{__('rankings.view')}}</a></td></tr>@empty<tr><td colspan="6">{{__('rankings.no_checks')}}</td></tr>@endforelse</tbody></table></div></section></x-customer-shell></x-layouts.app>
