@extends('admin.layouts.master')

@section('title', __('admin.work_orders.show_title'))
@section('css')@endsection

@section('content')
@php
    $statusColors = \App\Models\WorkOrder::statusColors();
    $statusLabels = \App\Models\WorkOrder::statuses();
@endphp
<div class="page-content-wrapper">
    <div class="content-container">
        <div class="page-content">

            <div class="content-header d-flex justify-content-between align-items-center flex-wrap gap-3">
                <div>
                    <h1 class="mb-1">#WO-{{ str_pad((string) $workOrder->id, 5, '0', STR_PAD_LEFT) }}</h1>
                    <p class="text-muted mb-0">{{ __('admin.work_orders.details_title') }}</p>
                </div>
                <div class="d-flex gap-2 flex-wrap">
                    <a href="{{ route('admin.work_orders.edit', $workOrder) }}" class="btn btn-warning">
                        <i class="ti ti-pencil me-1"></i>{{ __('admin.actions.edit') }}
                    </a>
                    <a href="{{ route('admin.work_orders.create', ['project_id' => $workOrder->project_id, 'worker_id' => $workOrder->worker_id]) }}" class="btn btn-outline-primary">
                        <i class="ti ti-copy-plus me-1"></i>{{ __('admin.work_orders.duplicate_action') }}
                    </a>
                    <a href="{{ route('admin.work_orders.index') }}" class="btn btn-outline-secondary">
                        <i class="ti ti-arrow-right me-1"></i>{{ __('admin.actions.back_to_list') }}
                    </a>
                </div>
            </div>

            <div class="row g-3 mb-1">
                <div class="col-xl-3 col-sm-6">
                    <div class="card border-info shadow-sm h-100">
                        <div class="card-body">
                            <p class="text-muted mb-1">{{ __('admin.work_orders.fields.date') }}</p>
                            <h5 class="mb-0">{{ $workOrder->date?->format('Y-m-d') ?: '—' }}</h5>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-sm-6">
                    <div class="card border-success shadow-sm h-100">
                        <div class="card-body">
                            <p class="text-muted mb-1">{{ __('admin.work_orders.fields.amount') }}</p>
                            <h5 class="mb-0 text-success">{{ $workOrder->amount !== null ? number_format((float) $workOrder->amount, 2).' '.__('ر.س') : '—' }}</h5>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-sm-6">
                    <div class="card border-warning shadow-sm h-100">
                        <div class="card-body">
                            <p class="text-muted mb-1">{{ __('admin.work_orders.fields.hours_worked') }}</p>
                            <h5 class="mb-0 text-warning">{{ $workOrder->hours_worked !== null ? number_format((float) $workOrder->hours_worked, 2) : '—' }}</h5>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-sm-6">
                    <div class="card border-primary shadow-sm h-100">
                        <div class="card-body">
                            <p class="text-muted mb-1">{{ __('admin.work_orders.fields.status') }}</p>
                            <h5 class="mb-0"><span class="badge bg-{{ $statusColors[$workOrder->status] ?? 'secondary' }}">{{ $statusLabels[$workOrder->status] ?? $workOrder->status }}</span></h5>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row g-4">
                <div class="col-xl-7 col-12">
                    <div class="card border-0 shadow-sm mb-4">
                        <div class="card-header bg-transparent border-0 pb-0">
                            <h4 class="mb-1">{{ __('admin.work_orders.profile_title') }}</h4>
                            <p class="text-muted mb-0">{{ __('admin.work_orders.profile_hint') }}</p>
                        </div>
                        <div class="card-body">
                            <div class="row g-3">
                                <div class="col-md-6">
                                    <label class="text-muted d-block mb-1">{{ __('admin.work_orders.fields.project_id') }}</label>
                                    <a href="{{ route('admin.projects.show', $workOrder->project) }}" class="fw-semibold">{{ $workOrder->project?->project_name ?: $workOrder->project?->name ?: '—' }}</a>
                                </div>
                                <div class="col-md-6">
                                    <label class="text-muted d-block mb-1">{{ __('admin.work_orders.fields.worker_id') }}</label>
                                    <a href="{{ route('admin.workers.show', $workOrder->worker) }}" class="fw-semibold">{{ $workOrder->worker?->name ?: '—' }}</a>
                                </div>
                                <div class="col-md-6">
                                    <label class="text-muted d-block mb-1">{{ __('admin.work_orders.fields.project_client') }}</label>
                                    <span>{{ $workOrder->project?->client?->name ?: '—' }}</span>
                                </div>
                                <div class="col-md-6">
                                    <label class="text-muted d-block mb-1">{{ __('admin.work_orders.fields.reference_number') }}</label>
                                    <span>#WO-{{ str_pad((string) $workOrder->id, 5, '0', STR_PAD_LEFT) }}</span>
                                </div>
                                <div class="col-12">
                                    <label class="text-muted d-block mb-1">{{ __('admin.work_orders.fields.description') }}</label>
                                    <div class="rounded-3 border bg-light p-3">{{ $workOrder->description }}</div>
                                </div>
                                <div class="col-12">
                                    <label class="text-muted d-block mb-1">{{ __('admin.work_orders.fields.notes') }}</label>
                                    <div class="rounded-3 border p-3">{{ $workOrder->notes ?: '—' }}</div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="card border-0 shadow-sm">
                        <div class="card-header bg-transparent d-flex justify-content-between align-items-center flex-wrap gap-2">
                            <div>
                                <h4 class="mb-1">{{ __('admin.work_orders.related_project_orders_title') }}</h4>
                                <p class="text-muted mb-0">{{ __('admin.work_orders.related_project_orders_hint') }}</p>
                            </div>
                            <a href="{{ route('admin.work_orders.create', ['project_id' => $workOrder->project_id]) }}" class="btn btn-sm btn-outline-primary">
                                <i class="ti ti-plus me-1"></i>{{ __('admin.work_orders.add_for_project') }}
                            </a>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table align-middle mb-0">
                                    <thead>
                                    <tr>
                                        <th>{{ __('admin.work_orders.fields.date') }}</th>
                                        <th>{{ __('admin.work_orders.fields.worker_id') }}</th>
                                        <th>{{ __('admin.work_orders.fields.amount') }}</th>
                                        <th>{{ __('admin.actions.actions') }}</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @forelse($relatedProjectOrders as $relatedOrder)
                                        <tr>
                                            <td>{{ $relatedOrder->date?->format('Y-m-d') ?: '—' }}</td>
                                            <td>{{ $relatedOrder->worker?->name ?: '—' }}</td>
                                            <td>{{ $relatedOrder->amount !== null ? number_format((float) $relatedOrder->amount, 2) : '—' }}</td>
                                            <td>
                                                <a href="{{ route('admin.work_orders.show', $relatedOrder) }}" class="btn btn-sm btn-outline-info">
                                                    <i class="ti ti-eye"></i>
                                                </a>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="4" class="text-center text-muted">{{ __('admin.work_orders.empty_related_project_orders') }}</td>
                                        </tr>
                                    @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xl-5 col-12">
                    <div class="card border-0 shadow-sm mb-4">
                        <div class="card-header bg-transparent border-0 pb-0">
                            <h4 class="mb-1">{{ __('admin.work_orders.stats_title') }}</h4>
                            <p class="text-muted mb-0">{{ __('admin.work_orders.stats_hint') }}</p>
                        </div>
                        <div class="card-body">
                            <div class="row g-3">
                                <div class="col-md-6">
                                    <div class="rounded-3 border bg-light p-3 h-100">
                                        <span class="text-muted small d-block mb-1">{{ __('admin.work_orders.metrics.project_orders_count') }}</span>
                                        <strong>{{ number_format($summary['project_orders_count']) }}</strong>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="rounded-3 border bg-light p-3 h-100">
                                        <span class="text-muted small d-block mb-1">{{ __('admin.work_orders.metrics.worker_orders_count') }}</span>
                                        <strong>{{ number_format($summary['worker_orders_count']) }}</strong>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="rounded-3 border bg-light p-3 h-100">
                                        <span class="text-muted small d-block mb-1">{{ __('admin.work_orders.metrics.project_orders_total') }}</span>
                                        <strong>{{ number_format($summary['project_orders_total'], 2) }} {{ __('ر.س') }}</strong>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="rounded-3 border bg-light p-3 h-100">
                                        <span class="text-muted small d-block mb-1">{{ __('admin.work_orders.metrics.worker_hours_total') }}</span>
                                        <strong>{{ number_format($summary['worker_hours_total'], 2) }}</strong>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="card border-0 shadow-sm mb-4">
                        <div class="card-header bg-transparent d-flex justify-content-between align-items-center flex-wrap gap-2">
                            <h4 class="mb-0">{{ __('admin.work_orders.project_panel_title') }}</h4>
                            <a href="{{ route('admin.projects.show', $workOrder->project) }}" class="btn btn-sm btn-outline-primary">{{ __('admin.work_orders.open_project') }}</a>
                        </div>
                        <div class="card-body">
                            <div class="d-flex flex-column gap-2">
                                <div class="d-flex justify-content-between"><span class="text-muted">{{ __('admin.projects.fields.project_name') }}</span><span>{{ $workOrder->project?->project_name ?: $workOrder->project?->name ?: '—' }}</span></div>
                                <div class="d-flex justify-content-between"><span class="text-muted">{{ __('admin.projects.fields.project_code') }}</span><span>{{ $workOrder->project?->project_code ?: '—' }}</span></div>
                                <div class="d-flex justify-content-between"><span class="text-muted">{{ __('admin.projects.fields.city') }}</span><span>{{ $workOrder->project?->city ?: '—' }}</span></div>
                                <div class="d-flex justify-content-between"><span class="text-muted">{{ __('admin.projects.fields.status') }}</span><span>{{ $workOrder->project?->status ? __('admin.projects.statuses.'.$workOrder->project->status) : '—' }}</span></div>
                            </div>
                        </div>
                    </div>

                    <div class="card border-0 shadow-sm">
                        <div class="card-header bg-transparent d-flex justify-content-between align-items-center flex-wrap gap-2">
                            <div>
                                <h4 class="mb-1">{{ __('admin.work_orders.related_worker_orders_title') }}</h4>
                                <p class="text-muted mb-0">{{ __('admin.work_orders.related_worker_orders_hint') }}</p>
                            </div>
                            <a href="{{ route('admin.work_orders.create', ['worker_id' => $workOrder->worker_id]) }}" class="btn btn-sm btn-outline-warning">
                                <i class="ti ti-plus me-1"></i>{{ __('admin.work_orders.add_for_worker') }}
                            </a>
                        </div>
                        <div class="card-body">
                            <div class="table-responsive">
                                <table class="table align-middle mb-0">
                                    <thead>
                                    <tr>
                                        <th>{{ __('admin.work_orders.fields.date') }}</th>
                                        <th>{{ __('admin.work_orders.fields.project_id') }}</th>
                                        <th>{{ __('admin.work_orders.fields.hours_worked') }}</th>
                                        <th>{{ __('admin.actions.actions') }}</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @forelse($relatedWorkerOrders as $relatedOrder)
                                        <tr>
                                            <td>{{ $relatedOrder->date?->format('Y-m-d') ?: '—' }}</td>
                                            <td>{{ $relatedOrder->project?->project_name ?: $relatedOrder->project?->name ?: '—' }}</td>
                                            <td>{{ $relatedOrder->hours_worked !== null ? number_format((float) $relatedOrder->hours_worked, 2) : '—' }}</td>
                                            <td>
                                                <a href="{{ route('admin.work_orders.show', $relatedOrder) }}" class="btn btn-sm btn-outline-info">
                                                    <i class="ti ti-eye"></i>
                                                </a>
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="4" class="text-center text-muted">{{ __('admin.work_orders.empty_related_worker_orders') }}</td>
                                        </tr>
                                    @endforelse
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
@endsection