@extends('layouts.admin')
@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <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('frontend.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>
                                        {{ trans('cruds.maintenance.fields.specify') }}
                                    </th>
                                    <td>
                                        {{ $maintenance->specify }}
                                    </td>
                                </tr>
                                <tr>
                                    <th>
                                        {{ __('Uploaded Images') }}
                                    </th>
                                    <td>
                                        @if($maintenance->maintenanceImages->isNotEmpty())
                                            @foreach($maintenance->maintenanceImages as $img)
                                                <img 
                                                    src="{{ asset('storage/' . $img->image_path) }}" 
                                                    alt="Maintenance Image"
                                                    style="max-width: 100%; margin-right: 10px;"
                                                />
                                            @endforeach
                                        @else
                                            <p>{{ __('No images uploaded.') }}</p>
                                        @endif
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <div class="form-group">
                            <a class="btn btn-default" href="{{ route('frontend.maintenances.index') }}">
                                {{ trans('global.back_to_list') }}
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection