@extends('layouts.app')

@section('title', 'Hardware')

@section('content')
<div class="page-head">
    <div>
        <h1>Hardware</h1>
        <div class="sub">{{ $assets->total() }} Assets</div>
    </div>
    <div class="page-actions">
        <a href="{{ route('assets.create') }}" class="btn btn-primary btn-sm">+ Asset</a>
        <a href="{{ route('exports.assets', request()->query()) }}" class="btn btn-secondary btn-sm">CSV-Export</a>
    </div>
</div>

<form method="GET" class="filterbar" x-data="{more: {{ request()->hasAny(['country','commissioned_from','commissioned_to','warranty_until','replacement_year']) ? 'true' : 'false' }}}">
    <div class="field grow">
        <label for="q">Volltextsuche</label>
        <input type="search" id="q" name="q" value="{{ request('q') }}" placeholder="Hostname, Modell, Seriennummer, Person …">
    </div>
    <div class="field">
        <label for="inventory">Inventarbereich</label>
        <select id="inventory" name="inventory">
            <option value="">Alle</option>
            @foreach($inventories as $inv)
                <option value="{{ $inv->id }}" @selected(request('inventory') == $inv->id)>{{ $inv->name }}</option>
            @endforeach
        </select>
    </div>
    <div class="field">
        <label for="category">Kategorie</label>
        <select id="category" name="category">
            <option value="">Alle</option>
            @foreach($categories as $cat)
                <option value="{{ $cat->id }}" @selected(request('category') == $cat->id)>{{ $cat->name }}</option>
            @endforeach
        </select>
    </div>
    <div class="field">
        <label for="status">Status</label>
        <select id="status" name="status">
            <option value="">Alle</option>
            @foreach(\App\Models\Asset::STATUSES as $value => $label)
                <option value="{{ $value }}" @selected(request('status') === $value)>{{ $label }}</option>
            @endforeach
        </select>
    </div>
    <div class="field">
        <label for="manufacturer">Hersteller</label>
        <select id="manufacturer" name="manufacturer">
            <option value="">Alle</option>
            @foreach($manufacturers as $m)
                <option value="{{ $m }}" @selected(request('manufacturer') === $m)>{{ $m }}</option>
            @endforeach
        </select>
    </div>
    <div class="field">
        <label for="location">Standort</label>
        <select id="location" name="location">
            <option value="">Alle</option>
            @foreach($locations as $l)
                <option value="{{ $l }}" @selected(request('location') === $l)>{{ $l }}</option>
            @endforeach
        </select>
    </div>
    <div class="field">
        <label for="person">Person</label>
        <select id="person" name="person">
            <option value="">Alle</option>
            @foreach($persons as $p)
                <option value="{{ $p->id }}" @selected(request('person') == $p->id)>{{ $p->display_name }}</option>
            @endforeach
        </select>
    </div>
    <template x-if="more">
        <div style="display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;">
            <div class="field">
                <label for="commissioned_from">Inbetriebnahme ab</label>
                <input type="date" id="commissioned_from" name="commissioned_from" value="{{ request('commissioned_from') }}">
            </div>
            <div class="field">
                <label for="commissioned_to">Inbetriebnahme bis</label>
                <input type="date" id="commissioned_to" name="commissioned_to" value="{{ request('commissioned_to') }}">
            </div>
            <div class="field">
                <label for="replacement_year">Ersatzjahr</label>
                <input type="number" id="replacement_year" name="replacement_year" min="2000" max="2100" value="{{ request('replacement_year') }}">
            </div>
            <div class="field">
                <label for="warranty_until">Garantieablauf bis</label>
                <input type="date" id="warranty_until" name="warranty_until" value="{{ request('warranty_until') }}">
            </div>
        </div>
    </template>
    <div class="checkbox-row"><input type="checkbox" id="unassigned" name="unassigned" value="1" @checked(request('unassigned') === '1')><label for="unassigned">Nicht zugewiesen</label></div>
    <div class="checkbox-row"><input type="checkbox" id="decommissioned" name="decommissioned" value="1" @checked(request('decommissioned') === '1')><label for="decommissioned">Ausgemustert</label></div>
    <button type="button" class="btn btn-secondary btn-sm" @click="more = !more" x-text="more ? 'Weniger' : 'Mehr Filter'"></button>
    <button type="submit" class="btn btn-primary btn-sm">Filtern</button>
    <a href="{{ route('assets.index') }}" class="btn btn-secondary btn-sm">Zurücksetzen</a>
</form>

@php
    $savedViews = \App\Models\SavedView::where('user_id', auth()->id())->where('module', 'assets')->get();
@endphp
<div class="filterbar" style="justify-content:space-between;">
    <div style="display:flex;gap:8px;flex-wrap:wrap;align-items:center;">
        <span class="hint mt-0">Gespeicherte Ansichten:</span>
        @forelse($savedViews as $view)
            <a class="badge" href="{{ route('assets.index') }}?{{ $view->query_string }}">{{ $view->name }}</a>
            <form method="POST" action="{{ route('views.destroy', $view) }}" class="inline-form">@csrf @method('DELETE')<button class="topbar-logout" style="color:var(--grey)" title="Ansicht löschen">×</button></form>
        @empty
            <span class="hint mt-0">keine</span>
        @endforelse
    </div>
    <form method="POST" action="{{ route('views.store') }}" style="display:flex;gap:8px;align-items:center;">
        @csrf
        <input type="hidden" name="module" value="assets">
        <input type="hidden" name="query_string" value="{{ http_build_query(request()->query()) }}">
        <input type="text" name="name" placeholder="Aktuelle Filter speichern als …" required maxlength="100" style="width:220px;">
        <button type="submit" class="btn btn-secondary btn-sm">Speichern</button>
    </form>
</div>

<form method="POST" action="{{ route('assets.bulk') }}" x-data="{selected: []}">
    @csrf
    <div class="panel">
        <div class="table-wrap">
            <table class="data">
                <thead>
                <tr>
                    <th><input type="checkbox" @change="selected = $event.target.checked ? [...document.querySelectorAll('input[name=\'asset_ids[]\']')].map(cb => { cb.checked = true; return cb.value; }) : (document.querySelectorAll('input[name=\'asset_ids[]\']').forEach(cb => cb.checked = false), [])"></th>
                    @php
                        $sortLink = fn ($col, $label) => '<a href="?'.http_build_query(array_merge(request()->query(), ['sort' => $col, 'dir' => ($sort === $col && $dir === 'asc') ? 'desc' : 'asc'])).'">'.$label.($sort === $col ? ($dir === 'asc' ? ' ▲' : ' ▼') : '').'</a>';
                    @endphp
                    <th>{!! $sortLink('asset_code', 'Asset-ID') !!}</th>
                    <th>{!! $sortLink('hostname', 'Hostname') !!}</th>
                    <th>{!! $sortLink('model', 'Modell') !!}</th>
                    <th>Kategorie</th>
                    <th>{!! $sortLink('status', 'Status') !!}</th>
                    <th>Person</th>
                    <th>{!! $sortLink('location', 'Standort') !!}</th>
                    <th>{!! $sortLink('commissioned_at', 'Inbetriebnahme') !!}</th>
                    <th>Ersatz</th>
                </tr>
                </thead>
                <tbody>
                @forelse($assets as $asset)
                    @include('assets._row', ['asset' => $asset, 'isChild' => false])
                    @foreach($asset->childAssets as $child)
                        @include('assets._row', ['asset' => $child, 'isChild' => true])
                    @endforeach
                @empty
                <tr><td colspan="10" class="muted">Keine Assets gefunden.</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
        {{ $assets->links() }}

        <div class="form-section" x-show="selected.length > 0" x-cloak>
            <h3>Massenbearbeitung (<span x-text="selected.length"></span> ausgewählt)</h3>
            <div class="filterbar" style="box-shadow:none;padding:0;">
                <div class="field">
                    <label for="bulk_action">Aktion</label>
                    <select id="bulk_action" name="action">
                        <option value="status">Status setzen</option>
                        <option value="location">Standort setzen</option>
                        <option value="category">Kategorie setzen</option>
                        <option value="delete">Löschen</option>
                    </select>
                </div>
                <div class="field">
                    <label for="bulk_status">Status</label>
                    <select id="bulk_status" name="status">
                        <option value="">–</option>
                        @foreach(\App\Models\Asset::STATUSES as $value => $label)
                            <option value="{{ $value }}">{{ $label }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="field">
                    <label for="bulk_location">Standort</label>
                    <input type="text" id="bulk_location" name="location" maxlength="150">
                </div>
                <div class="field">
                    <label for="bulk_category">Kategorie</label>
                    <select id="bulk_category" name="category_id">
                        <option value="">–</option>
                        @foreach($categories as $cat)
                            <option value="{{ $cat->id }}">{{ $cat->name }}</option>
                        @endforeach
                    </select>
                </div>
                <button type="submit" class="btn btn-primary btn-sm" onclick="return confirm('Massenbearbeitung auf die ausgewählten Assets anwenden?')">Anwenden</button>
            </div>
        </div>
    </div>
</form>
@endsection