@extends('new_layouts.app')

@section('content')
<h1 margin="5px;">Order</h1>

<div class="row">
<div class="col-md-9">
    </div>
    <div class="col-md-3">
    </div>
</div>

<div class="alert alert-warning">
  <h6 style="text-align:center;"><strong>Attention !</strong> All orders must be placed by 13:00 hrs.</h6>
</div>

<form method="post">
    {{ csrf_field() }} 

<div id="orderDetails" style="margin:10px;">
    <div class="row">
        <div class="col-md-3 ">
            <label>Ordered By:</label>
            <select id="orderedBy" name="orderedBy" class="form-control select2">
                <br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/home3/asharbhu/public_html/debaere/resources/views/order/order.blade.php</b> on line <b>25</b><br />
            </select>
        </div>
        <div class="col-md-3">
             <label>Order Date:</label>
             <input type="text" class="form-control datepicker" value = ""  name="order_date" required />
        </div>
        <div class="col-md-3">
                 <label>Delivery Date:</label>
             <input type="text" class="form-control datepicker" value = ""  name="receive_date" required />
        </div>
       
        
    </div>
</div>
<div id="orderForm" style="margin-top:30px;" >
 <div class="row" style="margin:5px;">
        <div class="col-md-5" style="text-align:center;" >
            <b style="text-align:center;" >Item</b>
        </div>
         <div class="col-md-2" style="text-align:center;" >
            <b>Quantity</b>
        </div>
        <div class="col-md-2">
         
        </div>
</div>

            <div class="row" style="margin:5px;">
        <div class="col-md-5 col-xs-5 col-sm-5">
            <select class="form-control select2"   name="products[]"   required>
                <br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/home3/asharbhu/public_html/debaere/resources/views/order/order.blade.php</b> on line <b>86</b><br />
            </select>
        </div>
        <div class="col-md-2 col-xs-2 col-sm-2">
            <input class="form-control" type="number" name="ordered[]" min="1" value="1" placeholder="Qty Ordered" required >
        </div>
        <div class="col-md-2 col-xs-2 col-sm-2">
            <button class="removeOrder  btn btn-danger  btn-xs" style="margin-top:0px;">x</button>
        </div>
    </div>
    
    </div>

 <div class="col-md-3">
            <button type="button" id="add-more-orders" class="btn btn-primary btn-xs" style=" margin-top:20px;" ><i class="far fa-plus-square"></i> Add More Products</button>
</div>
<div class="row">
    <div class="col-md-2">
            Send Mail:
    </div>
    <div class="col-md-2">
        <input type="checkbox"  name="mail">
    </div>
    </div>

<div class="row">
    <div class="col-md-12">
        <input type="submit" value="save" class="btn btn-success btn-block" style="margin:0px; " />
    </div>
</div>
</form>





 <br />
<b>Warning</b>:  Invalid argument supplied for foreach() in <b>/home3/asharbhu/public_html/debaere/resources/views/order/order.blade.php</b> on line <b>129</b><br />



@endsection

@section('scripts')
<script>
     $(function () {
     var options = '';
   // alert('cc');
     $('#add-more-orders').click(function () {

        var row = '<div class=\"row\" style=\"margin:5px;\"><div class=\"col-md-5\"><select class=\"form-control select2\"   name=\"products[]\"   required>'+options+'</select></div><div class=\"col-md-2\"><input class=\"form-control\" type=\"number\" min=\"1\" name=\"ordered[]\" placeholder=\"Qty Ordered\" value=\"1\" required ></div><div class="col-md-2 removeOrder"><button class=\"removeOrder  btn btn-danger  btn-xs\" style=\"margin-top:0px;\">x</button></div></div></div>';
        $('#orderForm').append(row);
        $('.select2').select2({ width: 'element' });

     });

      $(document).on("click", ".removeOrder", function () {

        $(this).parent().parent().remove();

      })


     });

</script>
@endsection