@extends('layouts.app')
@section('page-title', 'Fixed Assets')

@section('content')
<div class="page-header">
    <h1><i class="fas fa-box" style="color:#0097c4"></i> Fixed Asset Management</h1>
    <a href="{{ route('fixed-assets.create') }}" class="btn btn-primary">
        <i class="fas fa-plus"></i> Assign Asset
    </a>
</div>

<form method="GET">
    <div style="background:white;border:1px solid #e2e8f0;border-radius:10px;padding:16px;margin-bottom:20px;display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;">
        <div style="flex:2;min-width:180px;">
            <label style="font-size:0.8rem;font-weight:500;display:block;margin-bottom:5px;">Search</label>
            <input type="text" name="search" class="form-control" value="{{ request('search') }}" placeholder="Asset name or code...">
        </div>
        <div style="flex:1;min-width:180px;">
            <label style="font-size:0.8rem;font-weight:500;display:block;margin-bottom:5px;">Employee</label>
            <select name="employee_id" class="form-control">
                <option value="">All</option>
                @foreach($employees as $emp)
                    <option value="{{ $emp->id }}" {{ request('employee_id') == $emp->id ? 'selected':'' }}>{{ $emp->name }}</option>
                @endforeach
            </select>
        </div>
        <div class="flex gap-2" style="flex-shrink:0;">
            <button type="submit" class="btn btn-primary"><i class="fas fa-search"></i> Search</button>
            <a href="{{ route('fixed-assets.index') }}" class="btn btn-secondary"><i class="fas fa-times"></i></a>
        </div>
    </div>
</form>

<div class="card">
    <div class="card-header"><i class="fas fa-boxes"></i> Fixed Assets ({{ $assets->total() }})</div>
    <div class="table-wrap">
        <table>
            <thead>
                <tr><th>#</th><th>Asset Name</th><th>Asset Code</th><th>Assigned To</th><th>Assigned Date</th><th>Actions</th></tr>
            </thead>
            <tbody>
                @forelse($assets as $asset)
                <tr>
                    <td>{{ $asset->id }}</td>
                    <td><strong>{{ $asset->name }}</strong></td>
                    <td>{{ $asset->asset_code ?? '—' }}</td>
                    <td>
                        <div style="font-weight:600;">{{ $asset->employee->name }}</div>
                        <div style="font-size:0.75rem;color:#64748b;">{{ $asset->employee->rg_id }}</div>
                    </td>
                    <td>{{ $asset->assigned_date?->format('d M Y') ?? '—' }}</td>
                    <td>
                        <div class="flex gap-2">
                            <a href="{{ route('fixed-assets.edit', $asset) }}" class="btn btn-primary btn-sm"><i class="fas fa-edit"></i></a>
                            <form method="POST" action="{{ route('fixed-assets.destroy', $asset) }}" onsubmit="return confirm('Remove asset?')">
                                @csrf @method('DELETE')
                                <button type="submit" class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></button>
                            </form>
                        </div>
                    </td>
                </tr>
                @empty
                <tr><td colspan="6" class="text-center" style="padding:30px;color:#94a3b8;">No assets found.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($assets->hasPages())
        <div style="padding:16px;">{{ $assets->links() }}</div>
    @endif
</div>
@endsection