@extends('layouts.app')

@section('content')
     <!-- start page title -->
     <div class="row">
        <div class="col-12">
            <div class="page-title-box d-flex align-items-center justify-content-between">
                <h4 class="mb-0">Material Groups</h4>

                <div class="page-title-right">
                    <ol class="breadcrumb m-0">
                        <li class="breadcrumb-item"><a href="javascript: void(0);">Materials</a></li>
                        <li class="breadcrumb-item active">Material Groups</li>
                    </ol>
                </div>

            </div>
        </div>
    </div>
    <!-- end page title -->
    <div class="card">
        <div class="card-body">
            <h4 class="card-title">Material Groups List</h4> 
            <div class="table-responsive">
                <table class="table mb-0">
                    <thead class="table-light">
                        <tr>
                            <th>#</th>
                            <th style="text-align: center">Material Group Name</th>
                            <th style="text-align: center">Material Group Code</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php($count = 1)
                        @foreach ($groups as $group)
                        <tr>
                            <th scope="row">{{ $count++ }}</th>
                            <td style="text-align: center">{{ $group->material_group_name}}</td>
                            <th style="text-align: center">{{ $group->material_group_code }}</th>
                        </tr> 
                        @endforeach
                    </tbody>
                </table>
            </div>

        </div>
    </div>
@endsection