@extends('adminlte::page')

@section('title_postfix', ' - Svi kontakt upiti')

@section('content')

    <div class="box">
        <div class="box-header">
            <h3>Kontakt upiti</h3>
        </div>
        <!-- /.box-header -->
        <div class="box-body">
            <table id="main_table" class="display responsive table table-striped" cellspacing="0" width="100%">
                <thead>
                <tr>
                    <th>Ime</th>
                    <th>e-mail</th>
                    <th>Poruka</th>
                    <th>Datum i vrijeme</th>
                    <th></th>
                </tr>
                </thead>
                <tbody>
                @foreach($tableModel as $item)
                    <tr>
                        <td>{{ $item->first_name }}</td>
                        <td>{{ $item->email }}</td>
                        <td>{{ $item->message }}</td>
                        <td>{{ $item->created_at->format('d.m.Y H:i') }}</td>
                        <td>{{ $item->created_at->timestamp }}</td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>

@stop

@section('js')
    <script src="//cdn.datatables.net/v/bs/dt-1.10.18/datatables.min.js"></script>
    <script>
        $(document).ready(function() {

            var table = $('#main_table').DataTable({
                responsive: true,
                "language": {
                    "url": "/vendor/datatables/lang/croatian.json"
                },
                "order": [[ 4, 'desc' ]],
                columnDefs: [
                    { targets: [4], visible: false},
                ]
            });

            var body = $('body');

        })
    </script>
@stop