@extends ('../welcome')


@section('content')

<style>
    .cards tbody tr {
        float: left;
        width: 19rem;
        margin: 0.5rem;
        border: 0.0625rem solid rgba(0, 0, 0, .125);
        border-radius: .25rem;
        box-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
    }

    .cards tbody td {
        display: block;
    }

    .cards thead {
        display: none;
    }

    .cards td:before {
        content: attr(data-label);
        position: relative;
        float: left;
        color: #808080;
        min-width: 4rem;
        margin-left: 0;
        margin-right: 1rem;
        text-align: left;
    }

    tr.selected td:before {
        color: #CCC;
    }

    .table .avatar {
        width: 50px;
    }

    .cards .avatar {
        width: 150px;
        height: 150px;
        margin: 15px;
    }

    div.dataTables_wrapper div.dataTables_length select{
        width:40%;
    }
</style>

    <div class="card">
        <div class="card-header">
            <h4 class="card-title"><strong>patients</strong></h3>
        </div>
        <div class="card-body">
            <table id="patients" class="table table-bordered table-striped">
                <thead>
                    <tr>
                        <th></th>
                        <th>Name</th>
                        <th>phone</th>
                        <th>email</th>
                    </tr>
                </thead>
                
            </table>
        </div>
    </div>
@endsection