@extends('app')

@section('content')

    <h2 class="text-right text-muted">Αποτελέσματα πελατών</h2>
    @if($total > 0)
        <table class="table table-hover">
            <thead>
                <tr>
                    <th>#</th>
                    <th>Όνομα</th>
                    <th>Επίθετο</th>
                    <th>Διεύθυνση</th>
                    <th>Τηλέφωνο</th>
                    <th>Κινητό</th>
                </tr>
            </thead>
            <tfoot>
                <tr>
                    <td colspan="8">
                        <div class="pagination-info">
                            <strong>{{ $from }}</strong>
                            <span>&nbsp;εώς&nbsp;</span>
                            <strong>{{ $to }}</strong>
                            <span>&nbsp;από&nbsp;</span>
                            <strong>{{ $total }}</strong>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td colspan="6">{!! $clients->appends( array_filter( Request::all() ) )->render() !!}</td>
                </tr>
            </tfoot>
            <tbody>
            @foreach($clients as $client)
                <tr data-client-id="{{ $client->id }}">
                    <td>{{ $client->id }}</td>
                    <td>{{ $client->first }}</td>
                    <td>{{ $client->last }}</td>
                    <td>{{ $client->address }}</td>
                    <td class="text-warning">{{ $client->phone }}</td>
                    <td class="text-info">{{ $client->mobile }}</td>
                </tr>
            @endforeach
            </tbody>
        </table>

    @else
        <div class="alert alert-danger" role="alert">
            <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span>
            <span class="sr-only">Error:</span>
            Δεν βρέθηκε καμία εγγραφή.
        </div>
    @endif

@stop

@section('scripts')
    <script>
        $(function () {
            // Go to client details page when clicking a row from the results table
            $(document).on('click', '.table-hover tbody tr', function () {
                window.location.assign('/clients/' + $(this).data('clientId'));
            });
        });
    </script>
@stop