@extends('layouts.app')


@section('header')

<div class="card borderless-card">
    <div class="card-block primary-breadcrumb">
        <div class="breadcrumb-header">
            <h5>Edit Purchase</h5>
        </div>
        <div class="page-header-breadcrumb">
            <ul class="breadcrumb-title">
                <li class="breadcrumb-item">
                    <a href="{{ \URL::to('/')}}">
                        <i class="fas fa-home"></i>
                    </a>
                </li>
                <li class="breadcrumb-item"><a href="{{ \URL::to('purchase/view') }}">List Purchase</a>
                </li>
                <li class="breadcrumb-item"><a href="#">Edit Purchase</a>
                </li>
            </ul>
        </div>
    </div>
</div>

@endsection

@section('content')

<div class="card">
    <div class="card-block">

      <form class="form-horizontal create_purchase" role="form" 
      method="POST" action="{{ url('/purchase/update/'.$stock_purchase_details->id) }}">

        {{ csrf_field() }}
        <input type="hidden" name="old_purchase_quantity" value="{{ $stock_purchase_details->quantity }}">

        <div class="box-body">

          <div class="box box-default">
            <div class="box-body">
              <div class="row">
                <div class="col-sm-3">
                  <div class="form-group">
                    <label>Branch</label>
                        @foreach($branches as $branch)
                          @if($stock_purchase_details->branch_id == $branch['id']) 
                            <input type="text" class="form-control" value="{{ $branch['name'] }}" readonly="">
                          @endif
                        @endforeach
                  </div>
                </div>
              </div>
            </div>
          </div>

          <hr>

          <div class="box box-default">

            <div class="box-body">

              <table class="table table-striped">
                <thead>
                  <tr>
                    <th>Stock Catagory</th>
                    <th>Physical Quantity</th>
                    <th>No.of.Units</th>
                    <th></th>
                  </tr>
                </thead>
                <tbody class="purchase_container">
                  <tr>
                    <td>
                      <input type="text" class="form-control edit_move_search_purchase_category_name" name="category_name" value="{{ $stock_purchase_details->stock->category_name }}" readonly="">
                    </td>
                    <td width="250px">
                      <input type="text" class="form-control" name="category_name" value="{{ $stock_purchase_details->stock->stock_name }}" readonly="">
                      <span>Available Stocks : {{ $stock_purchase_details->stock->stock_quantity }}</span>
                    </td>

                    <td width="150px">
                      <input type="hidden" class="move_search_stock_quantity" name="opening_stock" value="{{ $stock_purchase_details->stock->stock_quantity }}">
                      <input type="hidden" class="closing_stock" name="closing_stock" value="{{ '$list->closing_stock' }}">

                       <input type="text" class="form-control move_change_purchase_quantity" name="purchase_quantity" min="0" autocomplete="off" value="{{ $stock_purchase_details->quantity }}">
                      <small class="help-block max_stock" style="display: none;">Insufficient Stock</small>
                    </td>
                    <td>
                      <button type="button" class="btn btn-danger move_purchase_remove_tr">&times;</button></td>
                  </tr>
                </tbody>
              </table>

            </div>
          </div>


        </div>
        <!-- /.box-body -->

        <div class="box-footer move_add_purchase_product" >
          <button type="reset" class="btn btn-danger pull-left">Reset</button>
          <button type="submit" class="btn btn-primary pull-right"><i class="fa fa-edit"></i> Update</button>
        </div>
      </form>

</div>
</div>
@endsection

@section('scripts')
  <script type="text/javascript">    

    $(document).on('keyup','.move_change_purchase_quantity',function() {
        
        var quantity = parseInt($(this).val());
        var opening = parseInt( $(this).prev().prev().val() );


        if(  parseInt( quantity ) >  parseInt( opening ) ){
            $(this).parent().addClass('has-error');
            $(this).next().removeClass('glyphicon-ok').addClass('glyphicon-remove');
            $('.form_submit,.move_add_purchase_product').hide();
            $('.max_stock').show();
        }else{
            $(this).parent().removeClass('has-error');
            $('.form_submit,.move_add_purchase_product').show();
            $('.max_stock').hide();
        }

        $(this).prev().val( parseInt(opening) + parseInt(quantity));
        
    });
  </script>
@endsection