@extends('admin.layouts.app')
@section('title', __('admin.downloads.title'))
@section('content')

<div class="page-header" style="display:flex;align-items:center;justify-content:space-between;">
    <h1>{{ __('admin.downloads.title') }}</h1>
    <div style="display:flex;gap:6px;">
        <button type="button" onclick="document.getElementById('modal-add-dlcat').style.display='flex'" class="btn btn-default btn-sm">+ {{ __('admin.downloads.add_category') }}</button>
        <button type="button" onclick="document.getElementById('modal-add-dl').style.display='flex'" class="btn btn-primary btn-sm">+ {{ __('admin.downloads.add_download') }}</button>
    </div>
</div>

@if($errors->any())
<div class="alert alert-danger" style="margin-bottom:15px;">
    <ul style="margin:0;padding-left:18px;">
        @foreach($errors->all() as $error)<li>{{ $error }}</li>@endforeach
    </ul>
</div>
@endif

@if(($categories ?? collect())->isEmpty())
<div class="card"><div class="card-body" style="text-align:center;padding:40px;color:#999;">{{ __('admin.downloads.no_categories') }}</div></div>
@else
@foreach($categories as $category)
<div class="card" style="margin-bottom:15px;">
    <div class="card-header" style="display:flex;align-items:center;justify-content:space-between;">
        <strong>{{ $category->name }}</strong>
        <div style="display:flex;gap:6px;align-items:flex-start;">
            <details>
                <summary class="btn btn-default btn-xs" style="list-style:none;">{{ __('common.actions.edit') }}</summary>
                <form method="POST" action="{{ route('admin.config.downloads.categories.update', $category) }}" style="display:flex;gap:6px;margin-top:6px;">
                    @csrf @method('PUT')
                    <input type="text" name="name" value="{{ $category->name }}" required class="form-control" style="font-size:12px;">
                    <input type="hidden" name="description" value="{{ $category->description }}">
                    <button type="submit" class="btn btn-primary btn-xs">{{ __('common.actions.save') }}</button>
                </form>
            </details>
            <form method="POST" action="{{ route('admin.config.downloads.categories.destroy', $category) }}" onsubmit="return pnConfirm(event, @js(__('admin.downloads.confirm_delete_category')))">
                @csrf @method('DELETE')
                <button type="submit" class="btn btn-danger btn-xs">{{ __('admin.downloads.delete_category') }}</button>
            </form>
        </div>
    </div>
    @if(($category->downloads ?? collect())->isEmpty())
    <div class="card-body" style="color:#999;font-size:13px;">{{ __('admin.downloads.no_downloads') }}</div>
    @else
    <table class="data-table">
        <thead><tr><th>{{ __('admin.downloads.filename') }}</th><th>{{ __('common.table.description') }}</th><th>{{ __('admin.downloads.file_url') }}</th><th>{{ __('admin.downloads.downloads_count') }}</th><th>{{ __('admin.downloads.published') }}</th><th style="text-align:right;">{{ __('common.table.actions') }}</th></tr></thead>
        <tbody>
        @foreach($category->downloads as $dl)
        <tr>
            <td style="font-weight:600;">{{ $dl->title }}@if($dl->products->isNotEmpty())<div style="font-size:11px;font-weight:400;color:#777;">{{ __('admin.downloads.only_for', ['products' => $dl->products->pluck('name')->implode(', ')]) }}</div>@endif</td>
            <td style="font-size:12px;color:#555;">{{ Str::limit($dl->description, 60) }}</td>
            <td style="font-size:12px;font-family:monospace;">@if($dl->isStoredFile()){{ $dl->fileName() }} <span style="font-family:inherit;color:#777;">({{ __('admin.downloads.stored_file') }})</span>@else{{ Str::limit($dl->location, 40) }}@endif</td>
            <td>{{ $dl->download_count ?? 0 }}</td>
            <td><span class="badge-{{ $dl->hidden ? 'draft' : 'active' }}">{{ $dl->hidden ? __('admin.downloads.draft') : __('admin.downloads.published') }}</span></td>
            <td style="text-align:right;white-space:nowrap;">
                <a href="{{ route('admin.config.downloads.edit', $dl) }}" class="btn btn-default btn-xs">{{ __('common.actions.edit') }}</a>
                <form method="POST" action="{{ route('admin.config.downloads.destroy', $dl) }}" style="display:inline;" onsubmit="return pnConfirm(event, @js(__('admin.downloads.confirm_delete_download')))">
                    @csrf @method('DELETE')
                    <button type="submit" class="btn btn-danger btn-xs">{{ __('common.actions.delete') }}</button>
                </form>
            </td>
        </tr>
        @endforeach
        </tbody>
    </table>
    @endif
</div>
@endforeach
@endif

<div id="modal-add-dlcat" style="display:none;position:fixed;inset:0;z-index:1050;align-items:center;justify-content:center;">
    <div style="position:fixed;inset:0;background:rgba(0,0,0,0.5);" onclick="document.getElementById('modal-add-dlcat').style.display='none'"></div>
    <div style="position:relative;background:#fff;border-radius:4px;width:400px;max-width:95%;box-shadow:0 5px 30px rgba(0,0,0,0.3);">
        <div style="padding:15px 20px;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;justify-content:space-between;">
            <h4 style="margin:0;font-size:16px;">{{ __('admin.downloads.add_category') }}</h4>
            <button type="button" onclick="document.getElementById('modal-add-dlcat').style.display='none'" style="background:none;border:none;font-size:22px;cursor:pointer;color:#777;">&times;</button>
        </div>
        <form method="POST" action="{{ route('admin.config.downloads.categories.store') }}">
            @csrf
            <div style="padding:20px;">
                <div class="form-group"><label class="form-label">{{ __('admin.downloads.category_name') }}</label><input type="text" name="name" required class="form-control"></div>
                <div class="form-group"><label class="form-label">{{ __('common.form.description') }}</label><textarea name="description" rows="2" class="form-control"></textarea></div>
            </div>
            <div style="padding:12px 20px;border-top:1px solid #e5e5e5;display:flex;gap:8px;justify-content:flex-end;">
                <button type="button" onclick="document.getElementById('modal-add-dlcat').style.display='none'" class="btn btn-default btn-sm">{{ __('common.actions.cancel') }}</button>
                <button type="submit" class="btn btn-primary btn-sm">{{ __('admin.downloads.add_category') }}</button>
            </div>
        </form>
    </div>
</div>

<div id="modal-add-dl" style="display:none;position:fixed;inset:0;z-index:1050;align-items:center;justify-content:center;">
    <div style="position:fixed;inset:0;background:rgba(0,0,0,0.5);" onclick="document.getElementById('modal-add-dl').style.display='none'"></div>
    <div style="position:relative;background:#fff;border-radius:4px;width:500px;max-width:95%;box-shadow:0 5px 30px rgba(0,0,0,0.3);">
        <div style="padding:15px 20px;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;justify-content:space-between;">
            <h4 style="margin:0;font-size:16px;">{{ __('admin.downloads.add_download') }}</h4>
            <button type="button" onclick="document.getElementById('modal-add-dl').style.display='none'" style="background:none;border:none;font-size:22px;cursor:pointer;color:#777;">&times;</button>
        </div>
        <form method="POST" action="{{ route('admin.config.downloads.store') }}" enctype="multipart/form-data">
            @csrf
            <div style="padding:20px;">
                <div class="form-group"><label class="form-label">{{ __('common.form.name') }}</label><input type="text" name="title" value="{{ old('title') }}" required class="form-control"></div>
                <div class="form-group"><label class="form-label">{{ __('admin.downloads.category') }}</label>
                    <select name="category_id" required class="form-control">
                        @foreach($categories ?? [] as $cat)
                        <option value="{{ $cat->id }}" @selected(old('category_id') == $cat->id)>{{ $cat->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group"><label class="form-label">{{ __('common.form.description') }}</label><textarea name="description" rows="2" class="form-control">{{ old('description') }}</textarea></div>
                <div class="form-group"><label class="form-label">{{ __('admin.downloads.upload_file') }}</label><input type="file" name="file" class="form-control"></div>
                <div class="form-group"><label class="form-label">{{ __('admin.downloads.or_link') }}</label><input type="text" name="location" value="{{ old('location') }}" class="form-control" placeholder="https://...">
                    <p style="font-size:11px;color:#999;margin-top:4px;">{{ __('admin.downloads.file_or_link_hint') }}</p>
                </div>
                <div class="form-group"><label class="form-label">{{ __('admin.downloads.products') }}</label>
                    <select name="products[]" multiple class="form-control" style="height:90px;">
                        @foreach($products ?? [] as $p)
                        <option value="{{ $p->id }}" @selected(in_array($p->id, (array) old('products', [])))>{{ $p->name }}</option>
                        @endforeach
                    </select>
                    <p style="font-size:11px;color:#999;margin-top:4px;">{{ __('admin.downloads.products_hint') }}</p>
                </div>
                <div class="form-group"><label style="font-size:13px;display:flex;align-items:center;gap:6px;"><input type="checkbox" name="published" value="1" checked> {{ __('admin.downloads.published') }}</label></div>
            </div>
            <div style="padding:12px 20px;border-top:1px solid #e5e5e5;display:flex;gap:8px;justify-content:flex-end;">
                <button type="button" onclick="document.getElementById('modal-add-dl').style.display='none'" class="btn btn-default btn-sm">{{ __('common.actions.cancel') }}</button>
                <button type="submit" class="btn btn-primary btn-sm">{{ __('admin.downloads.add_download') }}</button>
            </div>
        </form>
    </div>
</div>

@if($errors->any())
<script>document.getElementById('modal-add-dl').style.display = 'flex';</script>
@endif
@endsection