@extends('layouts.app')

@php
$target = config('app.funding.target_eur');
$collected = config('app.funding.collected_eur');
$period = config('app.funding.period');

$percent = ($collected / $target) * 100;
if ($percent == 0) $percent = 1; // make a bit of the green show up
@endphp

@section('content')
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-md-8">
        <h1>Donations</h1>

        <p>
          Donations are most welcome, as this is a non-profit endeavour without ads, and keeping it
          online is not free. Please use <a href="https://www.paypal.me/MightyPork">@icon(fa-paypal) PayPal.me</a> to donate.
        </p>

        <p>
          The donation gauge below indicates how much money we would need to fully cover the hosting
          and domain fees this year.
        </p>

        <div class="m-3">
          <b>
            Funding for {{$period}}, target: {{$target}}&nbsp;€
          </b>
          <div class="progress funding-progress">
            <div class="progress-bar progress-bar-striped bg-success"
                 role="progressbar" style="width: {{$percent}}%" aria-valuenow="{{$percent}}"
                 aria-valuemin="0" aria-valuemax="100">
              <span>{{$collected}}&nbsp;€</span>
            </div>
          </div>
        </div>

        <p>
          The gauge is updated manually and PayPal is not instant either, so don't worry if it takes a bit
          for your donation to show up. If you'd like to be listed as a sponsor, please write it in the
          PayPal note.
        </p>

        <h2>Sponsors</h2>

        <ul>
          <li class="text-muted">Be the first!</li>
        </ul>
      </div>
  </div>
@endsection