@extends('layouts.appd')
@section('title', $folder->name)

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

    <a href="{{ route('dashboard') }}" class="btn btn-outline-secondary mb-3">
      <i class="bi bi-chevron-left"></i> 返回儀表板
    </a>

    <h4 class="mb-3">
      <i class="bi bi-folder2-open text-warning me-2"></i>{{ $folder->name }}
    </h4>

    <div class="row g-4">
      @foreach ($cards as $card)
        <div class="col-6 col-md-4 col-lg-3">
          @if (isset($card->blade_view) && $card->blade_view)
            @include($card->blade_view, ['card' => $card])
          @else
            <div class="card h-100 shadow-sm">
              <div class="card-body d-flex flex-column align-items-center text-center">
                <i class="bi {{ $card->icon ?? 'bi-app' }} fs-2 mb-2 text-primary"></i>
                <div class="small flex-grow-1">{{ $card->name }}</div>
                @if ($card->route_name)
                  <a href="{{ route($card->route_name) }}" class="btn btn-success w-100 mt-auto">進入</a>
                @endif
              </div>
            </div>
          @endif
        </div>
      @endforeach
    </div>

  </div>
@endsection