{{ Form::open(['id' => 'valid_sites_frm', 'url' => url('app_users/add-sites/'.$userId), 'role'=>'form', 'method'=>'POST']) }}
    <table border="1" width="100%">
        <thead>
            <tr>
                <th class="text-center">Site Name</th>
                <th class="text-center">Valid</th>
            </tr>
        </thead>
        <tbody>
            @foreach($siteNamesChecked as $name => $sitesChecked)
                @foreach($sitesChecked as $k => $check)
                    <tr>
                        <td>{{ $name }}</td>
                        <td>
                            @if($check[0] === TRUE)
                                <div class="text-center text-success">
                                    <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
                                </div>
                            @elseif($check[0] === FALSE)
                                <div class="text-center text-danger">
                                    <span class="glyphicon glyphicon-remove" aria-hidden="true"></span> Multiple coincidences ({{ $check[1] }})
                                </div>
                            @else
                                <div class="text-center text-danger">
                                    <span class="glyphicon glyphicon-remove" aria-hidden="true"></span> {{ $check[0] }}
                                </div>
                            @endif
                        </td>
                    </tr>
                @endforeach
            @endforeach
        </tbody>
    </table>
    <br/>
    <div class="form-group">
        {{ Form::hidden('sites', $validIds,['id'=> 'valid_sites', 'class'=>'form-control']) }}
    </div>
{{ Form::close() }}

<script type="text/javascript">
    $(document).ready(function () {

        $('#valid_sites_frm').validate({
            highlight: function (element, errorClass) {
                $(element).parent().addClass('has-error');
            },
            unhighlight: function (element, errorClass, validClass) {
                $(element).parent().removeClass('has-error');
            },
            errorClass: 'text-danger',
            errorElement: 'span',
            ignore: '.ignore',
            onsubmit: true,
            onfocusout: false,
            onkeyup: false,
            rules: {
                sites: {
                    required: true
                }
            },
            messages: {
                sites: {
                    required: 'There are no valid sites to be added'
                }
            }
        });

    });
</script>