@extends('layouts.main', ['pageTitle' => 'My Office'])

@section('main-content')
    <section class="main-content-section">
        <div class="nk-block">
            <div class="row gy-gs">
            @if(count(auth()->user()->offices) > 0 )
                @foreach(auth()->user()->offices as $office)

                    <div class="col-md-6 col-lg-3">
                        <div class="nk-wg-card card card-bordered">
                            <div class="card-inner">
                                <div class="nk-iv-wg2">
                                    <div class="nk-iv-wg2-title ">
                                        <h6 class="text-danger">{{ $office->display_name }}</h6>
                                        <small>Status: {{ $office->status ? 'Active' : 'Inactive' }}</small><br>
                                        <small>Users: {{ count($office->users) }}</small>
                                    </div>
                                    <div class="nk-iv-wg2-text">
                                        <div class="nk-iv-wg2-amount"><a href="{{ route('office.view', ['office' => $office->id ]) }}" class="btn btn-warning float-right mr-2">Enter</a></span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div><!-- .card -->
                    </div><!-- .col -->
                    
                @endforeach 
            @else
                <div class="col-lg-12 thin-section-border">
                    <div class="card">
                        <div class="">
                        <h6 class="text-danger text-center">You do not belong to any Office.</h6>
                        </div>
                    </div>
                </div>
            @endif
            </div><!-- .row -->
        </div>
    </section>
@endsection