@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 Product Order</h3>
              </div>
              <!-- /.card-header -->
              <!-- form start -->
              <form role="form" method="post" action="{{ url('purchases/store') }}" enctype="multipart/form-data">


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


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

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

                    </select>
                    <a href="{{ url('supplier') }}">Add New Supplier</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>Image</th>
            <th>Product Number</th>
            <th>Product Name</th>
            <th>Quantity</th>
            <th>Purchase Price</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><input  class="form-control" type="file"  placeholder="Image" name="product_image[]"></td>
            <td><input  class="form-control" type="text"  placeholder="Number" name="product_number[]"></td>
            <td><input  class="form-control" type="text"  placeholder="Product Name" name="product_name[]"></td>
            <td><input  class="form-control quantity" type="text"  placeholder="Quantity" name="product_quantity[]"></td>
            <td><input  class="form-control rate" type="text"  placeholder="Purchase Price" name="purchase_price[]"></td>
            <td><input  class="form-control " 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/admin.js')}}"></script>
@endpush
@endsection