@extends('layouts.layout')

@section('title')
  {{__('About ProcessMaker')}}
@endsection

@section('sidebar')
@include('layouts.sidebar', ['sidebar'=> Menu::get('sidebar_about')])
@endsection

@section('breadcrumbs')
  @include('shared.breadcrumbs', ['routes' => [
      __('About ProcessMaker') => null,
  ]])
@endsection
@section('content')
 <div class="container">
    <div class="row">
      <div class="col-8">
        <div class="card card-body">
        <img class="about-logo" src="/img/processmaker-login.svg" alt="ProcessMaker">
        <hr>
        <div><strong>{{ __('ProcessMaker Platform') }}</strong> {{ $versionTitle }}</div>
        <hr>
        <a href="https://github.com/ProcessMaker/processmaker/issues/new" target="_blank">{{__('Report an issue')}}  <i class="fas fa-caret-right fa-lg float-right mr-1"></i></a>
        <hr>
        <a href="https://docs.processmaker.com/" target="_blank">{{__('Documentation')}}  <i class="fas fa-caret-right fa-lg float-right mr-1"></i></a>
        <hr>
        @if ($packages)
        <h5>{{ __('Packages Installed') }}</h5>
        <ul class="list-group-flush p-0">
            @foreach ($packages as $package)
            <li class="list-group-item">
                <h6><i class="fas fa-puzzle-piece mr-2"></i>{{ ucfirst(trans($package->name)) }}</h6>
                <small>
                  @if (isset($package->description))
                    <div>{{ $package->description }}</div>
                  @endif
                  @if (isset($package->version))
                    <div><strong>Version:</strong> {{ $package->version }}</div>
                  @endif
                </small>
            </li>
          @endforeach
        </ul>
        @endif
        @if ($microServices)
        <div id="ms-section">
          @include('about.microservices')
        </div>
        @endif
        <div><strong>{{ __('Indexed Search') }}</strong>: {{ $indexedSearch ? __('Enabled') : __('Disabled') }}</div>
        <hr>
        &copy;{{date('Y')}}. {{__('All Rights Reserved')}}.
        <br>
        <small>
            Version {{ $versionNumber }}
            @if($commit_hash)
                (Build #{{ $commit_hash }})
            @endif
        </small>
      </div>
    </div>
  </div>
</div>
<script>
async function refreshMs() {
  const update = await (await fetch('?partial=ms')).text();
  const msSection = document.getElementById('ms-section');
  if (!msSection) {
    return;
  }
  msSection.innerHTML = update;
  const hasWaiting = update.indexOf('waiting') > -1;
  if (hasWaiting) {
    setTimeout(refreshMs, 3000);
  }
}
setTimeout(refreshMs, 1000);
</script>
@endsection

@section('css')
<style>
.about-logo {
  max-width: 300px;
}
.waiting {
  width: 1rem;
  height: 1rem;
}
</style>
@endsection