@extends('adminlte::page')

@section('title_postfix', ' - Upiti kupaca')

@section('content')

    <div class="box">
        <div class="box-header">
            <h3>Upiti kupaca</h3>
        </div>
        <!-- /.box-header -->
        <div class="box-body">
            <table id="main_table" class="display responsive  table" cellspacing="0" width="100%">
                <thead>
                <tr>
                    <th>ID</th>
                    <th>Naziv</th>
                    <th>Adresa</th>
                    <th>Telefon</th>
                    <th>Kontakt osoba</th>
                    <th>OIB</th>
                    <th>Datum</th>
                    <th></th>
                </tr>
                </thead>
                <tbody>
                @foreach($tableModel as $item)
                    <tr class="root_page">
                        <td>{{ $item->id }}</td>
                        <td>{{ $item->name }}</td>
                        <td>{{ $item->address }} <br> {{ $item->zip_code }} {{ $item->city }}</td>
                        <td>{{ $item->phone }}</td>
                        <td>{{ $item->contact_person }}</td>
                        <td>{{ $item->oib }}</td>
                        <td>{{ $item->created_at->format('d.m.Y H:i') }}</td>
                        <td class="datatable-controls">
                            <a href="{{ route('ecommerce.order.show', $item->id) }}"><i class="fa fa-file-o"></i></a>
                        </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": [[ 0, 'desc' ]],
                "columnDefs": [
                    {
                        "targets": [ 0 ],
                        "visible": false,
                        "searchable": false
                    }
                ]
            });

            var body = $('body');

        })
    </script>
@stop