@extends('layout.layout')
@section('content')
<div class="container mt-5">
    {{-- Include alert component for success/error messages --}}
    @include('components.alert')
    <div class="card shadow-lg border-0 rounded-3">
        <div class="card-header d-flex justify-content-between align-items-center py-3">
            {{-- Updated Title --}}
            <div class="mb-0">Asset Inventory</div>
            {{-- Updated 'Add New' button link and text --}}
            <a href="{{ route('asset.create') }}" class="btn btn-sm btn-primary"><i
                    class="fas fa-plus me-1"></i>Add New Asset</a>
        </div>
        <div class="card-body mt-3">
            {{-- Filtering/Search Section --}}
            <form method="GET" class="row g-3 mb-4">
                <div class="col-md-4">
                    <div class="input-group">
                        <input type="text" name="search" class="form-control rounded-start-3" placeholder="Search by name, model, or serial..." value="{{ request('search') }}">
                        <button type="submit" class="btn btn-outline-secondary"><i class="fas fa-search"></i></button>
                    </div>
                </div>
                <div class="col-md-3">
                    <select name="status" class="form-select rounded-3" onchange="this.form.submit()">
                        <option value="">Filter by Status</option>
                        <option value="in_use" {{ request('status') === 'in_use' ? 'selected' : '' }}>In Use</option>
                        <option value="in_store" {{ request('status') === 'in_store' ? 'selected' : '' }}>In Store</option>
                        <option value="in_repair" {{ request('status') === 'in_repair' ? 'selected' : '' }}>In Repair</option>
                    </select>
                </div>
                @if (request()->filled('status') || request()->filled('search'))
                <div class="col-md-2">
                    <a href="{{ route('asset.index') }}" class="btn btn-outline-danger w-100">
                        Clear
                    </a>
                </div>
                @endif
            </form>
            @if ($assets->isNotEmpty())
            <div style="overFlow:auto !important">
                <table class="text-center table table-bordered table-sm table bordered-table sm-table mb-0">
                    <thead>
                        <tr>
                            <th>Name</th>
                            <th>Product</th>
                            <th>Serial Number</th>
                            <th>Vendor</th>
                            <th>Cost</th>
                            <th>Acquired On</th>
                            <th>Status</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($assets as $asset)
                        <tr>
                            <td>{{ $asset->name }}</td>
                            <td>
                                @foreach(explode(',', $asset->product) as $product)
                                <span class="badge bg-success me-1 mb-1">
                                    {{ trim($product) }}
                                </span>
                                @endforeach
                            </td>
                            <td>{{ $asset->serial_number }}</td>
                            <td>
                                @foreach(explode(',', $asset->vendor) as $vendor)
                                <span class="badge bg-primary me-1 mb-1">
                                    {{ trim($vendor) }}
                                </span>
                                @endforeach
                            </td>
                            <td>${{ number_format($asset->purchase_cost, 2) }}</td>
                            <td>{{ \Carbon\Carbon::parse($asset->acquisition_date)->format('Y-m-d') }}</td>
                            <td>
                                {!! $asset->is_currently_in_use == "in_use" ? '<span class="badge bg-success">In Use</span>' : '' !!}
                                {!! $asset->is_currently_in_use == "in_store"? '<span class="badge bg-secondary">In Store</span>' : '' !!}
                                {!! $asset->is_currently_in_use == "in_repair" ?  '<span class="badge bg-warning text-dark">In Repair</span>' : '' !!}
                            </td>
                            <td>
                                {{-- View Button --}}
                                <a href="{{ route('asset.show', $asset->id) }}"
                                    class="btn btn-sm btn-outline-primary" title="View Details"><i
                                        class="fas fa-eye"></i></a>

                                {{-- Edit Button --}}
                                <a href="{{ route('asset.edit', $asset->id) }}"
                                    class="btn btn-sm btn-outline-info" title="Edit"><i
                                        class="fas fa-edit"></i></a>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            {{-- Pagination Links --}}
            <div class="mt-3">
                {{ $assets->links() }}
            </div>
            @else
            <div class="text-center py-4">
                <p class="text-muted"><i class="fas fa-info-circle me-2"></i>No assets found matching the criteria.</p>
                <a href="{{ route('asset.create') }}" class="btn btn-primary mt-2">Add First Asset</a>
            </div>
            @endif
        </div>
    </div>
</div>
@endsection