@extends('admin.layout')

@section('title', 'NAS Storage')

@section('extra_styles')
<style>
    .nas-wrapper * { box-sizing: border-box; }
</style>
@endsection

@section('content')
<div class="adm-page-header">
    <h1 class="adm-page-title">
        <i class="bi bi-hdd-network"></i> NAS Storage
    </h1>
</div>

<div class="nas-wrapper">
    @include('nas-file-manager::file-manager', [
        'nodes'   => $nodes,
        'canEdit' => true,
        'title'   => 'NAS Storage Browser',
    ])
</div>
@endsection

@section('scripts')
<script src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js" defer></script>
<script src="https://cdn.tailwindcss.com"></script>
<script>
    tailwind.config = {
        theme: {
            extend: {
                colors: {
                    brand: {
                        50:  'rgba(230,30,30,.08)',
                        500: '#e61e1e',
                        600: '#e61e1e',
                        700: '#c91a1a',
                    }
                }
            }
        },
        corePlugins: { preflight: false }
    }
</script>
@endsection