@extends('layouts.admin')
@include('blueprint.admin.template')

@section('title')
    {{ $EXTENSION_NAME }}
@endsection

@section('content-header')
    @yield('extension.header')
@endsection

@section('content')
    @yield('extension.config')
    @yield('extension.description')@extends('layouts.admin')

@section('title')
    Better Files Manager
@endsection

@section('content-header')
    <h1>Better Files Manager<small>File manager behavior, cleanup, Git, and collaboration settings.</small></h1>
    <ol class="breadcrumb">
        <li><a href="{{ route('admin.index') }}">Admin</a></li>
        <li><a href="{{ url('/admin/extensions') }}">Extensions</a></li>
        <li class="active">Better Files Manager</li>
    </ol>
@endsection

@section('content')
@php
    $allowOverride = (bool) $settings['allow_override'];
    $globalEnabled = (bool) $settings['enabled'];
    $defaultDays = (int) $settings['default_days'];
    $defaultUnit = (string) ($settings['default_unit'] ?? 'days');
    $pullUrlMaxSize = (int) ($settings['pull_url_max_size_mb'] ?? 100);
    $contentSearchEnabled = (bool) ($settings['content_search_enabled'] ?? false);
    $gitEnabled = (bool) ($settings['git_enabled'] ?? false);
    $collaborationEnabled = (bool) ($settings['collaboration_enabled'] ?? false);
    $collaborationEditEnabled = (bool) ($settings['collaboration_edit_enabled'] ?? false);
    $collaborationMaxUsers = (int) ($settings['collaboration_max_users'] ?? 10);
    $collaborationMaxFileSizeMb = (int) ($settings['collaboration_max_file_size_mb'] ?? 1);
    $backendMode = (string) ($settings['backend_mode'] ?? 'wings');
    $backendModeLabel = $backendMode === 'wings_rs' ? 'Wings-rs' : 'Wings';
    $pageServers = collect($servers->items());
    $pageEnabledCount = $pageServers->filter(function ($server) use ($allowOverride, $globalEnabled) {
        return $allowOverride ? (bool) $server->bf_trash_cleanup_enabled : $globalEnabled;
    })->count();
    $pageDisabledCount = max(0, $pageServers->count() - $pageEnabledCount);
@endphp

<style>
    .bfm-page {
        color: #d8e0e6;
    }
    .bfm-page .box {
        border-top-width: 2px;
        background: #27313a;
        border-color: #394652;
        box-shadow: 0 8px 18px rgba(0, 0, 0, .18);
    }
    .bfm-hero {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
        margin-bottom: 18px;
        padding: 18px;
        border-left: 3px solid #8b5cf6;
        background: linear-gradient(135deg, rgba(139, 92, 246, .18), rgba(60, 141, 188, .12));
    }
    .bfm-title {
        display: flex;
        align-items: center;
        gap: 12px;
    }
    .bfm-icon {
        display: inline-flex;
        width: 42px;
        height: 42px;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        background: #111827;
        color: #c084fc;
        font-size: 20px;
    }
    .bfm-title h2 {
        margin: 0;
        color: #fff;
        font-size: 22px;
        font-weight: 600;
    }
    .bfm-title p,
    .bfm-muted {
        margin: 4px 0 0;
        color: #9aa7b5;
        line-height: 1.45;
    }
    .bfm-badges {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: flex-end;
    }
    .bfm-pill {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 5px 10px;
        border-radius: 999px;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .06em;
        text-transform: uppercase;
    }
    .bfm-pill-green { background: rgba(0, 166, 90, .16); color: #5ee08f; border: 1px solid rgba(0, 166, 90, .35); }
    .bfm-pill-blue { background: rgba(60, 141, 188, .18); color: #7cc6ef; border: 1px solid rgba(60, 141, 188, .36); }
    .bfm-pill-yellow { background: rgba(243, 156, 18, .18); color: #ffd27a; border: 1px solid rgba(243, 156, 18, .38); }
    .bfm-pill-gray { background: rgba(148, 163, 184, .14); color: #cbd5e1; border: 1px solid rgba(148, 163, 184, .24); }
    .bfm-status-grid,
    .bfm-settings-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        gap: 12px;
    }
    .bfm-status {
        min-height: 92px;
        padding: 14px;
        border: 1px solid rgba(255, 255, 255, .08);
        background: rgba(0, 0, 0, .13);
    }
    .bfm-status span {
        display: block;
        margin-bottom: 6px;
        color: #9fb2c8;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .09em;
        text-transform: uppercase;
    }
    .bfm-status strong {
        display: block;
        color: #fff;
        font-size: 20px;
        line-height: 1.2;
    }
    .bfm-section-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin: 0 0 14px;
        color: #fff;
        font-size: 16px;
        font-weight: 600;
    }
    .bfm-card {
        min-height: 96px;
        padding: 14px;
        border: 1px solid rgba(255, 255, 255, .08);
        background: rgba(0, 0, 0, .12);
    }
    .bfm-card-title {
        display: block;
        margin-bottom: 4px;
        color: #d8e0e6;
        font-weight: 700;
    }
    .bfm-card small {
        display: block;
        margin-top: 5px;
        color: #8f9ba5;
        line-height: 1.35;
        font-weight: 400;
    }
    .bfm-toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin: 0;
        cursor: pointer;
    }
    .bfm-toggle input[type="checkbox"] {
        display: none;
    }
    .bfm-switch {
        position: relative;
        width: 44px;
        height: 24px;
        flex: 0 0 44px;
        border-radius: 999px;
        background: #596774;
        transition: background 160ms ease;
    }
    .bfm-switch:after {
        position: absolute;
        top: 3px;
        left: 3px;
        width: 18px;
        height: 18px;
        border-radius: 50%;
        background: #fff;
        content: "";
        transition: transform 160ms ease;
    }
    .bfm-toggle input[type="checkbox"]:checked + .bfm-switch {
        background: #00a65a;
    }
    .bfm-toggle input[type="checkbox"]:checked + .bfm-switch:after {
        transform: translateX(20px);
    }
    .bfm-form-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
        gap: 12px;
    }
    .bfm-page .form-control,
    .bfm-page .input-group-addon {
        background-color: #34414d;
        border-color: #4b5b68;
        color: #eef2f7;
    }
    .bfm-page .input-group-addon {
        color: #aeb9c2;
    }
    .bfm-note {
        margin-top: 12px;
        padding: 12px 14px;
        border-left: 3px solid #3c8dbc;
        background: rgba(60, 141, 188, .12);
        color: #aeb9c2;
    }
    .bfm-table > thead > tr > th {
        background: #202932;
        border-color: #394652;
        color: #cbd5e1;
        font-size: 11px;
        letter-spacing: .08em;
        text-transform: uppercase;
    }
    .bfm-table > tbody > tr > td {
        border-color: #394652;
        color: #d8e0e6;
        vertical-align: middle;
    }
    @media (max-width: 768px) {
        .bfm-hero {
            align-items: flex-start;
            flex-direction: column;
        }
        .bfm-badges {
            justify-content: flex-start;
        }
    }
</style>

<div class="bfm-page">
    <div class="bfm-hero">
        <div class="bfm-title">
            <span class="bfm-icon"><i class="fa fa-puzzle-piece"></i></span>
            <div>
                <h2>Better Files Manager <span class="label label-primary">A1.13.1</span></h2>
                <p>Configure cleanup, search, Git tools, pull limits, and live collaboration from one extension page.</p>
            </div>
        </div>
        <div class="bfm-badges">
            <span class="bfm-pill {{ $globalEnabled ? 'bfm-pill-green' : 'bfm-pill-gray' }}">{{ $globalEnabled ? 'Cleanup On' : 'Cleanup Off' }}</span>
            <span class="bfm-pill bfm-pill-blue">{{ $backendModeLabel }}</span>
            <span class="bfm-pill {{ $allowOverride ? 'bfm-pill-blue' : 'bfm-pill-gray' }}">{{ $allowOverride ? 'Overrides On' : 'Overrides Locked' }}</span>
            <span class="bfm-pill {{ $collaborationEnabled ? 'bfm-pill-green' : 'bfm-pill-gray' }}">{{ $collaborationEnabled ? 'Collab On' : 'Collab Off' }}</span>
        </div>
    </div>

    <div class="row">
        <div class="col-xs-12">
            <div class="box box-solid">
                <div class="box-body">
                    <div class="bfm-status-grid">
                        <div class="bfm-status"><span>Cleanup Schedule</span><strong>Daily</strong><p class="bfm-muted">Runs from the Panel scheduler.</p></div>
                        <div class="bfm-status"><span>Backend Mode</span><strong>{{ $backendModeLabel }}</strong><p class="bfm-muted">Controls daemon-specific Better Files features.</p></div>
                        <div class="bfm-status"><span>Default Retention</span><strong>{{ $defaultDays }} {{ $defaultUnit }}</strong><p class="bfm-muted">Applied globally unless overrides are enabled.</p></div>
                        <div class="bfm-status"><span>Pull URL Limit</span><strong>{{ $pullUrlMaxSize }} MB</strong><p class="bfm-muted">Maximum remote download size.</p></div>
                        <div class="bfm-status"><span>Servers On This Page</span><strong>{{ $pageEnabledCount }} / {{ $pageServers->count() }}</strong><p class="bfm-muted">Using cleanup with current settings.</p></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <form action="{{ route('admin.extensions.betterfilesmanager.patch') }}" method="POST">
        {!! csrf_field() !!}
        <div class="row">
            <div class="col-lg-8 col-xs-12">
                <div class="box box-primary box-solid">
                    <div class="box-header with-border">
                        <h3 class="box-title"><i class="fa fa-sliders"></i> File Manager Settings</h3>
                    </div>
                    <div class="box-body">
                        <h4 class="bfm-section-title">Backend</h4>
                        <div class="bfm-card" style="margin-bottom: 12px;">
                            <span class="bfm-card-title">Daemon Compatibility Mode</span>
                            <select class="form-control" name="betterfiles:backend_mode">
                                <option value="wings" @if (old('betterfiles:backend_mode', $backendMode) === 'wings') selected @endif>Wings</option>
                                <option value="wings_rs" @if (old('betterfiles:backend_mode', $backendMode) === 'wings_rs') selected @endif>Wings-rs</option>
                            </select>
                            <small>Wings keeps the existing Better Files daemon routes. Wings-rs uses native search, archive listing, scripts for Git, and websocket broadcast where available.</small>
                        </div>

                        <h4 class="bfm-section-title">Cleanup</h4>
                        <div class="bfm-settings-grid">
                            <div class="bfm-card">
                                <input type="hidden" name="betterfiles:trash_cleanup_enabled" value="0" />
                                <label class="bfm-toggle">
                                    <span><span class="bfm-card-title">Automatic Cleanup</span><small>Delete expired items from server trash folders once per day.</small></span>
                                    <input type="checkbox" name="betterfiles:trash_cleanup_enabled" value="1" {{ old('betterfiles:trash_cleanup_enabled', (int) $globalEnabled) ? 'checked' : '' }} />
                                    <span class="bfm-switch"></span>
                                </label>
                            </div>
                            <div class="bfm-card">
                                <input type="hidden" name="betterfiles:trash_cleanup_allow_override" value="0" />
                                <label class="bfm-toggle">
                                    <span><span class="bfm-card-title">Owner Overrides</span><small>Allow server owners to set cleanup retention in the file manager.</small></span>
                                    <input type="checkbox" name="betterfiles:trash_cleanup_allow_override" value="1" {{ old('betterfiles:trash_cleanup_allow_override', (int) $allowOverride) ? 'checked' : '' }} />
                                    <span class="bfm-switch"></span>
                                </label>
                            </div>
                        </div>

                        <div class="bfm-form-grid" style="margin-top: 12px;">
                            <div class="bfm-card">
                                <span class="bfm-card-title">Default Retention</span>
                                <div class="input-group">
                                    <input type="number" class="form-control" name="betterfiles:trash_cleanup_default_days" min="1" value="{{ old('betterfiles:trash_cleanup_default_days', $defaultDays) }}" />
                                    <select class="form-control" name="betterfiles:trash_cleanup_default_unit">
                                        <option value="hours" @if (old('betterfiles:trash_cleanup_default_unit', $defaultUnit) === 'hours') selected @endif>Hours</option>
                                        <option value="days" @if (old('betterfiles:trash_cleanup_default_unit', $defaultUnit) === 'days') selected @endif>Days</option>
                                    </select>
                                </div>
                                <small>Items older than this value are eligible for deletion.</small>
                            </div>
                            <div class="bfm-card">
                                <span class="bfm-card-title">Pull URL Max Size</span>
                                <div class="input-group">
                                    <input type="number" class="form-control" name="betterfiles:pull_url_max_size_mb" min="1" value="{{ old('betterfiles:pull_url_max_size_mb', $pullUrlMaxSize) }}" />
                                    <span class="input-group-addon">MB</span>
                                </div>
                                <small>Limits remote URL pulls. Minimum 1 MB.</small>
                            </div>
                        </div>

                        <div class="bfm-note">
                            <strong>Cleanup changes apply immediately.</strong>
                            Queue workers are restarted after saving so running services pick up the new settings.
                        </div>

                        <hr style="border-color: #394652;" />
                        <h4 class="bfm-section-title">Tools</h4>
                        <div class="bfm-settings-grid">
                            <div class="bfm-card">
                                <input type="hidden" name="betterfiles:search_content_enabled" value="0" />
                                <label class="bfm-toggle">
                                    <span><span class="bfm-card-title">Content Search</span><small>Allow searching inside small text files. Binary and large files are skipped.</small></span>
                                    <input type="checkbox" name="betterfiles:search_content_enabled" value="1" {{ old('betterfiles:search_content_enabled', (int) $contentSearchEnabled) ? 'checked' : '' }} />
                                    <span class="bfm-switch"></span>
                                </label>
                            </div>
                            <div class="bfm-card">
                                <input type="hidden" name="betterfiles:git_enabled" value="0" />
                                <label class="bfm-toggle">
                                    <span><span class="bfm-card-title">Git Integration</span><small>Enable status, clone, pull, and read-only diff actions. Wings-rs runs Git through its script endpoint.</small></span>
                                    <input type="checkbox" name="betterfiles:git_enabled" value="1" {{ old('betterfiles:git_enabled', (int) $gitEnabled) ? 'checked' : '' }} />
                                    <span class="bfm-switch"></span>
                                </label>
                            </div>
                        </div>

                        <hr style="border-color: #394652;" />
                        <h4 class="bfm-section-title">Live Collaboration</h4>
                        <div class="bfm-settings-grid">
                            <div class="bfm-card">
                                <input type="hidden" name="betterfiles:collaboration_enabled" value="0" />
                                <label class="bfm-toggle">
                                    <span><span class="bfm-card-title">Live Sessions</span><small>Allow users to share file editor sessions through Wings websockets.</small></span>
                                    <input type="checkbox" name="betterfiles:collaboration_enabled" value="1" {{ old('betterfiles:collaboration_enabled', (int) $collaborationEnabled) ? 'checked' : '' }} />
                                    <span class="bfm-switch"></span>
                                </label>
                            </div>
                            <div class="bfm-card">
                                <input type="hidden" name="betterfiles:collaboration_edit_enabled" value="0" />
                                <label class="bfm-toggle">
                                    <span><span class="bfm-card-title">Editable Sessions</span><small>When disabled, collaboration is presence/view-only.</small></span>
                                    <input type="checkbox" name="betterfiles:collaboration_edit_enabled" value="1" {{ old('betterfiles:collaboration_edit_enabled', (int) $collaborationEditEnabled) ? 'checked' : '' }} />
                                    <span class="bfm-switch"></span>
                                </label>
                            </div>
                        </div>
                        <div class="bfm-form-grid" style="margin-top: 12px;">
                            <div class="bfm-card">
                                <span class="bfm-card-title">Maximum Users</span>
                                <input type="number" class="form-control" name="betterfiles:collaboration_max_users" min="2" max="20" value="{{ old('betterfiles:collaboration_max_users', $collaborationMaxUsers) }}" />
                                <small>Range: 2-20 users per live session.</small>
                            </div>
                            <div class="bfm-card">
                                <span class="bfm-card-title">Maximum File Size</span>
                                <div class="input-group">
                                    <input type="number" class="form-control" name="betterfiles:collaboration_max_file_size_mb" min="1" max="10" value="{{ old('betterfiles:collaboration_max_file_size_mb', $collaborationMaxFileSizeMb) }}" />
                                    <span class="input-group-addon">MB</span>
                                </div>
                                <small>Files above this size do not broadcast live edit snapshots.</small>
                            </div>
                        </div>
                    </div>
                    <div class="box-footer">
                        <button type="submit" name="_method" value="PATCH" class="btn btn-primary pull-right">
                            <i class="fa fa-save"></i> Save Settings
                        </button>
                    </div>
                </div>
            </div>

            <div class="col-lg-4 col-xs-12">
                <div class="box box-solid">
                    <div class="box-header with-border">
                        <h3 class="box-title"><i class="fa fa-info-circle"></i> Requirements</h3>
                    </div>
                    <div class="box-body">
                        <div class="bfm-card" style="margin-bottom: 12px;">
                            <span class="bfm-card-title">Wings Features</span>
                            <small>Wings mode uses the documented Better Files Wings routes. Wings-rs mode uses native search/archive/script/socket endpoints where possible. NBT and SQLite previews run through the Panel; SQLite previews require PHP pdo_sqlite.</small>
                        </div>
                        <div class="bfm-card">
                            <span class="bfm-card-title">Current State</span>
                            <ul class="list-unstyled" style="margin: 8px 0 0;">
                                <li><strong>Backend:</strong> {{ $backendModeLabel }}</li>
                                <li><strong>Content search:</strong> {{ $contentSearchEnabled ? 'Enabled' : 'Disabled' }}</li>
                                <li><strong>Git:</strong> {{ $gitEnabled ? 'Enabled' : 'Disabled' }}</li>
                                <li><strong>Collaboration:</strong> {{ $collaborationEnabled ? 'Enabled' : 'Disabled' }}</li>
                                <li><strong>Edit sessions:</strong> {{ $collaborationEditEnabled ? 'Enabled' : 'View only' }}</li>
                                <li><strong>Overrides:</strong> {{ $allowOverride ? 'Enabled' : 'Disabled' }}</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>

    <div class="row">
        <div class="col-xs-12">
            <div class="box box-solid">
                <div class="box-header with-border">
                    <h3 class="box-title"><i class="fa fa-server"></i> Server Cleanup Overview</h3>
                    <div class="box-tools pull-right">
                        <span class="bfm-pill bfm-pill-green">Enabled: {{ $pageEnabledCount }}</span>
                        <span class="bfm-pill bfm-pill-yellow">Disabled: {{ $pageDisabledCount }}</span>
                        <span class="bfm-pill bfm-pill-blue">Total: {{ $servers->total() }}</span>
                    </div>
                </div>
                <div class="box-body">
                    @if (!$allowOverride)
                        <div class="bfm-note" style="margin-top: 0;">
                            <strong>Overrides are locked.</strong>
                            Every server inherits the global cleanup state and retention window.
                        </div>
                    @endif
                    <div class="table-responsive">
                        <table class="table table-hover bfm-table">
                            <thead>
                                <tr>
                                    <th>Server</th>
                                    <th>Cleanup</th>
                                    <th>Retention</th>
                                    <th>Source</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($servers as $server)
                                    @php
                                        $serverEnabled = $allowOverride ? (bool) $server->bf_trash_cleanup_enabled : $globalEnabled;
                                        $serverDays = $allowOverride ? (int) $server->bf_trash_retention_days : $defaultDays;
                                        $serverUnit = $allowOverride ? (string) ($server->bf_trash_retention_unit ?? $defaultUnit) : $defaultUnit;
                                    @endphp
                                    <tr>
                                        <td>
                                            <strong>{{ $server->name }}</strong>
                                            <span class="bfm-muted">#{{ $server->id }}</span>
                                        </td>
                                        <td>
                                            <span class="label {{ $serverEnabled ? 'label-success' : 'label-default' }}">{{ $serverEnabled ? 'Enabled' : 'Disabled' }}</span>
                                        </td>
                                        <td>{{ $serverDays }} {{ $serverUnit }}</td>
                                        <td>
                                            <span class="label {{ $allowOverride ? 'label-primary' : 'label-warning' }}">{{ $allowOverride ? 'Server' : 'Global' }}</span>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="4" class="text-muted">No servers found.</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
                @if ($servers->hasPages())
                    <div class="box-footer clearfix">
                        <div class="pull-right">{!! $servers->render() !!}</div>
                    </div>
                @endif
            </div>
        </div>
    </div>
</div>
@endsection
@endsection