@extends('frame') 

@section('title', 'The Bad Space | Location Info')

  @section('main-content')
    @parent
    <section>
      <article>
        <h2>Description</h2>
        {{$location->description}}<br />
        <h2>References</h2>
        <h3>Images</h3>
        @if($images != null)
          @foreach($images as $image)
            <a href="/{{$image->path}}" class="location-image" style="background: url(/{{$image->path}}) no-repeat center center / cover #fc6399" />
            </a>
          @endforeach
        @endif
        @php
          $action = $location->block_count + $location->silence_count;
          $rating = ($action / $sources_count)*100;
        @endphp
        <h3>Links</h3>
        <div class="location-rating">
          <div>
            <img class="rating-icon" src="/assets/images/global/heat.svg" title="heat-rating" />
            <span>RATING: {{$rating}}%</span>
          </div>
          <div>
            <img class="rating-icon" src="/assets/images/global/status-silence.svg" title="silenced" />
            <span>SILENCED: {{$location->silence_count}}</span>
          </div>
          <div>
            <img class="rating-icon" src="/assets/images/global/status-suspend.svg" title="suspended" />
            <span>SUSPENDED: {{$location->block_count}}</span>
          </div>
        </div>



        <br />
        Heat Rating is the percentage of <a href="/about#how">Current Sources</a> that have taken action against an instance. The higher the number of Sources that have silenced and/or suspended an instance, the higher the Heat Rating.

        <br />UPDATED : {{$updated}}
      </article>
    </section>
  @endsection