<div>
    <div class="listing-skeleton">
        <div class="card">
            <div class="card-content">
                <div class="d-sm-flex d-block justify-content-sm-between justify-content-start">
                    <div class="search-box pulsate">
                    </div>
                    <div class="d-sm-flex d-block">
                        <div class="date-box pulsate me-2">
                        </div>
                        <div class="export-box pulsate me-2">
                        </div>
                        <div class="add-button-box pulsate">
                        </div>
                    </div>
                </div>
            </div>
            <div class="card-content">
                <div class="table pulsate">
                </div>
                <div class="row">
                    @for ($i = 1; $i <= 28; $i++)
                        <div class="col-3 mb-5">
                            <div class="column-box pulsate">
                            </div>
                        </div>
                    @endfor
                </div>
            </div>
        </div>
    </div>
</div>
