@extends('adminlte::page')

@section('title', 'Manage Assets')

@section('content_header')
    <div class="d-flex justify-content-between align-items-center">
        <h1 class="font-weight-bold text-dark">Asset Management</h1>
        @can('create assets')
            <a class="btn btn-primary shadow-sm" href="{{ route('assets.create') }}">
                <i class="fas fa-plus mr-2"></i> Create New Asset
            </a>
        @endcan
    </div>
@stop

@section('content')
    <div class="card border-0 shadow-sm rounded-lg">
        <div class="card-body">
            @if ($message = Session::get('success'))
                <div class="alert alert-success alert-dismissible fade show shadow-sm mb-4" role="alert">
                    <i class="fas fa-check-circle mr-2"></i> {{ $message }}
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                         <span aria-hidden="true">&times;</span>
                    </button>
                </div>
            @endif

            @if(!empty($filterLabel))
                <div class="alert alert-danger border-0 shadow-sm mb-4 d-flex align-items-center justify-content-between" role="alert">
                    <span><i class="fas fa-filter mr-2"></i> Showing filtered view: <strong>{{ $filterLabel }}</strong></span>
                    <a href="{{ route('assets.index') }}" class="btn btn-sm btn-outline-danger ml-3">
                        <i class="fas fa-times mr-1"></i> Clear Filter
                    </a>
                </div>
            @endif

            <table id="assets-table" class="table table-hover table-striped w-100">
                <thead class="bg-light text-muted uppercase">
                    <tr>
                        <th class="border-0">Tag</th>
                        <th class="border-0">Name</th>
                        <th class="border-0">Serial No</th>
                        <th class="border-0">Category</th>
                        <th class="border-0">Location</th>
                        <th class="border-0">Department</th>
                         <th class="border-0">Current Value</th>
                        <th class="border-0">Status</th>
                        <th class="border-0 text-right">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($assets as $asset)
                    <tr>
                        <td class="align-middle font-weight-bold text-primary">{{ $asset->asset_tag }}</td>
                        <td class="align-middle font-weight-bold">{{ $asset->name }}</td>
                        <td class="align-middle">{{ $asset->serial_no ?? 'N/A' }}</td>
                        <td class="align-middle"><span class="badge badge-light border">{{ $asset->category->name ?? 'N/A' }}</span></td>
                        <td class="align-middle">{{ $asset->location->name ?? 'N/A' }}</td>
                        <td class="align-middle">{{ $asset->department->name ?? 'N/A' }}</td>
                        <td class="align-middle">&#8358;{{ number_format($asset->current_value, 2) }}</td>
                        <td class="align-middle">
                            @php
                                $statusColors = [
                                    'active' => 'success',
                                    'disposed' => 'danger',
                                    'under_maintenance' => 'warning',
                                    'transferred' => 'info',
                                    'missing' => 'secondary',
                                    'condemned' => 'dark'
                                ];
                                $statusColor = $statusColors[$asset->status] ?? 'secondary';
                            @endphp
                            <span class="badge badge-{{ $statusColor }} px-2 py-1">
                                {{ ucfirst(str_replace('_', ' ', $asset->status)) }}
                            </span>
                        </td>
                        <td class="align-middle text-right">
                             <div class="btn-group">
                                <a class="btn btn-sm btn-light text-info shadow-sm" href="{{ route('assets.show',$asset->id) }}" data-toggle="tooltip" title="Show">
                                    <i class="fas fa-eye"></i>
                                </a>
                                @can('edit assets')
                                    <a class="btn btn-sm btn-light text-warning shadow-sm ml-1" href="{{ route('assets.edit',$asset->id) }}" data-toggle="tooltip" title="Edit">
                                        <i class="fas fa-pen"></i>
                                    </a>
                                @endcan
                                @can('delete assets')
                                    <form action="{{ route('assets.destroy', $asset->id) }}" method="POST" style="display:inline" class="ml-1">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-sm btn-light text-danger shadow-sm" data-toggle="tooltip" title="Delete" onclick="return confirm('Are you sure you want to delete this asset?')">
                                            <i class="fas fa-trash"></i>
                                        </button>
                                    </form>
                                @endcan
                            </div>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
@stop

@section('css')
    {{-- DataTables CSS --}}
    <link rel="stylesheet" href="https://cdn.datatables.net/1.13.4/css/dataTables.bootstrap4.min.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.3.6/css/buttons.bootstrap4.min.css">
    <style>
        .card { border-radius: 0.75rem; }
        .table thead th { font-size: 0.85rem; letter-spacing: 0.05em; text-transform: uppercase; }
        .btn-group .btn { border-radius: 0.25rem !important; margin: 0 2px; }
        .dataTables_wrapper .dataTables_filter input { border-radius: 20px; padding: 5px 15px; border: 1px solid #ddd; }
        .dataTables_wrapper .dt-buttons .btn { border-radius: 20px; margin-right: 5px; font-size: 0.85rem; }
    </style>
@stop

@section('js')
    {{-- DataTables JS --}}
    <script src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.13.4/js/dataTables.bootstrap4.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/2.3.6/js/dataTables.buttons.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/2.3.6/js/buttons.bootstrap4.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
    <script src="https://cdn.datatables.net/buttons/2.3.6/js/buttons.html5.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/2.3.6/js/buttons.print.min.js"></script>
    <script src="https://cdn.datatables.net/buttons/2.3.6/js/buttons.colVis.min.js"></script>

    <script>
        $(document).ready(function() {
            var table = $('#assets-table').DataTable({
                responsive: true,
                autoWidth: false,
                "order": [[ 0, "desc" ]],
                dom: '<"row mb-3"<"col-md-6"B><"col-md-6"f>>rt<"row"<"col-md-6"i><"col-md-6"p>>',
                buttons: [
                    { extend: 'copy', className: 'btn btn-secondary btn-sm', text: '<i class="fas fa-copy mr-1"></i> Copy' },
                    { extend: 'csv', className: 'btn btn-secondary btn-sm', text: '<i class="fas fa-file-csv mr-1"></i> CSV' },
                    { extend: 'excel', className: 'btn btn-secondary btn-sm', text: '<i class="fas fa-file-excel mr-1"></i> Excel' },
                    { extend: 'pdf', className: 'btn btn-secondary btn-sm', text: '<i class="fas fa-file-pdf mr-1"></i> PDF' },
                    { extend: 'print', className: 'btn btn-secondary btn-sm', text: '<i class="fas fa-print mr-1"></i> Print' },
                    { extend: 'colvis', className: 'btn btn-secondary btn-sm', text: '<i class="fas fa-columns mr-1"></i> Columns' }
                ],
                language: {
                     search: "",
                     searchPlaceholder: "Search assets..."
                }
            });
            $('[data-toggle="tooltip"]').tooltip();
        });
    </script>
@stop