@extends('layouts.admin')
@section('content')

<div class="card">
    <div class="card-header">
        {{ trans('global.show') }} {{ trans('cruds.maintenance.title') }}
    </div>

    <div class="card-body">
        <div class="form-group">
            <div class="form-group">
                <a class="btn btn-default" href="{{ route('admin.maintenances.index') }}">
                    {{ trans('global.back_to_list') }}
                </a>
            </div>
            <table class="table table-bordered table-striped">
                <tbody>
                    <tr>
                        <th>
                            {{ trans('cruds.maintenance.fields.id') }}
                        </th>
                        <td>
                            {{ $maintenance->id }}
                        </td>
                    </tr>
                    <tr>
                        <th>
                            {{ trans('cruds.maintenance.fields.user') }}
                        </th>
                        <td>
                            {{ $maintenance->user->name ?? '' }}
                        </td>
                    </tr>
                    <tr>
                        <th>
                            {{ trans('cruds.maintenance.fields.property') }}
                        </th>
                        <td>
                            {{ $maintenance->property->name ?? '' }}
                        </td>
                    </tr>
                    <tr>
                        <th>
                            {{ trans('cruds.maintenance.fields.unit') }}
                        </th>
                        <td>
                            {{ $maintenance->unit->name ?? '' }}
                        </td>
                    </tr>
                    <tr>
                        <th>Type</th>
                        <td>{{ optional($maintenance->maintenanceType)->name_en ?? '—' }}</td>
                    </tr>
                    <tr>
                        <th>Priority</th>
                        <td>{{ $maintenance->priority ? ucfirst($maintenance->priority) : '—' }}</td>
                    </tr>
                    <tr>
                        <th>Status</th>
                        <td><strong>{{ $maintenance->status ?? 'Submitted' }}</strong></td>
                    </tr>
                    <tr>
                        <th>Reported by (agent)</th>
                        <td>{{ optional($maintenance->reporter)->name ?? '—' }}</td>
                    </tr>
                    <tr>
                        <th>
                            {{ trans('cruds.maintenance.fields.specify') }}
                        </th>
                        <td>
                            {{ $maintenance->specify }}
                        </td>
                    </tr>
                    {{-- Display Images --}}
                    <tr>
                        <th>
                            {{ __('Images') }}
                        </th>
                        <td>
                            @if($maintenance->maintenanceImages && $maintenance->maintenanceImages->isNotEmpty())
                                @foreach($maintenance->maintenanceImages as $image)
                                    <img 
                                        src="{{ asset('storage/' . $image->image_path) }}" 
                                        alt="Maintenance Image" 
                                        style="max-width: 100%; margin: 5px;"
                                    />
                                @endforeach
                            @else
                                <span>{{ __('No images uploaded') }}</span>
                            @endif
                        </td>
                    </tr>
                </tbody>
            </table>
            <div class="form-group">
                <a class="btn btn-default" href="{{ route('admin.maintenances.index') }}">
                    {{ trans('global.back_to_list') }}
                </a>
            </div>
        </div>
    </div>
</div>

@if(session('success'))
    <div class="alert alert-success">{{ session('success') }}</div>
@endif

{{-- Status transition (Pillar 5 / 4.1) --}}
@can('maintenance_edit')
<div class="card">
    <div class="card-header">Update Status</div>
    <div class="card-body">
        <form method="POST" action="{{ route('admin.maintenances.updateStatus', $maintenance->id) }}" class="form-inline">
            @csrf
            <select name="status" class="form-control mr-2">
                @foreach(\App\Models\Maintenance::STATUS_SELECT as $key => $label)
                    <option value="{{ $key }}" {{ ($maintenance->status ?? 'Submitted') === $key ? 'selected' : '' }}>{{ $label }}</option>
                @endforeach
            </select>
            <input type="text" name="note" class="form-control mr-2" placeholder="Note (optional)">
            <button class="btn btn-primary" type="submit">Apply</button>
        </form>
    </div>
</div>
@endcan

{{-- Status timeline / audit trail --}}
<div class="card">
    <div class="card-header">Status History</div>
    <div class="card-body">
        <table class="table table-bordered table-striped">
            <thead><tr><th>When</th><th>From</th><th>To</th><th>By</th><th>Note</th></tr></thead>
            <tbody>
                @forelse($maintenance->statusHistories as $h)
                    <tr>
                        <td>{{ $h->created_at }}</td>
                        <td>{{ $h->from_status ?? '—' }}</td>
                        <td>{{ $h->to_status }}</td>
                        <td>{{ optional($h->changedBy)->name ?? 'System' }}</td>
                        <td>{{ $h->note }}</td>
                    </tr>
                @empty
                    <tr><td colspan="5">No history yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>

{{-- Work logs (accountability: notes / labor / parts) --}}
<div class="card">
    <div class="card-header">Work Logs</div>
    <div class="card-body">
        <table class="table table-bordered table-striped">
            <thead><tr><th>When</th><th>Type</th><th>Description</th><th>Amount</th><th>By</th></tr></thead>
            <tbody>
                @forelse($maintenance->workLogs as $log)
                    <tr>
                        <td>{{ $log->created_at }}</td>
                        <td>{{ \App\Models\MaintenanceWorkLog::TYPE_SELECT[$log->type] ?? $log->type }}</td>
                        <td>{{ $log->description }}</td>
                        <td>{{ $log->amount }}</td>
                        <td>{{ optional($log->loggedBy)->name ?? '—' }}</td>
                    </tr>
                @empty
                    <tr><td colspan="5">No work logged yet.</td></tr>
                @endforelse
            </tbody>
        </table>

        @can('maintenance_edit')
        <form method="POST" action="{{ route('admin.maintenances.addWorkLog', $maintenance->id) }}" class="form-inline mt-2">
            @csrf
            <select name="type" class="form-control mr-2">
                @foreach(\App\Models\MaintenanceWorkLog::TYPE_SELECT as $key => $label)
                    <option value="{{ $key }}">{{ $label }}</option>
                @endforeach
            </select>
            <input type="text" name="description" class="form-control mr-2" placeholder="Description">
            <input type="number" step="0.01" name="amount" class="form-control mr-2" placeholder="Amount">
            <button class="btn btn-primary" type="submit">Add Log</button>
        </form>
        @endcan
    </div>
</div>

@endsection