@extends('inspections.layouts.master')
@section('page_content')
@php
    $image_url = $issue->vehicle->version->image_url;
    $image  = strpos($image_url, 'uploads/vehicle/models') !== false ? $baseUrl."/storage/".$image_url : $image_url ?? 'N/A';
@endphp
<!-- PAGE TITLE -->
<div class="row">
    <div class="col-12">
        <div class="page-title-box d-sm-flex align-items-center justify-content-between">
            <h4 class="mb-sm-0 font-size-18">@lang('translation.sf_menus.inspections.issues')</h4>
            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item">@lang('translation.sf_menus.inspections.main')</li>
                    <li class="breadcrumb-item"><a href="/inspections/issues">@lang('translation.sf_menus.inspections.issues')</a></li>
                    <li class="breadcrumb-item active">@lang('translation.sf_menus.inspections.details')</li>
                </ol>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-xl-3">
        <div class="card">
            <div class="card-body">
                <div class="d-flex mb-4">
                    <h5 class="card-title flex-grow-1 mb-0">@lang('translation.contents.vehicle_details')</h5>
                    <div class="flex-shrink-0">
                        <a href="/vehicles/details/main/{{$issue->vehicle->uuid}}" class="link-secondary">@Lang('translation.view')</a>
                    </div>
                </div>
                <ul class="list-unstyled mb-0 vstack gap-1">
                    <li>
                        <div class="overflow-hidden rounded">
                            <img class="img-fluid w-100" src="{{ URL::asset($image) }}?v={{ time() }}" alt="" >
                        </div>
                    </li>
                    <li><h5 class="fs-16 mt-2">{{ Str::limit($issue->vehicle->name ?: 'N/A', 100, '..') }}</h5></li>
                    <li><i class="mdi mdi-alphabetical-variant me-2 align-middle text-muted fs-16"></i>{{ Str::upper($issue->vehicle->plate_number) }}</li>
                    <li><i class="ri-barcode-box-fill me-2 align-middle text-muted fs-16"></i>{{ Str::upper($issue->vehicle->vin) }}</li>
                    <li><i class="ri-car-fill me-2 align-middle text-muted fs-16"></i>{{$issue->vehicle->version->year->model->brand->name . ' ' . $issue->vehicle->version->year->model->name}}</li>
                    <li><i class="ri-building-line me-2 align-middle text-muted fs-16"></i>{{ $issue->vehicle->lastFleet->fleet->name ?? 'N/A' }}</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="col-xl-9">
        <div class="card">
            <div class="card-body">
                <div class="d-flex mb-4">
                    <h5 class="card-title flex-grow-1 mb-0">@Lang('translation.contents.issue_details')</h5>
                </div>
                <h6 class="text-muted text-uppercase fw-semibold mb-3">@Lang('translation.contents.description')</h6>
                <p class="text-muted mb-4 overview-companydesc">{{$issue->description}}</p>
                <div class="table-responsive table-card">
                    <table class="table table-borderless mb-4">
                        <tbody>
                            <tr>
                                <td class="fw-medium" scope="row">@Lang('translation.contents.priority')</td>
                                <td class="overview-industryType">
                                    @php
                                        $priority = $issue->priority;
                                        list('_text' => $text, '_color' => $color, '_icon' => $icon) =
                                            $priority === 'low' ? ['_text' => __('translation.contents.priority_low'), '_color' => 'success', '_icon' => 'mdi-chevron-up'] :
                                            ($priority === 'medium' ? ['_text' => __('translation.contents.priority_medium'), '_color' => 'warning', '_icon' => 'mdi-chevron-double-up'] :
                                            ['_text' => __('translation.contents.priority_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' !!}
                                </td>
                            </tr>
                            <tr>
                                <td class="fw-medium" scope="row">@Lang('translation.contents.status')</td>
                                <td class="overview-company_location">
                                    @php
                                        $overdueDate = $issue->overdue_date;
                                        $overdueOdometer = $issue->overdue_odometer;
                                        $_text = __('translation.contents.open');
                                        $_color = "info";
                                    
                                        if ($overdueDate !== null || $overdueOdometer !== null) {
                                            if ($overdueDate !== null) {
                                                $overdueDate = new DateTime($overdueDate);
                                                $currentDate = new DateTime();
                                                $difference = floor(($overdueDate->getTimestamp() - $currentDate->getTimestamp()) / (60 * 60 * 24));
                                                
                                                if ($difference < 0) {
                                                    $_text = __('translation.contents.overdue');
                                                    $_color = "danger";
                                                }
                                            }
                                    
                                            if ($overdueOdometer !== null) {
                                                $lastOdometer = $issue->vehicle->lastOdometer->value;
                                                $difference = intval($lastOdometer - $overdueOdometer);
                                    
                                                if ($difference > 0) {
                                                    $_text = __('translation.contents.overdue');
                                                    $_color = "danger";
                                                }
                                            }
                                        }
                                    @endphp
                                    <span class="badge bg-{{ $_color }}-subtle text-{{ $_color }} fs-10">{{ $_text }}</span>                                    
                                </td>
                            </tr>
                            <tr>
                                <td class="fw-medium" scope="row">@Lang('translation.contents.item')</td>
                                <td>{{$issue->itemValue->item->name ?? '-'}}</td>
                            </tr>
                            <tr>
                                <td class="fw-medium" scope="row">@Lang('translation.contents.label')</td>
                                <td>{{$issue->label->name}}</td>
                            </tr>
                            <tr>
                                <td class="fw-medium" scope="row">@Lang('translation.contents.reported_by')</td>
                                <td>{{$issue->reportedBy->name}}</td>
                            </tr>
                            <tr>
                                <td class="fw-medium" scope="row">@Lang('translation.contents.reported_at')</td>
                                <td>{{$issue->formatted_reported_at}}</td>
                            </tr>
                            <tr>
                                <td class="fw-medium" scope="row">{{$issue->odometer != null ? __('translation.contents.odometer') : __('translation.contents.engine_hours')}}</td>
                                <td>{{$issue->odometer != null ? $issue->odometer . ' km': ($issue->engine_hours != null ? $issue->engine_hours : 'N/A')}}</td>
                            </tr>
                            <tr>
                                <td class="fw-medium" scope="row">{{$issue->overdue_date != null ? __('translation.contents.overdue_date') : __('translation.contents.overdue_odometer')}}</td>
                                <td>{{$issue->overdue_date != null ? $issue->formatted_overdue_date : ($issue->overdue_odometer != null ? $issue->overdue_odometer . ' km' : 'N/A') }}</td>
                            </tr>
                            <tr>
                                <td class="fw-medium" scope="row">@Lang('translation.contents.user')</td>
                                <td>{{$issue->user->name}}</td>
                            </tr>
                            @if (count($issue->workOrder) > 0)
                            <tr>
                                <td class="fw-medium" scope="row">@Lang('translation.contents.work_order')</td>
                                <td><a class="fw-bold" href="/work_orders/{{$issue->workOrder->first()->workOrder->id}}" alt="Work order">#{{$issue->workOrder->first()->workOrder->uuid}}</a></td>
                            </tr>
                            @endif
                        </tbody>
                    </table>
                </div>
                @if(auth()->user()->hasPermissionTo('new', "inspections.issues"))
                @if (count($issue->workOrder) == 0)
                <div class="mt-3 text-end work-order-btn-box">
                    <button type="button" class="btn btn-soft-success" data-bs-toggle="modal" data-bs-target="#createWorkOrder">
                        <i class="ri-add-line align-bottom me-1"></i> @Lang('translation.contents.create_work_order')
                    </button>
                </div>
                @endif
                @endif

            </div>
        </div>
    </div>
</div>
<div id="issue_id" data-id="{{ $issue->id }}" style="display: none;"></div>

<div id="createWorkOrder" class="modal fade" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content border-0 overflow-hidden">
            <div class="modal-header">
                <h4 class="card-title">@Lang('translation.contents.work_order')</h4>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form id="workOrderCreateForm" action="{{ route('work_orders.store') }}" method="POST">
                    @csrf
                    <input type="hidden" class="form-control" id="vehicle_detail_id" name="vehicle_detail_id" value="{{$issue->vehicle->uuid}}">
                    <input type="hidden" class="form-control" id="issue_id" name="issue_id" value="{{ $issue->id }}">
                    <div class="row">
                        <div class="mb-3">
                            <label for="label" class="form-label">@Lang('translation.contents.label')</label>
                            <select class="form-control" id="label" name="label">
                                @foreach ($issueLabels as $label)
                                    <option value="{{$label->id}}">{{$label->name}}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-12">
                            <div class="mb-3">
                                <label for="assigned_to" class="form-label">@Lang('translation.contents.assign_to')</label>
                                <select class="form-control" id="assigned_to" name="assigned_to">
                                    @foreach ($users as $user)
                                        <option value="{{$user->id}}">{{$user->name}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="col-12">
                            <div class="mb-3">
                                <label for="assigned_at" class="form-label">@Lang('translation.contents.overdue_at')</label>
                                <input type="text" class="form-control timereported1" id="assigned_at" name="assigned_at">
                            </div>
                        </div>
                    </div>
                    <div class="mb-3">
                        <label for="priority" class="form-label">@Lang('translation.contents.priority')</label>
                        <select class="form-control" id="priority" name="priority">
                            <option value="low">@Lang('translation.contents.priority_low')</option>
                            <option value="medium">@Lang('translation.contents.priority_medium')</option>
                            <option value="high">@Lang('translation.contents.priority_high')</option>
                        </select>
                    </div>
                    <div class="text-end">
                        <button type="button" class="btn btn-soft-primary" data-bs-dismiss="modal">@Lang('translation.cancel')</button>
                        <button type="submit" class="btn btn-soft-secondary">@Lang('translation.add')</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

@endsection 
@section('custom_scripts')
    <script src="{{ URL::asset('build/js/apps/inspections/issue_details.js') }}"></script>
@endsection