@props([
  'title',
  'minimize' => true,
  'maximize' => false,
  'restore' => true,
  'help' => false,
  'close' => true,
])

@php
  if ($restore) {
    $maximize = false;
  }
@endphp

<div {{ $attributes->merge(['class' => 'window']) }}>
  <div class="title-bar">
    @isset($title)
      <div class="title-bar-text">{{ $title }}</div>
    @endisset

    @if ($minimize || $maximize || $restore || $help || $close)
      <div class="title-bar-controls">
        @if ($minimize)
          <button class="minimize" aria-hidden="true"></button>
        @endif

        @if ($maximize)
          <button class="maximize" aria-hidden="true"></button>
        @endif

        @if ($restore)
          <button class="restore" aria-hidden="true"></button>
        @endif

        @if ($help)
          <button class="help" aria-hidden="true"></button>
        @endif

        @if ($close)
          <button class="close" aria-hidden="true"></button>
        @endif
      </div>
    @endif
  </div>

  <div class="window-body">{{ $slot }}</div>

  @isset($status_bar)
    <div class="status-bar">{{ $status_bar }}</div>
  @endisset
</div>