@extends('adminlte::page')

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

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

@section('content')
    @if ($message = Session::get('success'))
    <div class="alert alert-success alert-dismissible fade show shadow-sm" 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

    <div class="card shadow-md border-0 rounded-lg">
        <div class="card-body p-0">
            <table class="table table-hover table-striped mb-0">
                <thead class="bg-light text-muted">
                    <tr>
                        <th class="pl-4 py-3 border-0">Asset</th>
                        <th class="py-3 border-0">Date</th>
                        <th class="py-3 border-0">Type</th>
                        <th class="py-3 border-0">Cost</th>
                        <th class="py-3 border-0">Vendor</th>
                        <th class="pr-4 py-3 border-0 text-right">Action</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($services as $service)
                    <tr>
                        <td class="pl-4 align-middle font-weight-bold text-primary">{{ $service->asset->name ?? 'N/A' }}</td>
                        <td class="align-middle">{{ $service->service_date ? $service->service_date->format('Y-m-d') : '' }}</td>
                        <td class="align-middle">{{ $service->service_type }}</td>
                        <td class="align-middle font-weight-bold">{{ number_format($service->cost, 2) }}</td>
                        <td class="align-middle">{{ $service->vendor->name ?? 'N/A' }}</td>
                        <td class="pr-4 align-middle text-right">
                             <div class="btn-group">
                                <a class="btn btn-sm btn-info shadow-sm" href="{{ route('services.show',$service->id) }}" data-toggle="tooltip" title="Show">
                                    <i class="fas fa-eye"></i>
                                </a>
                                @can('edit services')
                                    <a class="btn btn-sm btn-warning shadow-sm ml-1" href="{{ route('services.edit',$service->id) }}" data-toggle="tooltip" title="Edit">
                                        <i class="fas fa-pen"></i>
                                    </a>
                                @endcan
                                @can('delete services')
                                    <form action="{{ route('services.destroy', $service->id) }}" method="POST" style="display:inline" class="ml-1">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-sm btn-danger shadow-sm" data-toggle="tooltip" title="Delete" onclick="return confirm('Are you sure?')">
                                            <i class="fas fa-trash"></i>
                                        </button>
                                    </form>
                                @endcan
                            </div>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        <div class="card-footer bg-white border-0 py-3">
            {!! $services->links('pagination::bootstrap-5') !!}
        </div>
    </div>
@stop

@section('css')
@stop

@section('js')
    <script> console.log("Services Index"); </script>
@stop