<div id="result">
    <table class="table">
        <thead>
            <th>#</th>
            <th>Serial No</th>
            <th>Status</th>
            <th>Action</th>
        </thead>
        <tbody>
            @foreach ($serials as $index => $r)
                <tr id="{{$index}}">
                    <td class="row_id">{{ $index }}</td>
                    <td class="serial_id" style="display: none">{{ $r->id }}</td>
                    <td class="serial_no">{{ $r->serial_no }}</td>
                    <td>{{ $r->status }}</td>
                    <td>
                        <div class="row">
                            <a href="#">
                                <button class="btn btn-success showEdit">Edit</button>
                            </a>
                            <a href="#">
                                <button class="btn '+c+' btn-info ml-2 delete">Delete</button>
                            </a>
                        </div>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
    <div class="d-flex justify-content-center">

    </div>

</div>
