@extends('layouts.app')
@section('content')
<div>
    <div class="mb-4 text-sm text-gray-500">{{ $project?->name }} › Phases</div>
    <div class="flex items-center justify-between mb-4">
        <h1 class="text-2xl font-semibold">Phases</h1>
        <a href="{{ route('phases.create') }}" class="px-4 py-2 rounded-xl bg-[var(--primary)] text-white">Add Phase</a>
    </div>
    <div class="bg-white rounded-2xl border shadow">
        <table class="min-w-full text-sm">
            <thead class="bg-gray-50">
            <tr>
                <th class="px-4 py-2 text-left"><a href="{{ route('phases.index', ['sort'=>'code','order'=>$order==='asc'?'desc':'asc']) }}">Code</a></th>
                <th class="px-4 py-2 text-left"><a href="{{ route('phases.index', ['sort'=>'name','order'=>$order==='asc'?'desc':'asc']) }}">Name</a></th>
                <th class="px-4 py-2 text-left">Region</th>
                <th class="px-4 py-2 text-left">Status</th>
                <th class="px-4 py-2 text-left"><a href="{{ route('phases.index', ['sort'=>'launch_date','order'=>$order==='asc'?'desc':'asc']) }}">Launch Date</a></th>
                <th class="px-4 py-2 text-left">Actions</th>
            </tr>
            </thead>
            <tbody>
            @forelse($phases as $p)
                <tr class="border-t">
                    <td class="px-4 py-2">{{ $p->code }}</td>
                    <td class="px-4 py-2">{{ $p->name }}</td>
                    <td class="px-4 py-2">{{ $p->region?->name }}</td>
                    <td class="px-4 py-2">
                        @php $c=$p->status==='pre_launch'?'bg-yellow-100 text-yellow-700':($p->status==='active'?'bg-green-100 text-green-700':'bg-gray-100 text-gray-700') @endphp
                        <span class="text-xs px-2 py-1 rounded {{ $c }}">{{ str_replace('_',' ',ucfirst($p->status)) }}</span>
                    </td>
                    <td class="px-4 py-2">{{ $p->launch_date }}</td>
                    <td class="px-4 py-2 space-x-2">
                        <a href="{{ route('phases.edit', $p) }}" class="text-[var(--primary)]">Edit</a>
                        <form method="POST" action="{{ route('phases.destroy', $p) }}" style="display:inline" onsubmit="return confirm('Are you sure?')">
                            @csrf @method('DELETE')
                            <button class="text-red-600">Delete</button>
                        </form>
                    </td>
                </tr>
            @empty
                <tr><td colspan="6" class="px-4 py-8 text-center text-gray-500">No phases</td></tr>
            @endforelse
            </tbody>
        </table>
        <div class="p-4">{{ $phases->links() }}</div>
    </div>
</div>
@endsection