pixelfed/resources/views/account/circles/home.blade.php

41 lines
1.5 KiB
PHP

@extends('layouts.app')
@section('content')
<div class="container">
<div class="row">
<div class="col-12 py-5 d-flex justify-content-between align-items-center">
<p class="h1 mb-0"><i class="far fa-circle"></i> Circles</p>
<p class="mb-0"><a class="btn btn-outline-primary font-weight-bold btn-sm py-1" href="{{route('account.circles.create')}}"><i class="far fa-circle"></i> New</a></p>
</div>
<div class="col-12">
<div class="card">
<ul class="list-group list-group-flush">
@foreach($circles as $circle)
<li class="list-group-item py-3">
<div class="row d-flex align-items-center">
<div class="col-md-4">
<p class="h1 font-weight-lighter mb-0">{{$circle->name}}</p>
</div>
<div class="col-md-4 text-center">
@foreach($circle->members()->orderByDesc('created_at')->take(8)->get() as $member)
<a href="{{$member->url()}}"><img src="{{$member->avatarUrl()}}" class="box-shadow rounded-circle ml-n3" width="40px" style="border:3px solid #fff;"></a>
@endforeach
</div>
<div class="col-md-4 text-right">
<span class="font-weight-lighter mb-0 text-muted pr-3">{{$circle->members->count()}} Members</span>
<a class="btn btn-outline-primary btn-sm py-1 font-weight-bold" href="{{$circle->url()}}">View</a>
</div>
</div>
</li>
@endforeach
</ul>
</div>
<div class="d-flex justify-content-center mt-4">
{{$circles->links()}}
</div>
</div>
</div>
</div>
@endsection