@extends('admin.admin_dashboard')
@section('admin')

<div class="page-content">
    <x-chm.layout.page
        title="File Manager"
        subtitle="Upload ZIP archives and share them with selected staff only."
        icon="bx bx-folder"
    >
        <x-slot:breadcrumb>
            <x-chm.breadcrumb-item :href="route('admin.dashboard')">Home</x-chm.breadcrumb-item>
            <x-chm.breadcrumb-item :active="true">File Manager</x-chm.breadcrumb-item>
        </x-slot:breadcrumb>

        <div class="row g-3 mb-4">
            <div class="col-md-3">
                <x-chm.stat-card label="My files here" :value="$myFiles->count()" icon="bx bx-file" color="primary" />
            </div>
            <div class="col-md-3">
                <x-chm.stat-card label="Shared with me" :value="$sharedFiles->count()" icon="bx bx-share-alt" color="warning" />
            </div>
            <div class="col-md-3">
                <x-chm.stat-card label="My storage used" :value="number_format($totalSize / 1024 / 1024, 2).' MB'" icon="bx bx-hdd" color="info" />
            </div>
            <div class="col-md-3">
                <x-chm.stat-card label="Current folder" :value="$folder ?: 'None selected'" icon="bx bx-folder-open" color="success" />
            </div>
        </div>

        <div class="row g-4">
            <div class="col-lg-4">
                <div class="card">
                    <div class="card-body">
                        @if(! $hasFolders)
                            <x-chm.empty-state
                                icon="bx bx-folder-plus"
                                title="Create your first folder"
                                message="Start by creating a personal folder. Files cannot be uploaded to a shared root area."
                            />
                            <form method="POST" action="{{ route('application.files.folders.store') }}" class="mt-3">
                                @csrf
                                <div class="mb-3">
                                    <label class="form-label" for="folder-name">Folder name</label>
                                    <input
                                        type="text"
                                        id="folder-name"
                                        name="name"
                                        class="form-control @error('name') is-invalid @enderror"
                                        value="{{ old('name') }}"
                                        placeholder="e.g. project_reports"
                                        maxlength="100"
                                        required
                                        autofocus
                                    >
                                    <div class="form-text">Letters, numbers, underscores, and hyphens only.</div>
                                    @error('name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                                </div>
                                <button type="submit" class="btn btn-primary w-100">
                                    <i class="bx bx-folder-plus"></i> Create folder
                                </button>
                            </form>
                        @else
                            <h6 class="mb-3">Upload ZIP archives</h6>
                            @if(! $canUpload)
                                <div class="alert alert-warning mb-3">
                                    Select one of your folders below before uploading files.
                                </div>
                            @endif
                            <form method="POST" action="{{ route('application.files.store') }}" enctype="multipart/form-data">
                                @csrf
                                <input type="hidden" name="folder" value="{{ $folder }}">
                                <div class="mb-3">
                                    <label class="form-label">ZIP file(s)</label>
                                    <input type="file" name="files[]" class="form-control @error('files') is-invalid @enderror @error('files.*') is-invalid @enderror" accept=".zip,application/zip,application/x-zip-compressed" multiple required @disabled(! $canUpload)>
                                    <div class="form-text">Up to 10 archives, 500 MB each.</div>
                                    @error('files')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                                    @error('files.*')<div class="invalid-feedback d-block">{{ $message }}</div>@enderror
                                    @error('folder')<div class="text-danger small">{{ $message }}</div>@enderror
                                </div>
                                <div class="mb-3">
                                    <label class="form-label">Share with</label>
                                    @include('admin.application.files.partials.share-with-picker', [
                                        'staffUsers' => $staffUsers,
                                        'selectedIds' => old('share_with', []),
                                        'idPrefix' => 'share',
                                    ])
                                    <div class="form-text">Only selected people can view and download these files.</div>
                                    @error('share_with')<div class="text-danger small">{{ $message }}</div>@enderror
                                    @error('share_with.*')<div class="text-danger small">{{ $message }}</div>@enderror
                                </div>
                                <button type="submit" class="btn btn-primary w-100" @disabled(! $canUpload || $staffUsers->isEmpty())>
                                    <i class="bx bx-upload"></i> Upload &amp; share
                                </button>
                            </form>

                            <hr>
                            <h6 class="mb-2">My folders</h6>
                            <div class="d-grid gap-1">
                                @foreach($folders as $f)
                                    <a href="{{ route('application.files.index', ['folder' => $f, 'view' => 'mine']) }}" class="btn btn-sm {{ $folder === $f ? 'btn-primary' : 'btn-outline-secondary' }} text-start">{{ $f }}</a>
                                @endforeach
                            </div>
                            <form method="POST" action="{{ route('application.files.folders.store') }}" class="mt-3">
                                @csrf
                                <label class="form-label small mb-1">Add another folder</label>
                                <div class="input-group input-group-sm">
                                    <input type="text" name="name" class="form-control @error('name') is-invalid @enderror" placeholder="new_folder" maxlength="100" value="{{ old('name') }}" required>
                                    <button class="btn btn-outline-primary" type="submit">Create</button>
                                </div>
                                @error('name')<div class="text-danger small">{{ $message }}</div>@enderror
                            </form>
                        @endif
                    </div>
                </div>
            </div>

            <div class="col-lg-8">
                <ul class="nav nav-tabs mb-3">
                    <li class="nav-item">
                        <a class="nav-link {{ $view === 'mine' ? 'active' : '' }}" href="{{ route('application.files.index', array_filter(['folder' => $folder ?: null, 'view' => 'mine'])) }}">
                            My uploads
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link {{ $view === 'shared' ? 'active' : '' }}" href="{{ route('application.files.index', ['view' => 'shared']) }}">
                            Shared with me
                            @if($sharedFiles->count())
                                <span class="badge bg-warning text-dark ms-1">{{ $sharedFiles->count() }}</span>
                            @endif
                        </a>
                    </li>
                    @if(auth()->user()->isSuperUser() || $pendingFiles->count())
                        <li class="nav-item">
                            <a class="nav-link {{ $view === 'pending' ? 'active' : '' }}" href="{{ route('application.files.index', ['view' => 'pending']) }}">
                                {{ auth()->user()->isSuperUser() ? 'Deletion queue' : 'Pending deletion' }}
                                @if($pendingFiles->count())
                                    <span class="badge bg-danger ms-1">{{ $pendingFiles->count() }}</span>
                                @endif
                            </a>
                        </li>
                    @endif
                </ul>

                @if($view === 'pending')
                    <div class="card">
                        <div class="card-body p-0">
                            @if($pendingFiles->isEmpty())
                                <div class="p-4">
                                    <x-chm.empty-state
                                        icon="bx bx-trash"
                                        title="No pending deletions"
                                        :message="auth()->user()->isSuperUser()
                                            ? 'Staff deletion requests will appear here for your approval before files are permanently removed.'
                                            : 'Files you request for deletion will appear here while awaiting administrator approval.'"
                                    />
                                </div>
                            @else
                                <div class="table-responsive">
                                    <table class="table table-hover mb-0 chm-table">
                                        <thead>
                                            <tr>
                                                <th>Name</th>
                                                @if(auth()->user()->isSuperUser())
                                                    <th>Owner</th>
                                                @endif
                                                <th>Requested by</th>
                                                <th>Requested</th>
                                                <th>Size</th>
                                                <th></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($pendingFiles as $file)
                                                <tr>
                                                    <td>
                                                        <i class="bx bx-archive me-1"></i>{{ $file->original_name }}
                                                        <span class="badge bg-warning text-dark ms-1">Pending approval</span>
                                                    </td>
                                                    @if(auth()->user()->isSuperUser())
                                                        <td>{{ $file->user->name ?? 'Unknown' }}</td>
                                                    @endif
                                                    <td>{{ $file->deletionRequestedBy->name ?? 'Unknown' }}</td>
                                                    <td>{{ $file->deletion_requested_at?->format('M j, Y g:i A') ?? '—' }}</td>
                                                    <td>{{ $file->size >= 1048576 ? number_format($file->size / 1048576, 2).' MB' : number_format($file->size / 1024, 1).' KB' }}</td>
                                                    <td class="text-end text-nowrap">
                                                        <a href="{{ route('application.files.download', $file->id) }}" class="btn btn-sm btn-outline-primary"><i class="bx bx-download"></i></a>
                                                        @if(auth()->user()->isSuperUser())
                                                            <form method="POST" action="{{ route('application.files.force-destroy', $file->id) }}" class="d-inline chm-confirm-delete-form" data-confirm-text="Permanently delete this file? This cannot be undone.">
                                                                @csrf @method('DELETE')
                                                                <button type="submit" class="btn btn-sm btn-danger"><i class="bx bx-trash"></i> Delete permanently</button>
                                                            </form>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            @endif
                        </div>
                    </div>
                @elseif($view === 'shared')
                    <div class="card">
                        <div class="card-body p-0">
                            @if($sharedFiles->isEmpty())
                                <div class="p-4">
                                    <x-chm.empty-state icon="bx bx-share-alt" title="Nothing shared yet" message="Files that colleagues share with you will appear here." />
                                </div>
                            @else
                                <div class="table-responsive">
                                    <table class="table table-hover mb-0 chm-table">
                                        <thead>
                                            <tr>
                                                <th>Name</th>
                                                <th>Shared by</th>
                                                <th>Size</th>
                                                <th>Uploaded</th>
                                                <th></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($sharedFiles as $file)
                                                <tr>
                                                    <td><i class="bx bx-archive me-1"></i>{{ $file->original_name }}</td>
                                                    <td>{{ $file->user->name ?? 'Unknown' }}</td>
                                                    <td>{{ $file->size >= 1048576 ? number_format($file->size / 1048576, 2).' MB' : number_format($file->size / 1024, 1).' KB' }}</td>
                                                    <td>{{ $file->created_at->format('M j, Y') }}</td>
                                                    <td class="text-end">
                                                        <a href="{{ route('application.files.download', $file->id) }}" class="btn btn-sm btn-outline-primary"><i class="bx bx-download"></i></a>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            @endif
                        </div>
                    </div>
                @else
                    <div class="card">
                        <div class="card-body p-0">
                            @if(! $hasFolders)
                                <div class="p-4">
                                    <x-chm.empty-state
                                        icon="bx bx-folder-plus"
                                        title="No folder yet"
                                        message="Create a folder on the left to organize and upload your ZIP archives."
                                    />
                                </div>
                            @elseif($myFiles->isEmpty())
                                <div class="p-4">
                                    <x-chm.empty-state icon="bx bx-folder-open" title="No files here" message="Upload ZIP archives and choose who can access them." />
                                </div>
                            @else
                                <div class="table-responsive">
                                    <table class="table table-hover mb-0 chm-table">
                                        <thead>
                                            <tr>
                                                <th>Name</th>
                                                <th>Shared with</th>
                                                <th>Size</th>
                                                <th>Uploaded</th>
                                                <th></th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($myFiles as $file)
                                                <tr>
                                                    <td><i class="bx bx-archive me-1"></i>{{ $file->original_name }}</td>
                                                    <td>
                                                        @forelse($file->sharedWith as $recipient)
                                                            <span class="badge bg-light text-dark border me-1">{{ $recipient->name }}</span>
                                                        @empty
                                                            <span class="text-muted small">Not shared</span>
                                                        @endforelse
                                                    </td>
                                                    <td>{{ $file->size >= 1048576 ? number_format($file->size / 1048576, 2).' MB' : number_format($file->size / 1024, 1).' KB' }}</td>
                                                    <td>{{ $file->created_at->format('M j, Y') }}</td>
                                                    <td class="text-end text-nowrap">
                                                        <button type="button" class="btn btn-sm btn-outline-secondary" data-bs-toggle="modal" data-bs-target="#shareModal-{{ $file->id }}">
                                                            <i class="bx bx-user-plus"></i>
                                                        </button>
                                                        <a href="{{ route('application.files.download', $file->id) }}" class="btn btn-sm btn-outline-primary"><i class="bx bx-download"></i></a>
                                                        <form method="POST" action="{{ route('application.files.destroy', $file->id) }}" class="d-inline chm-confirm-delete-form" data-confirm-text="{{ auth()->user()->isSuperUser() ? 'Delete this file permanently?' : 'Request permanent deletion? An administrator must approve before the file is removed.' }}">
                                                            @csrf @method('DELETE')
                                                            <button type="submit" class="btn btn-sm btn-outline-danger" title="{{ auth()->user()->isSuperUser() ? 'Delete permanently' : 'Request deletion' }}"><i class="bx bx-trash"></i></button>
                                                        </form>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            @endif
                        </div>
                    </div>

                    @foreach($myFiles as $file)
                        <div class="modal fade" id="shareModal-{{ $file->id }}" tabindex="-1" aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <form method="POST" action="{{ route('application.files.sharing.update', $file->id) }}">
                                        @csrf @method('PATCH')
                                        <div class="modal-header">
                                            <h5 class="modal-title">Manage sharing</h5>
                                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                        </div>
                                        <div class="modal-body">
                                            <p class="text-muted small">{{ $file->original_name }}</p>
                                            @include('admin.application.files.partials.share-with-picker', [
                                                'staffUsers' => $staffUsers,
                                                'selectedIds' => $file->sharedWith->pluck('id')->all(),
                                                'idPrefix' => 'edit-share-'.$file->id,
                                                'maxHeight' => '220px',
                                            ])
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
                                            <button type="submit" class="btn btn-primary">Save sharing</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    @endforeach
                @endif
            </div>
        </div>
    </x-chm.layout.page>
</div>

@endsection

@push('scripts')
<script>
document.addEventListener('DOMContentLoaded', function () {
    document.querySelectorAll('.chm-share-picker').forEach(function (picker) {
        var search = picker.querySelector('.chm-share-picker-search');
        var items = picker.querySelectorAll('.chm-share-picker-item');
        var noResults = picker.querySelector('.chm-share-picker-no-results');

        if (!search || !items.length) {
            return;
        }

        search.addEventListener('input', function () {
            var query = search.value.trim().toLowerCase();
            var visibleCount = 0;

            items.forEach(function (item) {
                var matches = !query || (item.dataset.search || '').includes(query);
                item.classList.toggle('d-none', !matches);
                if (matches) {
                    visibleCount++;
                }
            });

            if (noResults) {
                noResults.classList.toggle('d-none', visibleCount > 0);
            }
        });
    });
});
</script>
@endpush