@extends('layouts.pro-logged-in')
@section('content')

    <h3 class="d-flex my-3 px-3 stag-heading stag-heading-index">
        <div>Relationships: List</div>
        <div class="ml-auto">
            <!-- _ADD_NEW_LINK_ -->
        </div>
    </h3>

    <div class="table-responsive p-0 bg-white border stag-table stag-table-index">
        <table class="table table-hover text-nowrap table-striped">
            <thead>
            <tr>
<th>&nbsp;</th>
<th>Name First</th>
<th>Name Last</th>
<th>Name Maiden</th>
<th>Name Middle</th>
<th>Name Prefix</th>
<th>Name Previous</th>
<th>Name Suffix</th>
            </tr>
            </thead>
            <tbody>
            @foreach($records as $record)
                <tr>
<td><a href="/relationships/view/<?= $record->uid ?>"><i class="fas fa-share-square"></i></a></td>
<td><?= $record->name_first ?></td>
<td><?= $record->name_last ?></td>
<td><?= $record->name_maiden ?></td>
<td><?= $record->name_middle ?></td>
<td><?= $record->name_prefix ?></td>
<td><?= $record->name_previous ?></td>
<td><?= $record->name_suffix ?></td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </div>

@endsection
