@extends('app')
@section('content')
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            Add Inventory Unit
        </h1>
        <ol class="breadcrumb">
            <li><a href="{{url('/')}}"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="#">Unit</a></li>
            <li class="active">Add Unit</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.unit')}}"
                              method="post" accept-charset="utf-8">
                            <!-- SmartWizard html -->

                            {{csrf_field()}}

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

                                <div class="form-group">
                                    <label>Uni Name</label>
                                    <input type="text" class="form-control"
                                           name="name"
                                           autocomplete="off"
                                           placeholder="Unit Name">
                                </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">
                                    <thead>
                                    <tr>
                                        <th>
                                            S/N
                                        </th>
                                        <th>
                                            Name
                                        </th>
                                        <th>
                                            Status
                                        </th>
                                        <th>Action</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    @forelse($inventories as $itemUnit)
                                        <tr>
                                            <td>{{$loop->index+1}}</td>
                                            <td>{{$itemUnit->name}}</td>
                                            <td>
                                                @if($itemUnit->status==1)
                                                    <label class="label label-info">Active</label>
                                                @else
                                                    <label class="label label-danger">Disabled</label>
                                                @endif
                                            </td>
                                            <td>
                                                <a id="reference_{{$itemUnit->id}}" class="btn btn-info btn-xs"
                                                   data-toggle="modal" href="#modal"
                                                   onclick="loadFormModal('{{route('edit.unit', $itemUnit)}}')">
                                                    <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();
            });

        });
    </script>

@endsection