@extends('layout.main')
@section('body_class', 'pp-studio-home')
@section('content')
<div class="pp-studio" data-studio-workspace>
    <nav class="pp-studio-nav" aria-label="{{ __('Workspace navigation') }}">
        <a href="{{ route('workspace.today', ['company_id'=>$company?->id]) }}" @if($area === 'today') aria-current="page" @endif>{{ __('My day') }}</a>
        @if($canViewPeople)
        <a href="{{ route('workspace.today', ['area'=>'people','company_id'=>$company?->id]) }}" @if($area === 'people') aria-current="page" @endif>{{ __('People atlas') }}</a>
        @endif
        @foreach($navigation as $link)<a href="{{ $link['url'] }}">{{ $link['label'] }}</a>@endforeach
        <a href="{{ route('workspace-search.index') }}" class="pp-studio-search"><i class="fa fa-search" aria-hidden="true"></i> {{ __('Search your workspace') }}</a>
    </nav>

    <header class="pp-studio-intro">
        <div><p class="pp-studio-eyebrow">{{ $company?->company_name ?? __('Your workspace') }}</p>
        <h1>{{ $area === 'people' ? __('Your people, connected.') : __('Welcome back, :name.', ['name'=>auth()->user()->first_name ?: auth()->user()->username]) }}</h1>
        <p>{{ $area === 'people' ? __('Choose a team to see its people and pending reviews.') : __('Your next steps and the people behind them.') }}</p></div>
        @if($companies->count() > 1)
        <form method="get" action="{{ route('workspace.today') }}"><input type="hidden" name="area" value="{{ $area }}"><label for="studio-company">{{ __('Company') }}</label><select name="company_id" id="studio-company" class="form-control">@foreach($companies as $item)<option value="{{ $item->id }}" @selected($company?->id === $item->id)>{{ $item->company_name }}</option>@endforeach</select><button class="btn btn-outline-primary mt-2" type="submit">{{ __('Open workspace') }}</button></form>
        @else<p class="pp-studio-date">{{ now()->translatedFormat('l') }}<strong>{{ now()->format(config('app.date_format')) }}</strong></p>@endif
    </header>

    @if(!$company || ($peopleCount === 0 && $canSetUp))
    <div class="pp-studio-setup"><div><strong>{{ __('Build your team workspace') }}</strong><p>{{ __('Add employees or import your existing team to bring this workspace to life.') }}</p></div>@if($canSetUp)<a class="btn btn-primary" href="{{ route('workspace-setup.index') }}">{{ __('Getting Started') }}</a>@endif</div>
    @endif

    @if($area === 'people' && $canViewPeople && $company)
    <div class="pp-atlas-layout">
        <section aria-labelledby="studio-atlas-heading">
            <div class="pp-studio-section-heading"><h2 id="studio-atlas-heading">{{ __('People atlas') }}</h2><div class="pp-atlas-view" hidden data-atlas-controls><button class="btn btn-sm btn-outline-primary" type="button" data-atlas-mode="map" aria-pressed="true">{{ __('Map') }}</button><button class="btn btn-sm btn-outline-primary" type="button" data-atlas-mode="list" aria-pressed="false">{{ __('List') }}</button></div></div>
            <div class="pp-atlas-map" data-atlas-map data-mode="map">
                <div class="pp-atlas-company"><span>{{ $company->company_name }}</span><strong>{{ number_format($peopleCount) }}</strong><span>{{ __('Active employees') }}</span></div>
                <div class="pp-atlas-teams">
                    @forelse($departments as $team)
                    <a class="pp-atlas-team" href="{{ route('workspace.today', ['area'=>'people','company_id'=>$company->id,'department_id'=>$team->id]) }}" @if($department?->id === $team->id) aria-current="true" @endif><strong>{{ $team->department_name }}</strong><span>{{ trans_choice(':count employee|:count employees', $team->people_count, ['count'=>$team->people_count]) }}</span></a>
                    @empty<p>{{ __('Add a department to organise your team.') }}</p>@endforelse
                </div>
            </div>
        </section>
        <section class="pp-studio-pocket"><div class="pp-studio-section-heading"><div><p class="pp-studio-eyebrow">{{ __('Team in focus') }}</p><h2>{{ $department?->department_name ?? __('Your team') }}</h2></div><strong class="pp-studio-team-count">{{ $department?->people_count ?? 0 }}</strong></div>
            @forelse($people as $person)<div class="pp-studio-person"><span class="pp-studio-initial" aria-hidden="true">{{ mb_substr($person->first_name,0,1) }}{{ mb_substr($person->last_name,0,1) }}</span><div><a href="{{ route('employees.show',$person->id) }}">{{ $person->full_name }}</a><small>{{ $person->designation?->designation_name ?? __('Employee') }}</small></div></div>@empty<p class="text-muted">{{ __('No active employees in this team yet.') }}</p>@endforelse
            @if(($department?->people_count ?? 0)>30)<a href="{{ route('employees.index', ['department_id'=>$department->id,'company_id'=>$company->id]) }}">{{ __('Open employee directory') }}</a>@endif
        </section>
    </div>
    @endif

    <div class="pp-studio-work-grid">
        <section>
            <div class="pp-studio-focus"><div><p class="pp-studio-eyebrow">{{ __('Ready for your review') }}</p><h2>{{ $reviews->isNotEmpty() ? __('Move the next decision forward.') : __('A clear place to start your day.') }}</h2><p>{{ $reviews->isNotEmpty() ? __('Open a request to review its saved details and history.') : __('Your available actions are collected below.') }}</p></div><strong aria-label="{{ __('Requests shown') }}">{{ $reviews->count() }}</strong></div>
            <div class="pp-studio-section-heading"><h2>{{ __('Pending reviews') }}</h2><span>{{ __('Up to 12 oldest requests') }}</span></div>
            @forelse($reviews as $review)<a class="pp-studio-review" href="{{ $review['url'] }}"><span class="pp-studio-initial" aria-hidden="true">{{ mb_substr($review['title'],0,1) }}</span><span><strong>{{ $review['title'] }}</strong><small>{{ $review['kind'] }}</small></span><i class="fa fa-arrow-right" aria-hidden="true"></i></a>@empty<p class="pp-studio-empty">{{ __('No pending requests are available to review in this view.') }}</p>@endforelse
        </section>
        <section class="pp-studio-pocket"><div class="pp-studio-section-heading"><h2>{{ __('Your next steps') }}</h2></div>
            @forelse($myActions as $action)<a class="pp-studio-action" href="{{ $action['route'] }}"><span><strong>{{ __($action['title']) }}</strong><small>{{ __($action['help']) }}</small></span>@if($action['count'])<span class="pp-studio-action-count">{{ $action['count'] }}</span>@endif</a>@empty<p>{{ __('Your available workspaces appear in the navigation above.') }}</p>@endforelse
        </section>
    </div>
</div>
@endsection
@push('scripts')<script src="{{ asset('js/workspace-studio.js') }}?v={{ filemtime(public_path('js/workspace-studio.js')) }}" defer></script>@endpush