@extends('app')
@section('content')
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            Add Inventory Item
        </h1>
        <ol class="breadcrumb">
            <li><a href="{{url('/')}}"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="#">Item</a></li>
            <li class="active">Add Item</li>
        </ol>
    </section>
    <!-- Main content -->
    <section class="content">
        <!-- SELECT2 EXAMPLE -->
        <div class="box box-info">
            <div class="box-header with-border">
                <h3 class="box-title">

                </h3>


            </div>
            <!-- /.box-header -->
            <div class="box-body">
                <div class="row">
                    <div class="col-md-12">
                        <form action="{{route('save.item')}}"
                              method="post" accept-charset="utf-8">
                            <!-- SmartWizard html -->

                            {{csrf_field()}}

                            <div class="col-md-4">

                                <div class="form-group">
                                    <label>Name</label>
                                    <input type="text" class="form-control"
                                           name="name"
                                           autocomplete="off"
                                           value="{{old('name')}}"
                                           placeholder="Item Name">
                                </div>

                                <div class="form-group">
                                    <label>Code</label>
                                    <input type="text" class="form-control"
                                           name="code"
                                           value="{{old('code')}}"
                                           autocomplete="off"
                                           placeholder="Item Code">
                                </div>

                                <div class="form-group">
                                    <label>Price</label>
                                    <input type="text" class="form-control"
                                           name="price"
                                           value="{{old('price')}}"
                                           autocomplete="off"
                                           placeholder="Item Price">
                                </div>
                                <div class="form-group">
                                    <label>Unit</label>
                                    {!! Form::select('unit_id',
                                        $units
                                        ,old('unit_id'), ['class'=> 'form-control']) !!}
                                </div>

                                <div class="form-group">
                                    <label>Alert Quantity</label>
                                    <input type="number" class="form-control"
                                           name="alert_quantity"
                                           value="{{old('alert_quantity')??1}}"
                                           autocomplete="off"
                                           placeholder="Alert Quantity">
                                </div>

                                <div class="form-group">
                                    <label>Note</label>
                                    <textarea class="form-control"
                                              name="note"
                                              placeholder="Note">{{old('note')}}</textarea>
                                </div>

                                <div class="form-group">
                                    <button type="submit" class="btn btn-info pull-right">Submit</button>
                                </div>

                            </div>

                            <div class="col-md-8">
                                <table class="table table-bordered" id="itemDatatable">
                                    <thead>
                                    <tr>
                                        <th>
                                            S/N
                                        </th>
                                        <th>
                                            Name
                                        </th>
                                        <th>
                                            Code
                                        </th>
                                        <th>
                                            Price
                                        </th>
                                        <th>
                                            Status
                                        </th>
                                        <th>Action</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @forelse($items as $item)
                                        <tr>
                                            <td>{{$loop->index+1}}</td>
                                            <td>{{$item->name}}</td>
                                            <td>{{$item->code}}</td>
                                            <td>{{$item->price}}</td>
                                            <td>
                                                @if($item->status==1)
                                                    <label class="label label-info">Active</label>
                                                @else
                                                    <label class="label label-danger">Disabled</label>
                                                @endif
                                            </td>
                                            <td>
                                                <a id="reference_{{$item->id}}" class="btn btn-info btn-xs"
                                                   data-toggle="modal" href="#modal"
                                                   onclick="loadFormModal('{{route('edit.item', $item)}}')">
                                                    <i class="fa fa-edit" title="Edit"></i>
                                                </a>
                                            </td>
                                        </tr>
                                    @empty
                                        <p>No Records</p>
                                    @endforelse

                                    </tbody>
                                </table>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

        </div>
    </section>
@endsection

@section('script')

    <script type="text/javascript">
        $(document).ready(function () {
            $('.btn-submit-action').on('click', function () {
                $("#myForm").submit();
            });
            $('#itemDatatable')
                .addClass('nowrap')
                .dataTable({
                    columnDefs: [
                        {targets: [-1, -3], className: 'dt-body-right'}
                    ]
                });
        });
    </script>

@endsection