@extends('adminlte::page')

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

@section('content')

    <div class="col-md-6">
    <div class="box">
        <div class="box-header with-border">
            <h3 class="box-title">Podaci o kupcu</h3>
        </div>
        <!-- /.box-header -->
        <div class="box-body no-padding">
            <table class="table">
                <tr>
                    <td>Naziv</td>
                    <td>{{ $order->name }}</td>
                </tr>
                <tr>
                    <td>Adresa</td>
                    <td>{{ $order->address }}</td>
                </tr>
                <tr>
                    <td>Poštanski broj</td>
                    <td>{{ $order->zip_code }}</td>
                </tr>
                <tr>
                    <td>Mjesto</td>
                    <td>{{ $order->city }}</td>
                </tr>
                <tr>
                    <td>OIB</td>
                    <td>{{ $order->oib }}</td>
                </tr>
                <tr>
                    <td>Telefon</td>
                    <td>{{ $order->phone }}</td>
                </tr>
                <tr>
                    <td>Kontakt osoba</td>
                    <td>{{ $order->contact_person }}</td>
                </tr>
                <tr>
                    <td>Napomena</td>
                    <td>{{ $order->note }}</td>
                </tr>
            </table>
        </div>
    </div>
    </div>

    <div class="col-md-12">
        <div class="box">
            <div class="box-header with-border">
                <h3 class="box-title">Sadržaj upita</h3>
                <div class="box-tools pull-right">
                    <a class="btn-sm btn-primary" href="{{ route('ecommerce.offer.create', $order->id) }}">Kreiraj ponudu</a>
                </div>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
                <table class="table">
                    <table id="main_table" class="display responsive  table" cellspacing="0" width="100%">
                        <thead>
                        <tr>
                            <th>ID</th>
                            <th>Naziv</th>
                            <th>Količina</th>
                            <th></th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach($order->items as $item)
                            <tr>
                                <td>{{ $item->id }}</td>
                                <td>{{ $item->name }}</td>
                                <td>{{ $item->quantity }}</td>
                                <td class="datatable-controls">

                                </td>
                            </tr>
                        @endforeach

                        </tbody>

                    </table>
                </table>
            </div>
        </div>
    </div>

@stop

@section('js')
    <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