@php
    $offset = ($orders->currentPage() - 1) * $orders->perPage();
    // Determinar dirección y clase del icono
    $sortDirection = request('sort_direction', 'desc');
    $sortIcon = $sortDirection === 'asc' ? 'up' : 'down';
@endphp

<table class="table table-bordered table-striped text-center align-middle">
    <thead class="table-primary">
        <tr>
            <th scope="col">#</th>
            <th scope="col">{{ __('order.data.customer') }}</th>
            <th scope="col">{{ __('order.data.start_time') }}</th>
            <th scope="col">
                <div class="d-flex justify-content-center align-items-center gap-1">
                    {{ __('order.data.programmed_date') }}
                    <a href="{{ request()->fullUrlWithQuery(['sort_by' => 'programmed_date', 'sort_direction' => $sortDirection === 'asc' ? 'desc' : 'asc']) }}" 
                       class="text-decoration-none">
                        <i class="bi bi-arrow-{{ $sortIcon }}"></i>
                    </a>
                </div>
            </th>
            <th scope="col">Tipo</th>
            <th scope="col">{{ __('order.data.service') }}</th>
            <th scope="col">{{ __('order.data.status') }}</th>
            <th scope="col">{{ __('buttons.actions') }}</th>
        </tr>
    </thead>
    <tbody>
        @foreach ($orders as $index => $order)
            <tr id="order-{{ $order->id }}">
                <th scope="row" class="text-decoration-underline">{{ $order->folio }}</th>
                <td>{{ $order->customer->name }}</td>
                <td>{{ $order->start_time }}</td>
                <td>{{ $order->programmed_date }}</td>
                <td>{{ $order->contract_id > 0 ? 'MIP' : 'Seguimiento' }}</td>
                <td>
                    @foreach ($order->services as $service)
                        {{ $service->name }} <br>
                    @endforeach
                </td>
                <td class="fw-bold 
                    {{ $order->status_id == 1
                        ? 'text-warning'
                        : ($order->status_id == 2 || $order->status_id == 3
                            ? 'text-primary'
                            : ($order->status_id == 4 || $order->status_id == 5
                                ? 'text-success'
                                : 'text-danger')) }}">
                    {{ $order->status->name }}
                </td>
                <td>
                    <a class="btn btn-info btn-sm"
                        href="{{ route('order.show', ['id' => $order->id, 'section' => 1]) }}">
                        <i class="bi bi-eye-fill"></i> {{ __('buttons.show') }}
                    </a>
                    @can('write_order')
                        <a class="btn btn-secondary btn-sm" href="{{ route('order.edit', ['id' => $order->id]) }}">
                            <i class="bi bi-pencil-square"></i> {{ __('buttons.edit') }}
                        </a>
                        @if ($order->status->id != 6)
                            <a href="{{ route('order.destroy', ['id' => $order->id]) }}" class="btn btn-danger btn-sm"
                                onclick="return confirm('{{ __('messages.are_you_sure') }}')">
                                <i class="bi bi-x-lg"></i> {{ __('buttons.cancel') }}
                            </a>
                        @endif

                        <a class="btn btn-dark btn-sm" href="{{ route('report.review', ['id' => $order->id]) }}">
                            <i class="bi bi-file-pdf-fill"></i> {{ __('buttons.report') }}
                        </a>
                    @endcan
                </td>
            </tr>
        @endforeach
    </tbody>
</table>