phpvms/resources/views/layouts/default/dashboard/index.blade.php

@extends('app')
@section('title', __('common.dashboard'))

@section('content')
  <div class="row">
    <div class="col-sm-8">

      {{-- TOP BAR WITH BOXES --}}
      <div class="row">
        <div class="col-sm-3">
          <div class="card card-primary text-white dashboard-box">
            <div class="card-body text-center">
              <div class="icon-background">
                <i class="fas fa-plane icon"></i>
              </div>
              <h3 class="header">{{ $user->flights }}</h3>
              <h5 class="description">{{ trans_choice('common.flight', $user->flights) }}</h5>
            </div>
          </div>
        </div>

        <div class="col-sm-3">
          <div class="card card-primary text-white dashboard-box">
            <div class="card-body text-center">
              <div class="icon-background">
                <i class="far fa-clock icon"></i>
              </div>
              <h3 class="header">@minutestotime($user->flight_time), {{$user->flight_time}}</h3>
              <h5 class="description">@lang('dashboard.totalhours')</h5>
            </div>
          </div>
        </div>
        <div class="col-sm-3">
          <div class="card card-primary text-white dashboard-box">
            <div class="card-body text-center">
              <div class="icon-background"> {{--110px font-size--}}
                <i class="fas fa-money-bill-alt icon"></i>
              </div>
              <h3 class="header">{{ optional($user->journal)->balance ?? 0 }}</h3>
              <h5 class="description">@lang('dashboard.yourbalance')</h5>
            </div>
          </div>
        </div>

        <div class="col-sm-3">
          <div class="card card-primary text-white dashboard-box">
            <div class="card-body text-center">
              <div class="icon-background">
                <i class="fas fa-map-marker icon"></i>
              </div>
              @if($user->current_airport)
                <h3 class="header">{{ $user->curr_airport_id }}</h3>
              @else
                <h3 class="header">{{ $user->home_airport_id }}</h3>
              @endif
              <h5 class="description">@lang('airports.current')</h5>
            </div>
          </div>
        </div>

      </div>

      <div class="card">
        <div class="nav nav-tabs" role="tablist" style="background: #067ec1; color: #FFF;">
          @lang('dashboard.yourlastreport')
        </div>
        @if($last_pirep === null)
          <div class="card-body" style="text-align:center;">
            @lang('dashboard.noreportsyet') <a
              href="{{ route('frontend.pireps.create') }}">@lang('dashboard.fileonenow')</a>
          </div>
        @else
          @include('pireps.pirep_card', ['pirep' => $last_pirep])
        @endif
      </div>

      {{ Widget::latestNews(['count' => 1]) }}

    </div>

    {{-- Sidebar --}}
    <div class="col-sm-4">
      <div class="card">
        <div class="nav nav-tabs" role="tablist" style="background: #067ec1; color: #FFF;">
          @lang('dashboard.weatherat', ['ICAO' => $current_airport])
        </div>
        <div class="card-body">
          <!-- Tab panes -->
          <div class="tab-content">
            {{ Widget::Weather(['icao' => $current_airport]) }}
          </div>
        </div>
      </div>

      <div class="card">
        <div class="nav nav-tabs" role="tablist" style="background: #067ec1; color: #FFF;">
          @lang('dashboard.recentreports')
        </div>
        <div class="card-body">
          <!-- Tab panes -->
          <div class="tab-content">
            {{ Widget::latestPireps(['count' => 5]) }}
          </div>
        </div>
      </div>

      <div class="card">
        <div class="nav nav-tabs" role="tablist" style="background: #067ec1; color: #FFF;">
          @lang('common.newestpilots')
        </div>
        <div class="card-body">
          <!-- Tab panes -->
          <div class="tab-content">
            {{ Widget::latestPilots(['count' => 5]) }}
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection