@extends('layouts.app')

@section('header')
<div class="card borderless-card">
    <div class="card-block primary-breadcrumb">
        <div class="breadcrumb-header">
            <h5>Add Stock</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('stock/view') }}">List Stock</a>
                </li>
                <li class="breadcrumb-item"><a href="#">Add Stock</a>
                </li>
            </ul>
        </div>
    </div>
</div>

@endsection

@section('content')

<div class="card">
  <div class="card-header">
    <h5>Add Stock</h5>
  </div>
  <div class="card-block">
    <form class="form-horizontal create_stock" role="form" method="POST" action="{{ url('/stock/store') }}">

      {{ csrf_field() }}

      <div class="box-body">

        <div class="row">
          <div class="col-sm-12">
            <div class="form-group">
              <label>Stock Category</label>
              <input type="text" class="form-control search_category_name" placeholder="Type here ..." name="category_name" autocomplete="off">
              <span class="help-block search_category_name_empty" style="display: none;">No Results Found ...</span>
              <input type="hidden" class="search_category_id" name="category_id">
            </div>
          </div>

          <div class="col-sm-12">
            <div class="form-group">
              <label>Stock Name</label><br>
              <input type="text" class="form-control" name="stock_name">
            </div>
          </div>

        </div> 

        <div class="row unit_of_measure_container"></div>
        <div class="row">
          <input type="hidden" class="measuring_units" name="measuring_units">

          <div class="col-sm-4">
            <div class="form-group">
              <label>Selling Cost / Unit (Include GST)</label>
              <input type="number" class="form-control selling_cost" name="selling_cost"  step="any" placeholder="0.00">
            </div>
          </div>

          <div class="col-sm-4">
            <div class="form-group">
              <label>GST</label><br>
              <select class="form-control gst" name="gst">
                @foreach($gst as $g)
                  <option value="{{ $g }}">{{ $g.' %' }}</option>
                @endforeach
              </select>
            </div>
          </div>

          <div class="col-sm-4 cess_block">
            <div class="form-group">
              {{-- <label>Cess (Set only if GST greater than 5%)</label><br> --}}
              <input type="hidden" class="form-control cess" name="cess" value="0">
            </div>
          </div>
        </div>

        <div class="row">
          <div class="col-sm-4">
            <div class="form-group">
              <label>Purchase Cost</label><br>
              <input type="text" class="form-control purchase_cost" name="purchase_cost" placeholder="0.0" readonly="">
            </div>
          </div>
        </div>

        <div class="row">
          <div class="col-sm-12">
            <div class="form-group">
              <label>Supplier Name</label><br>
              <select class="form-control change_supplier_name" name="supplier_id">
                <option selected="" disabled="" value=""> Select </option>
                <option value="0">- Multiple suppliers -</option>
                @foreach($supplier_details as $key => $value)
                <option value="{{ $key }}">{{ $value }}</option>
                @endforeach
              </select>
              <input type="hidden" name="supplier_name" class="supplier_name">
            </div>
          </div>
        </div>
      </div>
      <!-- /.box-body -->

      <div class="box-footer">
        <button type="reset" class="btn btn-danger pull-left">Reset</button>
        <button type="submit" class="btn btn-primary pull-right"><i class="fa fa-plus"></i> Add</button>
      </div>
    </form>
  </div>
</div>  
@endsection

@section('scripts')
  @include('inventory.stock.inc.script')
@endsection