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

<section class="content-wrapper">
      <div class="container-fluid">
         @if (session('status'))
        <div class="alert alert-success">
        <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a> {{ session('status') }}
        </div>
    @endif

    @if ($errors->any())
    <div class="alert alert-danger">
        <ul>
            @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
    @endif
    @if (Session::has('success'))
    <div class="alert alert-danger">{{ Session::get('success')['msg'] }}</div>
    @endif
        <div class="row justify-content-center align-items-center pt-3">
          <!-- left column -->
          <div class="col-md-12">
            <!-- general form elements -->
            <div class="card card-primary">
              <div class="card-header">
                <h3 class="card-title">Add Sale Order</h3>
              </div>
              <!-- /.card-header -->
              <!-- form start -->
              <form role="form" method="post" action="{{ url('sales/store') }}" enctype="multipart/form-data">


                @csrf
                <div class="card-body">
                <div class="row">
                            


                   <div class="form-group col-md-4">
                    <label for="exampleInputEmail1">Customer</label>

                    <select name="supplier_id" class="form-control">
                      <option value="">Select Customer</option>
                      @foreach($customers as $key => $customer)
                      <option value="{{$customer->id}}">{{++$key}}. {{$customer->name}} ({{ $customer->phone }})</option>
                      @endforeach

                    </select>
                    <a href="{{ url('customer') }}">Add New customer</a>
                    
                  </div>
                  
                  
                  <div class="form-group col-md-6">
                    <label for="exampleInputEmail1">Drivery Date</label>
                    <input type="date" class="form-control"  name="delivery_date">
                  </div>
                  
                    <hr>
      <table class="table table-responsive w-100 d-block d-md-table">
        <thead>
          <tr>
            
            <th>Product Name</th>
            <th>Quantity</th>            
            <th>Sale Price</th>
            <th>Total Amount</th>
            <th><a href="#" onclick="event.preventDefault()" class="btn btn-info addRow7">Add</a></th>
          </tr>
        </thead>
        <tbody>
          <tr>           
            
            <td>
                <select name="products[]" class="form-control product" id="">
                    <option value="">Select</option>
                    @foreach($products as $product)
                    <option {{ $product->remaining_quantity == 0 ? 'disabled' : '' }} 
                        data-sale_price={{ $product->sale_price }} 
                        value="{{ $product->id }}">
                        {{ $product->name }} - {{ $product->product_number }} ({{ $product->remaining_quantity }})
                    </option>
                    @endforeach
                </select>
            </td>
            <td><input  class="form-control quantity" type="text"  placeholder="Quantity" name="product_quantity[]"></td>
          
            <td><input  class="form-control rate" type="text"  placeholder="Sale Price" value="0" name="sale_price[]"></td>
            <td><input  class="form-control tamount" type="text"  placeholder="Total Amount" name="product_total_amount[]"></td>
            <td></td>
            
          </tr>
        </tbody>
      </table>
      <hr>
      </div>
      <div class="row">
                    
                   <div class="form-group col-md-4">
                    <label for="exampleInputEmail1">Total Amount</label>
                    <input type="text" class="form-control total"  placeholder="Total Bill" name="total_amount">
                  </div>

                  <div class="form-group col-md-4">
                    <label for="exampleInputEmail1">Paid</label>
                    <input type="text" class="form-control paid"  placeholder="Total Bill" name="paid_amount" min="0" value="0">
                  </div>
                  <div class="form-group col-md-4">
                    <label for="exampleInputEmail1">Payment Method</label>
                    <select name="payment_method" class="form-control" id="">
                      <option value="">Select Payment Method</option>
                      <option value="cash">Cash</option>
                      <option value="online">Online</option>
                      <option value="cheque">cheque</option>
                    </select>
                  </div>
                 
                </div>
                
                </div>
                <!-- /.card-body -->

                <div class="card-footer">
                  <button type="submit" class="btn btn-primary">Submit</button>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>

 
  </section>

@push('footer-assets')
<script type="text/javascript" src="{{ asset('custom/js/sales.js')}}"></script>
<script>
    $('.addRow7').on('click', function(){
 
 addRow44a();
});
function addRow44a(){

    var tr ='<tr>'+ 
                    '<td><select name="products[]" class="form-control product" id="">'+
                    '<option value="">Select</option>'+
                    '@foreach($products as $product)'+
                    '<option {{ $product->remaining_quantity == 0 ? "disabled" : "" }} data-sale_price={{ $product->sale_price }} value="{{ $product->id }}">{{ $product->name }} - {{ $product->product_number }} ({{ $product->remaining_quantity }})</option>'+
                    '@endforeach'+
                '</select></td>'+
                   
                    '<td><input  class="form-control quantity" type="text"  placeholder="Quantity" name="product_quantity[]"></td>'+
                    
                    '<td><input  class="form-control rate" type="text"  placeholder="Rate" value="0" name="sale_price[]"></td>'+
                    '<td><input  class="form-control tamount" type="text"  placeholder="Total Amount" name="product_total_amount[]"></td>'+
                       
                    '<td><a href="#" class="btn btn-danger remove" onclick="event.preventDefault()">Remove</a></td>'+
                    
                '</tr>';
                $('tbody').append(tr); 
};

$('tbody').on('click', '.remove', function(){
   $(this).parent().parent().remove();
});
</script>
@endpush

@endsection