@extends('layouts.app')

@section('title', '| Families')

@section('content')

<div class="col-lg-10 col-lg-offset-1">
    <h1><i class="fa fa-users"></i> Family Information</h1>
    <hr>
    <div class="table-responsive">
        <table class="table table-bordered table-striped">
             <thead>
                <tr>
                    <th>Family Name</th>
                    <th>First Name</th>
                    <th>Last Name</th>
                    <th>Email</th>
                    <th>Address</th>
                    <th>Zip</th>
                    <th>Operations</th>
                </tr>
            </thead>

            <tbody>
                @foreach ($families as $familie)
                <tr>

                    <td>{{ $familie->family }}</td>
                    <td>{{ $familie->fname }}</td>
                    <td>{{ $familie->lname }}</td>
                    <td>{{ $familie->email }}</td>s
                    <td>{{ $familie->address }}</td>
                    <td>{{ $familie->zip }}</td>
                    <td><a href="{{ route('families.edit', $familie->id) }}" class="btn btn-info pull-left" style="margin-right: 3px;">Edit</a>

                    {!! Form::open(['method' => 'DELETE', 'route' => ['families.destroy', $familie->id] ]) !!}
                    {!! Form::submit('Delete', ['class' => 'btn btn-danger']) !!}
                    {!! Form::close() !!}
                </td>
                    
                </tr>
                @endforeach
            </tbody>

        </table>
    </div>

    <a href="{{ route('families.create') }}" class="btn btn-success">Add Family</a>

</div>

@endsection