@extends('layouts.app')

@section('content')
<div class="container">

    <h1>{{ $organization->name }}</h1>

    <p>
        <a href="{{ action('ServerController@create') }}" 
           class="btn btn-primary btn-sm">
            <i class="fa fa-plus-circle" aria-hidden="true"></i> New server
        </a>
        <a class="btn btn-primary btn-sm"
           href="{{ action("OrganizationController@dashboard",
                       ["organization" => $organization]) }}">
            Dashboard <i class="fas fa-lock ml-2"></i>
        </a>
        <a class="btn btn-primary btn-sm"
           href="{{ route("organization.public.dashboard", [
               "organization" => $organization,
                "token" => $organization->dashboard_token]) }}">
            Public dashboard <i class="fas fa-globe ml-2"></i>
        </a>
        <a class="btn btn-primary btn-sm"
           href="{{ action("OrganizationController@resetToken", [
               "organization" => $organization]) }}">
            <i class="fas fa-redo-alt"></i> Reset dashboard token
        </a>
    </p>
    
    <table class="table table-striped my-5">
        @foreach($organization->servers->sortBy("name") as $server)
        <tr>
            <td>
                <a class="text-decoration-none"
                   href="{{ action('ServerController@show', ['server' => $server]) }}">
                    {{ $server->name }}
                </a>
            </td>
            <td>{!! $server->status()->badge() !!}</td>
            <td>{{ $server->info()->lastRecordTime()->diffForHumans() }}</td>
            <td>{{ $server->info()->memoryTotalForHumans() }}</td>
            <td>{{ $server->info()->vCores() }} vCores</td>
            <td class="text-right">{{ $server->info()->lsb() }}</td>
        </tr>
        @endforeach
    </table>

    <div class="card">
        <div class="card-header">
            Users
        </div>

        <div class="card-body">
            <ul class="list-unstyled">
                @foreach ($organization->users as $user)
                <li>{{ $user->name }}</li>
                @endforeach
            </ul>

            <p>
                <a class="btn btn-primary btn-sm"
                   href="{{ action("OrganizationUserController@create", ["organization" => $organization]) }}">
                    Invite user to organization
                </a>
            </p>
        </div>
    </div>

    <div class="card">
        <div class="card-header">
            Danger zone
        </div>
        <div class="card-body">
            <a class="btn btn-primary"
               href="{{ action('OrganizationController@edit', ['organization' => $organization]) }}">
                 Edit
            </a>

            <form method="POST"
                  action="{{ action('OrganizationController@destroy', ['organization' => $organization]) }}"
                  style="display: inline-block">
                {{ csrf_field() }}
                {{ method_field("DELETE") }}
                <button class="btn btn-danger">
                     Delete
                </button>
            </form>
        </div>
    </div>
</div>
@endsection