@extends('master.app')
@section('title','Fixed Assets Register')

@section('body')
@php
    $fmt = fn($n)=> number_format((float)$n,2);
    $lang = $filters['lang'] ?? 'en';
@endphp

@push('styles')
<style>
    html, body { overflow-x:hidden !important; }
    .app-content, main, .container-fluid { overflow-x:hidden !important; max-width:100%; }

    :root{ --border:#e5e7eb; --text:#111827; --muted:#6b7280; --bg:#f8fafc; --card:#fff; --navy:#0f172a; }
    .far, .far *{ color:var(--text); }
    .far .text-muted{ color:var(--muted)!important; }

    .cardx{ background:var(--card); border:1px solid var(--border); border-radius:16px; overflow:hidden; box-shadow:0 10px 22px rgba(0,0,0,.06); }
    .topbar{ padding:14px 16px; border-bottom:1px solid var(--border); background:linear-gradient(180deg,#fff,var(--bg));
        display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px; }
    .chip{ display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:800; padding:6px 10px; border-radius:999px; background:#fff; border:1px solid var(--border); }
    .btnx{ display:inline-flex; align-items:center; gap:8px; border:1px solid var(--border)!important; border-radius:12px!important; background:#fff!important; padding:8px 12px!important; font-weight:800; white-space:nowrap; }
    .kpi{ border:1px solid var(--border); border-radius:16px; background:#fff; padding:12px; height:100%; }
    .kpi .label{ font-size:12px; color:var(--muted); font-weight:800; display:flex; align-items:center; gap:8px; }
    .kpi .val{ font-size:18px; font-weight:900; margin-top:6px; }

    .table-responsive{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
    .tbl thead th{ background:var(--navy); color:#fff!important; font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.4px; white-space:nowrap; }
    .badge-soft{ border:1px solid rgba(17,24,39,.10); background:rgba(17,24,39,.06); padding:4px 10px; border-radius:999px; font-weight:900; font-size:12px; }
    .mono{ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,"Liberation Mono","Courier New", monospace; font-size:12px; }
</style>
@endpush

<main class="app-content far">
    <div class="container-fluid px-2">

        <div class="cardx mb-3">
            <div class="topbar">
                <div>
                    <div class="d-flex flex-wrap gap-2">
                        <span class="chip"><i class="fa fa-landmark"></i> Fixed Assets Register</span>
                        <span class="chip"><i class="fa fa-cubes"></i> Total Assets: <b>{{ $totals['count'] ?? 0 }}</b></span>
                        <span class="chip"><i class="fa fa-language"></i> Lang: <b>{{ strtoupper($lang) }}</b></span>
                    </div>
                    <div class="text-muted small mt-2">
                        Source: <b>company_assets</b> • Base = total × ex_rate
                    </div>
                </div>

                <div class="d-flex gap-2">
                    <a class="btnx" href="{{ route('reporting.reporting.fixed_assets_register.index') }}"><i class="fa fa-rotate-left"></i> Reset</a>
                    <a target="_blank" class="btnx" href="{{ route('reporting.reporting.fixed_assets_register.print', request()->query()) }}"><i class="fa fa-print"></i> Print</a>
                </div>
            </div>

            <div class="p-3">
                <form method="GET" action="{{ route('reporting.reporting.fixed_assets_register.index') }}" class="row g-2">
                    <div class="col-md-2">
                        <label class="small text-muted">Language</label>
                        <select class="form-control" name="lang">
                            <option value="en" {{ $lang==='en'?'selected':'' }}>EN</option>
                            <option value="ps" {{ $lang==='ps'?'selected':'' }}>PS</option>
                            <option value="dr" {{ $lang==='dr'?'selected':'' }}>DR</option>
                        </select>
                    </div>

                    <div class="col-md-3">
                        <label class="small text-muted">Type</label>
                        <select name="type_id" class="form-control select2">
                            <option value="">All Types</option>
                            @foreach($types as $t)
                                @php
                                    $tName = $lang==='ps' ? ($t->title_ps ?? $t->title_en ?? $t->title_dr)
                                            : ($lang==='dr' ? ($t->title_dr ?? $t->title_en ?? $t->title_ps)
                                            : ($t->title_en ?? $t->title_ps ?? $t->title_dr));
                                @endphp
                                <option value="{{ $t->id }}" {{ request('type_id')==$t->id?'selected':'' }}>
                                    {{ $tName ?? ('Type #'.$t->id) }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-2">
                        <label class="small text-muted">Department</label>
                        <select name="departement" class="form-control select2">
                            <option value="">All</option>
                            @foreach($departments as $d)
                                <option value="{{ $d }}" {{ request('departement')==$d?'selected':'' }}>{{ $d }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-2">
                        <label class="small text-muted">Condition</label>
                        <select name="condition" class="form-control">
                            <option value="">All</option>
                            @foreach(['New','Good','Used','Damaged'] as $c)
                                <option value="{{ $c }}" {{ request('condition')==$c?'selected':'' }}>{{ $c }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-3">
                        <label class="small text-muted">Search</label>
                        <input name="q" class="form-control" value="{{ request('q') }}" placeholder="name / model / vendor / description">
                    </div>

                    <div class="col-md-2">
                        <label class="small text-muted">Currency</label>
                        <select name="currency_id" class="form-control select2">
                            <option value="">All</option>
                            @foreach($currencies as $c)
                                <option value="{{ $c->id }}" {{ request('currency_id')==$c->id?'selected':'' }}>
                                    {{ $c->title_en ?? $c->title_ps ?? ('CUR #'.$c->id) }}
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-2">
                        <label class="small text-muted">Status</label>
                        <input name="status" class="form-control" value="{{ request('status') }}" placeholder="e.g. 1">
                    </div>

                    <div class="col-md-2">
                        <label class="small text-muted">From</label>
                        <input type="date" name="date_from" class="form-control" value="{{ request('date_from') }}">
                    </div>

                    <div class="col-md-2">
                        <label class="small text-muted">To</label>
                        <input type="date" name="date_to" class="form-control" value="{{ request('date_to') }}">
                    </div>

                    <div class="col-md-1">
                        <label class="small text-muted">Per Page</label>
                        <select name="per_page" class="form-control">
                            @foreach([25,50,100,200] as $pp)
                                <option value="{{ $pp }}" {{ (int)request('per_page',50)===$pp?'selected':'' }}>{{ $pp }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="col-md-1 d-flex align-items-end">
                        <button class="btn btn-primary w-100" style="border-radius:12px;"><i class="fa fa-filter"></i></button>
                    </div>
                </form>
            </div>
        </div>

        {{-- KPIs (Current page) --}}
        <div class="row g-2 mb-3">
            <div class="col-md-4">
                <div class="kpi">
                    <div class="label"><i class="fa fa-boxes-stacked"></i> Quantity (page)</div>
                    <div class="val">{{ $fmt($totals['qty'] ?? 0) }}</div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="kpi">
                    <div class="label"><i class="fa fa-money-bill-wave"></i> Total (page)</div>
                    <div class="val">{{ $fmt($totals['total'] ?? 0) }}</div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="kpi">
                    <div class="label"><i class="fa fa-coins"></i> Total Base (page)</div>
                    <div class="val">{{ $fmt($totals['base'] ?? 0) }}</div>
                </div>
            </div>
        </div>

        {{-- Table --}}
        <div class="cardx">
            <div class="topbar">
                <div class="fw-bold"><i class="fa fa-table"></i> Register</div>
                <span class="chip"><i class="fa fa-circle-info"></i> Showing: {{ $assets->firstItem() ?? 0 }}-{{ $assets->lastItem() ?? 0 }}</span>
            </div>

            <div class="p-3 table-responsive">
                <table class="table table-sm table-bordered align-middle mb-0 tbl">
                    <thead>
                        <tr>
                            <th style="min-width:240px;">Asset</th>
                            <th>Type</th>
                            <th>Department</th>
                            <th>Condition</th>
                            <th class="text-end">Qty</th>
                            <th class="text-end">Price</th>
                            <th class="text-end">Total</th>
                            <th class="text-end">FX</th>
                            <th class="text-end">Total (Base)</th>
                            <th>Date</th>
                            <th class="text-center">Status</th>
                        </tr>
                    </thead>
                    <tbody>
                    @forelse($assets as $a)
                        @php
                            $cur = $currencyLookup[$a->currency_id] ?? null;
                            $curName = $cur->title_en ?? $cur->title_ps ?? ('CUR #'.$a->currency_id);

                            $cond = strtolower((string)$a->condition);
                            $condIcon = str_contains($cond,'new') ? 'fa-sparkles'
                                        : (str_contains($cond,'good') ? 'fa-thumbs-up'
                                        : (str_contains($cond,'used') ? 'fa-recycle' : 'fa-triangle-exclamation'));
                        @endphp
                        <tr>
                            <td>
                                <div class="fw-bold">{{ $a->name }}</div>
                                <div class="text-muted small">
                                    <span class="mono badge-soft">{{ $a->model ?: '—' }}</span>
                                    <span class="ms-2">{{ $curName }}</span>
                                    @if($a->vendor_number)
                                        <span class="ms-2"><i class="fa fa-hashtag"></i> {{ $a->vendor_number }}</span>
                                    @endif
                                </div>
                            </td>
                            <td><span class="badge-soft">{{ $a->type_title ?? '—' }}</span></td>
                            <td><span class="badge-soft">{{ $a->departement ?? '—' }}</span></td>
                            <td>
                                <span class="badge-soft">
                                    <i class="fa {{ $condIcon }}"></i> {{ $a->condition ?? '—' }}
                                </span>
                            </td>
                            <td class="text-end fw-bold">{{ $fmt($a->quantity) }}</td>
                            <td class="text-end">{{ $fmt($a->price) }}</td>
                            <td class="text-end fw-bold">{{ $fmt($a->total) }}</td>
                            <td class="text-end">{{ $fmt($a->ex_rate) }}</td>
                            <td class="text-end fw-bold">{{ $fmt($a->total_base) }}</td>
                            <td>{{ $a->date }}</td>
                            <td class="text-center">
                                <span class="badge-soft">{{ $a->status }}</span>
                            </td>
                        </tr>
                    @empty
                        <tr><td colspan="11" class="text-center text-muted py-4">No assets found.</td></tr>
                    @endforelse
                    </tbody>
                </table>

                <div class="d-flex justify-content-between align-items-center flex-wrap gap-2 mt-3">
                    <div class="text-muted small">Total records: <b>{{ $assets->total() }}</b></div>
                    <div>{{ $assets->links() }}</div>
                </div>
            </div>
        </div>

    </div>
</main>
@endsection