@forelse($case->courtDates as $cd)
<tr>
    <td>{{ optional($cd->scheduled_date)->format('Y-m-d H:i') }}</td>
    <td>{{ $cd->court_name }}</td>
    <td>{{ ucfirst($cd->hearing_type) }}</td>
    <td><span class="badge badge-light">{{ ucfirst($cd->status) }}</span></td>
    <td class="text-right">
        @can('update', $cd)
    <button type="button" class="btn btn-xs btn-outline-primary js-open-courtdate-edit" data-cd="{{ e(json_encode([ 'id'=>$cd->id, 'status'=>$cd->status, 'scheduled_date'=>optional($cd->scheduled_date)?->format('Y-m-d\TH:i'), 'duration_minutes'=>$cd->duration_minutes ])) }}">
            <i class="fas fa-edit"></i>
        </button>
        @endcan
        @can('delete', $cd)
        <form action="{{ route('court-dates.destroy', $cd) }}" method="POST" class="d-inline js-ajax-delete" data-refresh="court-dates" onsubmit="return confirm('Delete this court date?')">
            @csrf
            @method('DELETE')
            <button class="btn btn-xs btn-outline-danger"><i class="fas fa-trash"></i></button>
        </form>
        @endcan
    </td>
</tr>
@empty
<tr><td colspan="5" class="text-center text-muted">No court dates</td></tr>
@endforelse