@extends('layouts.admin')

@section('title', 'Download assets — '.config('app.name'))
@section('page_title', 'Download assets')

@section('breadcrumbs')
    <li class="breadcrumb-item active">Download assets</li>
@endsection

@section('content')
    <div class="fu-page">
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center flex-wrap gap-2">
                <div>
                    <h5 class="mb-0">Add a file</h5>
                    <p class="fu-lede" style="margin-top:0.35rem">Upload a new file, or register a path that is already in the downloads folder.</p>
                </div>
                <div class="d-flex gap-2 flex-wrap">
                    @can('content.manage')
                        <a href="{{ route('admin.cms.media.index') }}" class="btn btn-sm btn-outline-primary">Media URLs</a>
                    @endcan
                    <a href="{{ route('admin.downloads.acls') }}" class="btn btn-sm btn-outline-primary">Path ACL</a>
                    @can('downloads.reports')
                        <a href="{{ route('admin.downloads.events.index') }}" class="btn btn-sm btn-outline-primary">Activity</a>
                    @endcan
                </div>
            </div>
            <div class="card-body">
                <form method="POST" action="{{ route('admin.downloads.assets.store') }}" enctype="multipart/form-data" data-file-upload>
                    @csrf
                    <div class="fu-layout">
                        <div>
                            <label class="form-label" for="asset_file">File</label>
                            @include('admin.partials.file-drop', [
                                'id' => 'asset_file',
                                'name' => 'file',
                                'required' => false,
                                'hint' => 'Optional if the file is already on disk',
                            ])
                        </div>
                        <div class="fu-grid">
                            <div class="fu-field-span">
                                <label class="form-label" for="relative_path">Storage path</label>
                                <input class="form-control @error('relative_path') is-invalid @enderror" id="relative_path" name="relative_path" data-file-path value="{{ old('relative_path') }}" placeholder="ao/2026H/AO2026H.zip">
                                @error('relative_path')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                                <p class="fu-hint">Use <code>product/version/filename</code>. Choosing a file fills in the filename.</p>
                            </div>
                            <div>
                                <label class="form-label" for="asset_title">Name partners see</label>
                                <input class="form-control" id="asset_title" name="title" data-file-title value="{{ old('title') }}" placeholder="Fully Functional Version">
                            </div>
                            <div>
                                <label class="form-label" for="asset_category">Product / category</label>
                                <input class="form-control" id="asset_category" name="category" value="{{ old('category') }}" list="asset-categories" placeholder="AO">
                                <datalist id="asset-categories">
                                    @foreach ($categories as $cat)
                                        <option value="{{ $cat }}"></option>
                                    @endforeach
                                </datalist>
                            </div>
                            <div class="fu-field-span">
                                <span class="form-label">Download groups</span>
                                @if ($groups->isEmpty())
                                    <p class="fu-hint">No groups yet. Path ACL still controls access.</p>
                                @else
                                    <div class="fu-chips">
                                        @foreach ($groups as $group)
                                            <label class="fu-chip">
                                                <input type="checkbox" name="group_ids[]" value="{{ $group->id }}" @checked(in_array((string) $group->id, array_map('strval', old('group_ids', [])), true))>
                                                <span>{{ $group->name }}</span>
                                            </label>
                                        @endforeach
                                    </div>
                                @endif
                            </div>
                            <div class="fu-field-span fu-toggles">
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="is_internal" value="1" id="is_internal" @checked(old('is_internal'))>
                                    <label class="form-check-label" for="is_internal">Internal only</label>
                                </div>
                                <div class="form-check">
                                    <input class="form-check-input" type="checkbox" name="is_active" value="1" id="is_active" @checked(old('is_active', '1'))>
                                    <label class="form-check-label" for="is_active">Active for partners</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="d-flex justify-content-end mt-4">
                        <button class="btn btn-primary" type="submit">Save file</button>
                    </div>
                </form>
            </div>
        </div>

        <div class="card">
            <div class="card-header">
                <h5 class="mb-0">Library</h5>
            </div>
            <div class="card-body">
                <form class="fu-toolbar" method="GET">
                    <div>
                        <label class="form-label" for="asset_q">Search</label>
                        <input id="asset_q" type="text" name="q" value="{{ request('q') }}" class="form-control" placeholder="Path or title">
                    </div>
                    <div>
                        <label class="form-label" for="asset_category_filter">Category</label>
                        <select id="asset_category_filter" name="category" class="form-select">
                            <option value="">All categories</option>
                            @foreach ($categories as $cat)
                                <option value="{{ $cat }}" @selected(request('category') === $cat)>{{ $cat }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div>
                        <label class="form-label" for="asset_internal">Type</label>
                        <select id="asset_internal" name="internal" class="form-select">
                            <option value="">All types</option>
                            <option value="0" @selected(request('internal') === '0')>Partner files</option>
                            <option value="1" @selected(request('internal') === '1')>Internal docs</option>
                        </select>
                    </div>
                    <button class="btn btn-primary" type="submit">Filter</button>
                </form>
                <div class="table-responsive">
                    <table class="table mb-0">
                        <thead>
                            <tr>
                                <th>Name</th>
                                <th>Path</th>
                                <th>Category</th>
                                <th>Groups</th>
                                <th>Size</th>
                                <th>Status</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($assets as $asset)
                                <tr>
                                    <td>{{ $asset->displayName() }}</td>
                                    <td><code class="small">{{ $asset->relative_path }}</code></td>
                                    <td>{{ $asset->category ?: '—' }}</td>
                                    <td>{{ $asset->groups->pluck('name')->join(', ') ?: '—' }}</td>
                                    <td>{{ $asset->humanSize() ?: '—' }}</td>
                                    <td>
                                        @if (! $asset->is_active)
                                            <span class="fu-badge is-off">Inactive</span>
                                        @elseif ($asset->is_internal)
                                            <span class="fu-badge is-off">Internal</span>
                                        @else
                                            <span class="fu-badge is-on">Active</span>
                                        @endif
                                    </td>
                                </tr>
                            @empty
                                <tr><td colspan="6" class="text-muted">No assets. Import with <code>systronics:import-legacy --only=downloads</code>.</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
                {{ $assets->links() }}
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script src="{{ asset('js/file-upload.js') }}"></script>
@endpush