@extends('admin.layout')

@section('content')
    <div class="container-fluid mt-4">
        <div class="d-flex justify-content-between align-items-center mb-3">
            <h4 class="mb-0">All Lab Prices</h4>
            <a href="{{ route('admin.labs.price') }}" class="btn btn-success">
                <i class="bi bi-plus-circle me-1"></i> Add Price
            </a>
        </div>

        <div class="card shadow-sm border-0">
            <div class="card-body">

                <div class="table-responsive">
                    <table class="table table-bordered table-striped align-middle">
                        <thead class="table-success">
                            <tr>
                                <th>#</th>
                                <th>Lab Name</th>
                                <th>Price (₹)</th>
                                <th>Created At</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($labPrices as $index => $price)
                                <tr>
                                    
                                    <td>{{ $labPrices->firstItem() + $index }}</td>
                                    <td>{{ $price->lab_name }}</td>
                                    <td>₹ {{ number_format($price->price, 2) }}</td>
                                    <td>{{ $price->created_at->format('d M Y') }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                <div class="d-flex justify-content-center mt-3">
                    {!! $labPrices->withQueryString()->links('pagination::bootstrap-5') !!}
                </div>


            </div>
        </div>
    </div>
@endsection