<?php defined('BASEPATH') or exit('No direct script access allowed'); ?>
<div class="space-y-4 max-w-3xl">
  <div class="flex items-center justify-between">
    <div>
      <h2 class="text-xl font-semibold"><?php echo $project['name']; ?></h2>
      <p class="text-sm text-muted-foreground">Client: <?php echo $project['client']; ?></p>
    </div>
    <a href="<?php echo site_url('projects'); ?>" class="text-sm text-primary hover:underline">Back</a>
  </div>

  <div class="grid grid-cols-1 md:grid-cols-2 gap-4 bg-card border border-border rounded-xl p-4">
    <div class="space-y-2">
      <p class="text-xs text-muted-foreground uppercase tracking-wide">Status</p>
      <span class="px-2 py-1 text-xs rounded-full bg-muted text-muted-foreground"><?php echo $project['status']; ?></span>
    </div>
    <div class="space-y-2">
      <p class="text-xs text-muted-foreground uppercase tracking-wide">Priority</p>
      <p class="font-semibold"><?php echo $project['priority']; ?></p>
    </div>
    <div class="space-y-2">
      <p class="text-xs text-muted-foreground uppercase tracking-wide">Budget</p>
      <p class="font-semibold"><?php echo $project['budget']; ?></p>
    </div>
    <div class="space-y-2">
      <p class="text-xs text-muted-foreground uppercase tracking-wide">Due Date</p>
      <p class="font-semibold"><?php echo $project['due_date']; ?></p>
    </div>
    <div class="md:col-span-2 space-y-2">
      <p class="text-xs text-muted-foreground uppercase tracking-wide">Summary</p>
      <p class="text-sm text-foreground leading-relaxed"><?php echo !empty($project['summary']) ? $project['summary'] : 'No summary provided.'; ?></p>
    </div>
  </div>
</div>