@extends('adminlte::page')

@section('title_postfix', ' - Ponuda')

@section('content')

    <div class="box">
        <div class="box-header">
            <h3>Nova ponuda</h3>
        </div>
        <!-- /.box-header -->
        <div class="box-body">

            
            {!! BootForm::vertical([
                  'model' => $formModel,
                  'store' => $route.'.store',
                  'autocomplete' => 'off',
                  'id' => 'main_form'
              ]) !!}


            <div class="col-md-6 col-sm-6 col-xs-12">
                {!! BootForm::hidden('order_id',  $order->id) !!}

                {!! BootForm::hidden('items',  null, ['id' => 'items']) !!}
            </div>

            <div class="col-md-12">
                <table class="table items">
                    <thead>
                    <tr>
                    <th>Naziv</th>
                    <th>Količina</th>
                    <th>Cijena</th>
                    </tr>
                    </thead>
                    <tbody>
                    @foreach($order->items as $item)
                    <tr>
                        <td class="name">{{ $item->name }}</td>
                        <td class="qty">{{ $item->quantity }}</td>
                        <td><input type="number" class="form-control"></td>
                    </tr>
                    @endforeach
                    </tbody>
                </table>

                {!! BootForm::textarea('note',  'Napomena') !!}
            </div>

            {!! BootForm::close() !!}
        </div>
        <div class="box-footer">
            <div class="col-lg-12 text-right">
                <div class="form-group controls">
                    <a href="{{ route('dashboard') }}" class="btn btn-danger">Odustani</a>
                    <a href="#" class="btn btn-primary confirm-form">Potvrdi</a>
                </div>
            </div>
        </div>
    </div>
@stop

@section('js')

    <script>
        $(document).ready(function() {
            $('tbody').sortable();
            var body = $('body');


            body.on('click', '.confirm-form', function (e) {
                e.preventDefault();

                var items = [];
                $.each($('table.items tbody tr'), function () {
                    var row = {
                        'name' : $(this).find('.name').text(),
                        'qty' : $(this).find('.qty').text(),
                        'price' : $(this).find('input').val()
                    };
                    items.push(row);
                });

                $('#items').val(JSON.stringify(items));

                $('#main_form').submit();
            })
        })
    </script>
@stop