@extends('admin.layout')

@section('content')
    <!-- Page Heading -->
    <div class="row">
        <div class="col-lg-12">
            <h1 class="page-header">
                Zamówienia
            </h1>
        </div>
    </div>
    <!-- /.row -->

    <div class="table-responsive">
        <table class="table table-striped table-bordered">
            <thead>
            <tr>
                <th>ID</th>
                <th>Zamawiający</th>
                <th>Dane kontaktowe</th>
                <th>Adres</th>
                <th>Adres wysyłki</th>
                <th>Info dodatkowe</th>
                {{--<th>Wartość</th>--}}
                <th>Data złożenia</th>
                <th>Szczegóły</th>
            </tr>
            </thead>
            <tbody>
            @foreach($orders as $order)
            <tr>
                <td>{{ $order->id }}</td>
                <td>{{ $order->company }} {{ $order->nip }}<br />{{ $order->name() }}</td>
                <td>{{ $order->email }}<br />tel.: {{ $order->phone }}</td>
                <td>{{ $order->street }} {{ $order->street_nr }}<br/>{{ $order->postcode }} {{ $order->city }}</td>
                <td>{{ $order->delivery_street }} {{ $order->delivery_street_nr }}<br/>{{ $order->delivery_postcode }} {{ $order->delivery_city }}</td>
                <td>{{ $order->extra_info }}</td>
{{--                <td>{{ $order->amount_gross }}</td>--}}
                <td>{{ $order->created_at }}</td>
                <td>

                    <button type="button" class="btn btn-primary show-modal-button" data-toggle="modal" data-target="#detialsModal" data-body="{{ json_encode($order->cart_details) }}">
                        <i class="glyphicon glyphicon-zoom-in"></i>
                    </button>
                </td>
            </tr>
            @endforeach
            </tbody>
        </table>

        {!! $orders->render() !!}
    </div>

    <!-- Modal -->
    <div class="modal" id="detialsModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">Szczegóły zamówienia</h4>
                </div>
                <div>
                    <pre  class="modal-body">

                    </pre>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Zamknij</button>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('extra_scripts')
    <script>

        $("#detialsModal").on("show.bs.modal", function(e) {
            var button = $(e.relatedTarget);
            var body = button.data('body');
            var body_obj = JSON.parse(body);
            $(this).find(".modal-body").html(body_obj);
        });
    </script>
@endsection