@php
    $status = $workOrder->status;
    $assigned_at = $workOrder->assigned_at;
    $status_text = "New";
    $status_color = "info";
    if ($assigned_at !== null) {
        $overdue_at = new DateTime($assigned_at);
        $currentDate = new DateTime();
        $difference = floor(($overdue_at->getTimestamp() - $currentDate->getTimestamp()) / (60 * 60 * 24));
        
        if ($status == 1 && $difference < 0) {
            $status_text = __('translation.contents.overdue');
            $status_color = "danger";
        } else {
            if($status == 1){
                $status_text = __('translation.contents.new');
                $status_color = "info";
            }
            else if($status == 2){
                $status_text = __('translation.contents.in_progress');
                $status_color = "warning";
            }
            else {
                $status_text = __('translation.contents.completed');
                $status_color = "success";
            }
        }
    }

@endphp
<div>
    <div class="d-flex mb-3">
        <h6 class="card-title mb-0 flex-grow-1">
            #<span class="fw-bolder">{{ $workOrder->uuid }}
        </h6>

        @if ($workOrder->status != 3)
        <div class="flex-shrink-0">
            @if(auth()->user()->hasPermissionTo('new', "work_orders.list"))
            <a href="#" class="btn btn-soft-info btn-sm waves-effect waves-light ms-1 btn--work-order-request-parts" data-id="{{ $workOrder->uuid }}">
                <i class="ri-list-check"></i>
            </a>
            @endif
            @if(auth()->user()->hasPermissionTo('edit', "work_orders.list"))
            <a href="#" class="btn btn-soft-success btn-sm waves-effect waves-light ms-1 btn--work-order-edit" data-id="{{ $workOrder->id }}">
                <i class="ri-edit-line"></i>
            </a>
            @endif
            @if (count($workOrder->WorkOrdersIssuePivot) > 0)
            <a href="/inspections/issues/{{ $workOrder->WorkOrdersIssuePivot[0]->issue_id }}" class="btn btn-soft-danger btn-sm waves-effect waves-light ms-1">
                <i class="ri-error-warning-line"></i>
            </a>
            @endif
        </div>
        @endif
    </div>
    <div class="text-left">
        <ul class="list-unstyled mb-0 vstack gap-1">
            <li title="Label"><i class="ri-price-tag-3-fill me-2 align-middle text-muted fs-16"></i>{{ $workOrder->label->name }}</li>
            <li title="Assigned at"><i class="ri-calendar-2-line me-2 align-middle text-muted fs-16"></i>{{ $workOrder->formatted_assigned_at }}</li>
            <li title="Completed at"><i class="ri-time-fill me-2 align-middle text-muted fs-16"></i>{{ $workOrder->formatted_completed_at ?? '-' }}</li>
            <li title="Priority">
                <i class="mdi mdi-chevron-double-up me-2 align-middle text-muted fs-16"></i>
                @php
                    $priority = $workOrder->priority;
                    list('_text' => $text, '_color' => $color, '_icon' => $icon) =
                        $priority === 'low' ? ['_text' => 'Low', '_color' => 'success', '_icon' => 'mdi-chevron-up'] :
                        ($priority === 'medium' ? ['_text' => 'Medium', '_color' => 'warning', '_icon' => 'mdi-chevron-double-up'] :
                        ['_text' => 'High', '_color' => 'danger', '_icon' => 'mdi-chevron-triple-up']);
                @endphp
                {!! $priority ? '<span class="badge bg-' . $color . '-subtle text-' . $color . ' mb-0">' . '<i class="mdi ' . $icon . ' align-middle"></i> ' . $text . '</span>' : 'N/A' !!}
            </li>
            <li title="Status">
                <i class="mdi mdi-checkbox-marked-circle-outline me-2 align-middle text-muted fs-16"></i>
                <span class="badge bg-{{ $status_color }}-subtle text-{{ $status_color }} fs-10">{{ $status_text }}</span>   
            </li>
            <li>
                <div class="px-2 py-2 mt-1">
                    <p class="mb-1">@Lang('translation.contents.tasks_progress') <span class="float-end">{{$tasksCompleted}}%</span></p>
                    <div class="progress mt-2" style="height: 6px;">
                        <div class="progress-bar progress-bar-striped bg-success" role="progressbar" style="width: {{$tasksCompleted}}%" aria-valuenow="{{$tasksCompleted}}" aria-valuemin="0" aria-valuemax="{{$tasksCompleted}}"></div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>

<div class="py-3 border border-dashed border-start-0 border-end-0 mt-4">
    @include('work_orders.partials.details.assigned_to')                 
</div>

<div class="py-3">
    @include('work_orders.partials.details.vehicle')
</div>

@if(auth()->user()->hasPermissionTo('edit', "work_orders.list"))
<div class="mt-2">
    @if ($workOrder->status == 1 && $status_text != "Overdue")
    <button type="button" class="btn btn-soft-success w-100 btn--work-order-accept" data-id="{{ $workOrder->id }}">
        <i class="ri-check-line me-1 align-bottom"></i> @Lang('translation.contents.accept')
    </button>
    @endif
    @if ($workOrder->status == 2)
    <button type="button" class="btn btn-soft-success w-100 btn--work-order-complete" data-id="{{ $workOrder->id }}" {{ $tasksCompleted < 100 ? 'disabled' : '' }}>
        <i class="ri-check-double-line me-1 align-bottom"></i> @Lang('translation.contents.complete')
    </button>
    @endif
</div>
@endif