@extends('main')

@section('content')
<div class="row clearfix">
    <div class="col-sm-12">

        <div class="card">
            <div class="card-header bg-light">
                <h4 class="card-title">Issued Label Report (QR / Alphanumeric Codes)</h4>
            </div>

            <div class="card-body">

                <div class="table-responsive">
                    <table id="labelTable" class="display table table-bordered table-striped">
                        <thead class="table-light">
                            <tr>
                                <th>S. No</th>
                                <th>QR Code</th>
                                <th>Alphanumeric Code</th>
                                <th>Carpet/Item ID</th>
                                <th>Created At</th>
                                <th>Status</th>
                            </tr>
                        </thead>

                        <tbody>
                            @foreach($data as $index => $row)
                                <tr>
                                    <td>{{ $index + 1 }}</td>
                                    <td>{{ $row->qr_code ?? 'N/A' }}</td>
                                    <td>{{ $row->alphanumeric ?? 'N/A' }}</td>
                                    <td>{{ $row->item_id ?? 'N/A' }}</td>
                                    <td>{{ $row->created_at }}</td>

                                    <td>
                                        @if($row->is_used == 1)
                                            <span class="badge bg-success">Used</span>
                                        @else
                                            <span class="badge bg-warning">Not Used</span>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>

                    </table>
                </div>

            </div>
        </div>

    </div>
</div>
@stop


@section('script')
<script>
$(document).ready(function() {
    $('#labelTable').DataTable({
        dom: 'Bfrtip',
        buttons: ['excel', 'pdf', 'print'],
        order: [[0, 'asc']]
    });
});
</script>
@stop