@extends('main')

@section('content')
<div class="card">
    <div class="card-header">
        <h4>Craft-Wise Label Issuance Report</h4>
    </div>

    <div class="card-body table-responsive">
        <table id="craftTable" class="table table-bordered table-striped">
            <thead>
                <tr>
                    <th>S.No</th>
                    <th>Craft</th>
                    <th>Total Labels Issued</th>
                </tr>
            </thead>

            <tbody>
                @foreach($data as $i => $row)
                <tr>
                    <td>{{ $i+1 }}</td>
                    <td>{{ $row->craft }}</td>
                    <td>{{ $row->total_labels }}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>
@endsection

@section('script')
<script>
$(document).ready(function() {
    $('#craftTable').DataTable({
        dom: 'Bfrtip',
        buttons: ['excel', 'pdf']
    });
});
</script>
@endsection