@php
    use App\Traits\TraitInventory\InventoryDropDownTrait;
@endphp

<table class="table table-sm table-bordered mb-0 rounded-2 cl-table" id="data_table">
    <thead>
        <tr>
            <th width="60px" class="text-center cl-fixed-cell" scope="col">{{__('obs.id')}}</th>
            <th scope="col">{{__('obs.cost_center')}}</th>
            <th scope="col">{{__('obs.title')}}</th>
            <th scope="col" class="text-center">{{__('obs.schedule_date')}}</th>
            <th scope="col" class=""> {{__('obs.description')}}</th>
            <th scope="col" class="" style="max-width: 250px;"> {{__('obs.location')}}</th>
            <th scope="col" class="text-center"> {{__('obs.status')}}</th>
            <th scope="col" class="text-center">{{__('obs.participants')}}</th>
            <th scope="col" class="text-center">{{__('obs.outcome')}}</th>
            <th scope="col" class="text-center">{{__('obs.actions')}}</th>
        </tr>
    </thead>
    <tbody id="tbl_body">
        @foreach ($presentations as $key=>$item)
            <tr>
                <td>{{ $key+1 }}</td>
                <td>{{ $item->getCostCenter->name ?? "" }}</td>
                <td>{{ $item->title }}</td>
                <td class="text-center">{{ date('d-m-Y h:i A', strtotime($item->schedule_date)) }}</td>
                <td>{!! $item->description !!}</td>
                <td style="max-width: 250px;">{{ $item->location }}</td>
                <td class="text-center">
                    @foreach (InventoryDropDownTrait::getPresentationStatus() as $status)
                        @if ($item->status == $status->id)
                            <span class="badge text-bg-{{ $status->class }}">{{ $status->name }}</span>
                        @endif
                    @endforeach
                </td>
                <td class="text-center">
                    {!! $item->participants !!}
                </td>
                <td class="text-center">{!! $item->outcome !!}</td>
                <td>
                    <div class="d-flex" style="gap: 0.25rem;">
                        <a href="{{ route('inventory.presentation.edit', ['id' => $item->id]) }}" class="btn btn-info" title="Edit">
                            <i class="bi bi-pencil-fill fs-5"></i>
                        </a>
                        <button onclick="deletePresentation({{$item->id}})" class="btn btn-danger" title="Delete">
                            <i class="bi bi-trash fs-5"></i>
                        </button>
                        <button onclick="setPresentation({{ $item->id }}, {{ $item->status }}, `{{ $item->outcome }}`)" class="btn btn-success" title="Status Update" type="button" data-bs-toggle="modal" data-bs-target="#presentation_complete_modal">
                            <i class="bi bi-ui-checks-grid fs-5"></i>
                        </button>
                    </div>
                </td>
            </tr>
        @endforeach
    </tbody>
</table>