@extends('layouts.remark')

@section('content' )

    <!-- Page -->


    <div class="page-header h-170 mb-30">
        <h1 class="page-title mt-20">Achievements</h1>
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="../index.html">Home</a></li>
            <li class="breadcrumb-item"><a href="{{ url('flightops/bids') }}">Flight Briefing</a></li>
            <li class="breadcrumb-item active">Achievements</li>
        </ol>

    </div>


    <div class="page-content container-fluid">
        <div class="row" data-plugin="matchHeight" data-by-row="true">

            @foreach ($achievements as $a)
            <div class="col-xl-4 col-lg-6">
                @if ( \App\PIREP::where('user_id', Auth::user()->id)->count() > 1)
                    <div class="card card-shadow border border-success "
                         @endif
                         class="card card-shadow border border-danger">
                    <div class="card-block px-30 py-20" style="height:calc(100% - 250px);">
                        <div style="position:relative;padding-left:110px;">
                            <a class="avatar avatar-100 bg-white img-bordered" href="javascript:void(0)" style="position:absolute;top:-50px;left:0;">
                                <img src="{{ $a->image }}" alt="">
                            </a>
                            <div class="mb-20">
                                <div class="font-size-20"><strong>{{ $a->name }}</strong></div>
                                <div class="font-size-14">{{ $a->xp }} XP</div>
                            </div>
                        </div>
                        <p>
                            {{ $a->beschreibung }}
                        </p>
                    </div>

                </div>
            </div>
            @endforeach


        </div>
    </div>



    @endsection