@extends('app')
@section('content')
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            Add Inventory Supplier
        </h1>
        <ol class="breadcrumb">
            <li><a href="{{url('/')}}"><i class="fa fa-dashboard"></i> Home</a></li>
            <li><a href="#">Supplier</a></li>
            <li class="active">Add Supplier</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.supplier')}}"
                                  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"
                                               placeholder="Supplier Name">
                                    </div>

                                    <div class="form-group">
                                        <label>Company Name</label>
                                        <input type="text" class="form-control"
                                               name="company_name"
                                               autocomplete="off"
                                               placeholder="Company Name">
                                    </div>

                                    <div class="form-group">
                                        <label>Phone</label>
                                        <input type="text" class="form-control"
                                               name="phone"
                                               autocomplete="off"
                                               placeholder="Phone number">
                                    </div>

                                    <div class="form-group">
                                        <label>Email</label>
                                        <input type="text" class="form-control"
                                               name="email"
                                               autocomplete="off"
                                               placeholder="Email Address">
                                    </div>

                                    <div class="form-group">
                                        <label>Address</label>
                                        <textarea class="form-control"
                                                  name="address"
                                                  placeholder="Address"></textarea>
                                    </div>

                                    <div class="form-group">
                                        <label>Products</label>
                                        <textarea class="form-control"
                                                  name="products"
                                                  placeholder="Supplied Products"></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">
                                        <thead>
                                        <tr>
                                            <th>
                                                S/N
                                            </th>
                                            <th>
                                                Name
                                            </th>
                                            <th>
                                                Company Name
                                            </th>
                                            <th>
                                                Products
                                            </th>
                                            <th>
                                                Phone
                                            </th>
                                            <th>
                                                Address
                                            </th>
                                            <th>
                                                Status
                                            </th>
                                            <th>Action</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        @forelse($suppliers as $itemSupplier)
                                            <tr>
                                                <td>{{$loop->index+1}}</td>
                                                <td>{{$itemSupplier->name}}</td>
                                                <td>{{$itemSupplier->company_name}}</td>
                                                <td>{{$itemSupplier->products}}</td>
                                                <td>{{$itemSupplier->phone}}</td>
                                                <td>{{$itemSupplier->address}}</td>
                                                <td>
                                                    @if($itemSupplier->status==1)
                                                        <label class="label label-info">Active</label>
                                                    @else
                                                        <label class="label label-danger">Disabled</label>
                                                    @endif
                                                </td>
                                                <td>
                                                    <a id="reference_{{$itemSupplier->id}}" class="btn btn-info btn-xs"
                                                       data-toggle="modal" href="#modal"
                                                       onclick="loadFormModal('{{route('edit.supplier', $itemSupplier)}}')">
                                                        <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