@props(['cname', 'fields'])

<div style="width: 100%; overflow-x: scroll; background-color: #dddddd;">
{!! Form::open(['route' => $cname, 'method' => 'get']) !!}
<table class="table table-striped">
    <thead><tr>
    @foreach($fields as $field => $data)
                <th>{!! ($data['title'] ?? $col) !!}</th>
    @endforeach
    </tr></thead>
    <tbody><tr>
    @foreach($fields as $field => $data)

        <td>
        @if($data['type'] == 'text')
            {!! Form::text($field, $_GET[$field] ?? '',
                ['placeholder' => 'Filter by '.$data['col']]) !!}
        @elseif($data['type'] == 'select')
            {!! Form::select($field, $data['options']) !!}
        @endif
        </td>
    @endforeach
    </tr></tbody>
</tbody></table>
</div>

<div style="text-align: right;" class="mb-3">
    <a href="{!! route($cname) !!}">
    <button class="btn btn-secondary" type="button">
        Clear filter
    </button>
    </a>
    {!! Form::submit('Filter', ['class' => 'btn btn-primary']) !!}
</div>
{!! Form::close() !!}