@extends('layouts.admin')
@section('content')


    <!-- Bordered panel body table -->
    <div class="panel panel-flat">
        <div class="panel-heading">
            <h3 class="panel-title">Add Product</h3>
            
            <div class="heading-elements">
                <ul class="icons-list">
                    <li><a data-action="collapse"></a></li>
                </ul>
            </div>
        </div>
           <div class="panel-body">
                <div class="table-responsive">
                    <table class="table table-bordered table-framed table-hover">
                      
                        <tbody>
                        <form method="post" action="{{ url('add_products_raw/save') }}">
                          
                            <tr>
                                <td>Select Product</td>
                                <td class="text-center">
                                  
                                   <select name="product" class="form-control" style="width:250px" required="">
                                        <option selected="true" disabled="disabled">Choose Product</option>
                                    @foreach ($products as $key => $value)
                                 <option value="{{ $key }}">{{ $value }}</option>
                                    @endforeach
                                         </select>
                                </td>
                                <td class="text-left"></td>
                            </tr>
                              <tr>
                                <td>Enter Quantity</td>
                                <td class="text-center">
                                    <input type="number" class="form-control" name="qty" placeholder="Enter Quantity" required="">
                                </td>
                                <td class="text-left"></td>
                            </tr>
                            <tr>
                                <td class="text-right" colspan="3">
                                    <button type="submit" class="btn btn-primary">
                                        Add<i class="icon-arrow-right14 position-right"></i>
                                    </button>
                                </td>
                            </tr>
                            {!! method_field('PUT') !!}
                            {!! csrf_field() !!}
                         </form>
                        </tbody>
                    </table>
                </div>
            </div>
    </div>
 

  <script type="text/javascript">
    $(document).ready(function () {
//change selectboxes to selectize mode to be searchable
   $("select").select2();
});

  </script>
</body>
</html>





    <!-- /bordered panel body table -->
@endsection