@extends('front.layouts.master')

@section('content')
     <!-- banner section start -->
     <section class="description-banner">
        <div class="container">
            <div class="row">
                <div class="banner-content">
                    <h2 class="text-light font-heavy text-uppercase">bio medical waste report</h2>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item font-medium text-light"><a href="{{ route('front.home') }}">Home</a></li>
                            <li class="breadcrumb-item font-medium text-light">Bio Medical Waste Report</li>
                        </ol>
                    </nav>
                </div>

            </div>
        </div>
    </section>
    <!-- banner section end -->

    <!-- start biomedical-waste  -->
    @if(isset($reports) && count($reports) > 0)
    <section class="biomdecial-waste">
        <div class="container">
            <div class="row">
                <div class="heading facility-heading network-heading mb-5">
                    <h2 class="text-center font-bold mb-0">Biomedical Waste Report<br>
                        <small class="text-center font-medium" style="font-size: 14px;">(Weight in KG)</small>
                    </h2>
                </div>
                <div class="table-responsive dt-responsive">
                    <table id="dom-jqry" class="table table-bordered nowrap">
                        <thead>
                            <tr class="font-medium">
                                <th colspan="2">&nbsp;</th>
                                <th class="text-center text-light" style="background-color: #3498DB; border: 1px solid #3498DB; font-weight: 100;">Blue Category</th>
                                <th class="text-center text-light" style="background-color: #E74C3C; border: 1px solid #E74C3C; font-weight: 100;">Red Category</th>
                                <th class="text-center" style="background-color: #ffce1b; border: 1px solid #ffce1b; font-weight: 100;">Yellow Category</th>
                                <th class="text-center" style="background-color: #e7e7e7; border: 1px solid #e7e7e7; font-weight: 100;">White Category</th>
                                <th class="text-center" style="background-color: #ffce1b; border: 1px solid #ffce1b; font-weight: 100;">Cytotoxic Category</th>
                                <th class="text-center text-light" style="background-color: #95AFC0; border: 1px solid #95AFC0; font-weight: 100;">Grand Total</th>
                            </tr>
                            <tr class="font-medium">
                                <th style="font-weight: 100; background-color: #F2F2F2;">Sr.No</th>
                                <th style="font-weight: 100; background-color: #F2F2F2;">Month</th>
                                <th style="font-weight: 100; background-color: #F2F2F2;">Weight in KG</th>
                                <th style="font-weight: 100; background-color: #F2F2F2;">Weight in KG</th>
                                <th style="font-weight: 100; background-color: #F2F2F2;">Weight in KG</th>
                                <th style="font-weight: 100; background-color: #F2F2F2;">Weight in KG</th>
                                <th style="font-weight: 100; background-color: #F2F2F2;">Weight in KG</th>
                                <th style="font-weight: 100; background-color: #F2F2F2;">Weight in KG</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($reports as $i => $report)
                                <tr>
                                    <td>{{ ++$i }}</td>
                                    <td>{{ months(false, $report->month) . ' '. $report->year }}</td>
                                    <td>{{ $report->blue_category }}</td>
                                    <td>{{ $report->red_category }}</td>
                                    <td>{{ $report->yellow_category }}</td>
                                    <td>{{ $report->white_category }}</td>
                                    <td>{{ $report->cytotoxic_category }}</td>
                                    <td>{{ $report->grand_total }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </section>
    @endif
    <!-- end biomedical-waste -->
@endsection