@extends('layouts.app')

@section('title', 'Ships - Terminal Operating System')

@section('content')
<div class="row mb-4">
    <div class="col-md-8">
        <h1 class="mb-0">
            <i class="fas fa-anchor"></i> Ships
        </h1>
    </div>
    <div class="col-md-4 text-end">
        <a href="{{ route('ships.create') }}" class="btn btn-primary">
            <i class="fas fa-plus"></i> Add Ship
        </a>
    </div>
</div>

<div class="table-responsive">
    <table class="table table-hover">
        <thead class="table-dark">
            <tr>
                <th>Name</th>
                <th>IMO Number</th>
                <th>Capacity</th>
                <th>Status</th>
                <th>Terminal</th>
                <th>Containers</th>
                <th>Arrival</th>
                <th>Departure</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            @forelse($ships as $ship)
                <tr>
                    <td>
                        <strong>{{ $ship->name }}</strong>
                    </td>
                    <td>{{ $ship->imo_number }}</td>
                    <td>{{ $ship->capacity }}</td>
                    <td>
                        <span class="badge bg-{{ 
                            $ship->status === 'in_port' ? 'info' : 
                            ($ship->status === 'loading' ? 'warning' : 
                            ($ship->status === 'unloading' ? 'primary' : 
                            ($ship->status === 'departed' ? 'danger' : 'secondary')))
                        }}">
                            {{ ucfirst(str_replace('_', ' ', $ship->status)) }}
                        </span>
                    </td>
                    <td>{{ $ship->terminal->name ?? 'N/A' }}</td>
                    <td>{{ $ship->containers->count() }}</td>
                    <td>{{ $ship->arrival_date?->format('M d, Y') ?? 'N/A' }}</td>
                    <td>{{ $ship->departure_date?->format('M d, Y') ?? 'N/A' }}</td>
                    <td>
                        <div class="btn-group" role="group">
                            <a href="{{ route('ships.show', $ship) }}" class="btn btn-sm btn-info" title="View">
                                <i class="fas fa-eye"></i>
                            </a>
                            <a href="{{ route('ships.edit', $ship) }}" class="btn btn-sm btn-warning" title="Edit">
                                <i class="fas fa-edit"></i>
                            </a>
                            <form action="{{ route('ships.destroy', $ship) }}" method="POST" style="display: inline;">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-sm btn-danger" title="Delete" 
                                        onclick="return confirm('Are you sure?')">
                                    <i class="fas fa-trash"></i>
                                </button>
                            </form>
                        </div>
                    </td>
                </tr>
            @empty
                <tr>
                    <td colspan="9" class="text-center py-4">
                        <p class="text-muted mb-0">No ships found</p>
                    </td>
                </tr>
            @endforelse
        </tbody>
    </table>
</div>
@endsection