@extends('admin.layouts.inventory')

@section('title', 'Project media — '.$project->customer_name)

@section('content')
<div class="page-header">
    <h2>Installation photos — {{ $project->customer_name }}</h2>
    <a href="{{ route('admin.inventory.projects.show', $project) }}" class="btn btn-secondary">Back to project</a>
</div>

<p class="muted">Same storage as the mobile app (<code>uploads/{tenant_id}/</code>). Changes sync via project media fields.</p>

@foreach($photoFields as $field => $label)
    <div class="box">
        <h3>{{ $label }}</h3>
        <ul>
            @forelse($media[$field] ?? [] as $index => $url)
                @php $key = app(\App\Services\ProjectMediaService::class)->keysFromField($project->{$field})[$index] ?? ''; @endphp
                <li class="actions">
                    @include('admin.inventory.partials.action_icons', [
                        'view' => $url ?: null,
                        'viewTarget' => '_blank',
                        'delete' => ($editable && $key) ? [
                            'action' => route('admin.inventory.projects.media.destroy', $project),
                            'confirm' => 'Remove?',
                            'label' => 'Remove',
                            'fields' => [
                                'slot' => $field,
                                'key' => $key,
                            ],
                        ] : null,
                    ])
                    <code>{{ $key }}</code>
                </li>
            @empty
                <li class="empty">No photos</li>
            @endforelse
        </ul>
        @if($editable)
            <form method="post" action="{{ route('admin.inventory.projects.media.store', $project) }}" enctype="multipart/form-data">
                @csrf
                <input type="hidden" name="slot" value="{{ $field }}">
                <input type="file" name="file" accept="image/*,.pdf" required>
                <button type="submit" class="btn btn-sm">Add photo</button>
            </form>
        @endif
    </div>
@endforeach

<div class="box">
    <h3>Other documents</h3>
    <ul>
        @forelse($media['other_documents'] ?? [] as $doc)
            <li class="actions">
                @if($doc['url'])
                    <a href="{{ $doc['url'] }}" target="_blank">{{ $doc['name'] }}</a>
                @else
                    {{ $doc['name'] }}
                @endif
                @if($editable && ($doc['key'] ?? ''))
                    @include('admin.inventory.partials.action_icons', [
                        'delete' => [
                            'action' => route('admin.inventory.projects.media.destroy', $project),
                            'confirm' => 'Remove?',
                            'label' => 'Remove',
                            'fields' => [
                                'slot' => 'other_documents',
                                'key' => $doc['key'],
                            ],
                        ],
                    ])
                @endif
            </li>
        @empty
            <li class="empty">No documents</li>
        @endforelse
    </ul>
    @if($editable)
        <form method="post" action="{{ route('admin.inventory.projects.media.store', $project) }}" enctype="multipart/form-data">
            @csrf
            <input type="hidden" name="slot" value="other_documents">
            <label>Name <input type="text" name="name" required></label>
            <input type="file" name="file" required>
            <button type="submit" class="btn btn-sm">Add document</button>
        </form>
    @endif
</div>
@endsection