@extends('admin.includes.base')
@section('content')
<div class="page-wrapper">
  <!-- ============================================================== -->
  <!-- Bread crumb and right sidebar toggle -->
  <!-- ============================================================== -->
  <div class="page-breadcrumb">
    <div class="row">
      <div class="col-5 align-self-center">
        <h4 class="page-title">Purchase Orders</h4>
        <div class="d-flex align-items-center"> </div>
      </div>
      <div class="col-7 align-self-center">
        <div class="d-flex no-block justify-content-end align-items-center">
          <div class="d-flex no-block justify-content-end align-items-center">
            <nav aria-label="breadcrumb">
              <ol class="breadcrumb">
                <li class="breadcrumb-item"> <a href="{{ url('admin/home') }}">Home</a> </li>
                <li class="breadcrumb-item active" aria-current="page">Purchase Orders</li>
              </ol>
            </nav>
          </div>
        </div>
      </div>
    </div>
  </div>
  @include('common.notify')
  <div class="container-fluid">
    <div class="row">
      <div class="col-2"></div>
      <div class="col-8 border p-10">
        <div class="text-centere">
          <div class="row">
            <div class="col-6"> <img src="{{ asset('admin_assets/images/logo_new.png') }}" width="100">
              <h4 class="text-dark font-20">Guru Nanak Food Bank</h4>
            </div>
            <div class="col-6 text-right">
              <div class="padd-10 px-0">
                <h4 class="text-dark font-20 mt-3"><em><strong>{{ $purchase->vendorInfo->first_name.' '.$purchase->vendorInfo->last_name }}</strong></em></h4>
                <p>{{ $purchase->vendorInfo->address.', '.$purchase->vendorInfo->postal_code }}<br>
                  {{ '+'.$purchase->vendorInfo->country_code.'-'.$purchase->vendorInfo->contact }}<br>
                  {{ $purchase->vendorInfo->email }}</p>
              </div>
            </div>
          </div>
        </div>
        <div class="m-t-0">
          <div class="row">
            <div class="col-12">
              <div class="card">
                <div class="card-body padd-10">
                  <h4 class="card-title">Punch Purchase Order <strong>{{ '#'.$purchase->purchase_number }}</strong></h4>
                </div>
                <hr class="m-t-0">
                <form class="form-horizontal r-separator" action="{{ url('purchase/package/delivery/'.$purchase->id) }}" method="POST" enctype="multipart/form-data" role="form" id="purchaseForm">
                  {{csrf_field()}}
                  <input type="hidden" name="purchase_id" value="{{ $purchase->id }}">
                  <div class="card-body bg-light">
                    <div class="row">
                      <div class="col-12">
                        <table class="table table-bordered table-stripped" id="itemsTable">
                          <tr>
                            <th width="20%"><strong>Item</strong></th>
                            <th width="20%"><strong>Quantity</strong></th>
                            <th width="20%"><strong>Unit</strong></th>
                            <th width="40%"><strong>Price</strong></th>
                          </tr>
                          @if(!empty($items))
                          @for($i=0; $i<count($items); $i++)              
                          <tr class="item-row">
                            <td> {{ $items[$i] }} </td>
                            <td><div class="input-group quantity-box" style="width: 150px;">
                                <button class="btn btn-outline-secondary minusBtn" type="button" style="border-radius:2px 0px 0px 2px;border-right: 0px;">-</button>
                                <input type="text" name="quantities[]" value="{{ $quantities[$i] }}" class="form-control text-center" />
                                <button class="btn btn-outline-secondary plusBtn" type="button" style="border-radius:0px 2px 2px 0px;border-left: 0px;">+</button>
                              </div></td>
                            <td>{{ $units[$i] }} </td>
                            <td>
                              <div class="input-group">
                                <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-donate"></i></span></div>
                                <input type="text" class="form-control" name="price[]" autocomplete="off">
                                <div class="input-group-append"> <span class="input-group-text">C<i class="fas fa-dollar-sign"></i></span> </div>
                              </div></td>
                          </tr>
                          @endfor
                          @endif
                          <tr>
                            <td colspan="3" align="right">Total</td>
                            <td>
                              <div class="input-group">
                                <div class="input-group-prepend"><span class="input-group-text"><i class="fas fa-donate"></i></span></div>
                                <input type="text" class="form-control" name="price[]" autocomplete="off">
                                <div class="input-group-append"> <span class="input-group-text">C<i class="fas fa-dollar-sign"></i></span> </div>
                              </div></td>
                          </tr>
                        </table>
                      </div>
                    </div>
                    <div class="row">
                      <div class="col-6">
                        <div class="form-group">
                          <label for="inputEmail3" class="control-label col-form-label">Delivery Date<span class="asterrisk">*</span></label>
                          <input class="form-control mydatepicker" id="delivery_date" name="delivery_date" value="{{ old('delivery_date', $purchase->delivery_date) }}" autocomplete="off">
                          @if ($errors->has('delivery_date')) <span class="help-block"> <strong>{{ $errors->first('delivery_date') }}</strong> </span> @endif </div>
                      </div>
                      <div class="col-6">
                        <div class="form-group">
                          <label for="inputEmail3" class="control-label col-form-label">Delivery Location<span class="asterrisk">*</span></label>
                          <input class="form-control" id="delivery_location" name="delivery_location" value="{{ old('delivery_location', $purchase->delivery_location) }}" autocomplete="off">
                          @if ($errors->has('delivery_location')) <span class="help-block"> <strong>{{ $errors->first('delivery_location') }}</strong> </span> @endif </div>
                      </div>
                      <div class="col-6">
                        <div class="form-group">
                          <label for="inputEmail3" class="control-label col-form-label">Admin Comments</label>
                          <textarea class="form-control" id="comments" name="comments" rows="4">{{ old('comments', $purchase->comments) }}</textarea>
                          @if ($errors->has('comments')) <span class="help-block"> <strong>{{ $errors->first('comments') }}</strong> </span> @endif </div>
                      </div>
                      <div class="col-6">
                        <div class="form-group">
                          <label for="inputEmail3" class="control-label col-form-label">Vendor Comments</label>
                          <textarea class="form-control" id="comments" name="v_comments" rows="4">{{ old('v_comments', $purchase->v_comments) }}</textarea>
                          @if ($errors->has('v_comments')) <span class="help-block"> <strong>{{ $errors->first('v_comments') }}</strong> </span> @endif </div>
                      </div>
                      <div class="col-6">
                        <div class="form-group">
                          <label for="inputEmail3" class="control-label col-form-label">Upload Proof</label>
                          <input type="file" class="form-control" id="proof" name="proof">
                          @if ($errors->has('proof')) <span class="help-block"> <strong>{{ $errors->first('proof') }}</strong> </span> @endif </div>
                      </div>
                    </div>
                  </div>
                  <div class="card-body">
                    <div class="form-group m-b-0 text-right">
                      <button type="submit" class="btn btn-info waves-effect waves-light">Receive Delivery</button>
                      <!--<a href="{{route('admin.purchase.index')}}" class="btn btn-dark waves-effect waves-light deactive_button">Cancel</a>-->
                    </div>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection

@push('scripts')
<script>
$(document).ready(function () {
	
	// Add More Button Click Event
    $("#addMore").click(function () {
        var newRow = $(".item-row:first").clone(); // Clone the first row
        //newRow.find("input, select").val(""); // Clear input values
		newRow.find("input").val("1");
        $("#itemsTable").append(newRow); // Append new row
    });

    // Remove Row
    $(document).on("click", ".removeRow", function () {
        if ($(".item-row").length > 1) {
            $(this).closest(".item-row").remove();
        } else {
            alert("At least one row is required.");
        }
    });

    $(document).on('click', '.minusBtn', function () {
        let input = $(this).siblings('input');
        let value = parseInt(input.val());
        if (value > 1) {
            input.val(value - 1);
        }
    });

    $(document).on('click', '.plusBtn', function () {
        let input = $(this).siblings('input');
        let value = parseInt(input.val());
        input.val(value + 1);
    });
});
</script>
@endpush