@extends('layouts.app')


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

@endsection


@section('content')
<div class="card">
  <div class="card-header">
    <h5>Add Master UOM</h5>
  </div>
  <div class="card-block">
    <form class="form-horizontal create_unit" role="form" method="POST" action="{{ url('/unit/store') }}">

      {{ csrf_field() }}

      <div class="box-body">

        <div class="row">
          <div class="col-sm-12">
            <div class="form-group">
              <label>Measure</label><br>
              <select name="measure_id"  class="form-control">
                @foreach($measures as $key => $val)
                  <option value="{{ $val->measure_id }}">{{ $val->name  }}</option>
                @endforeach
              </select>             
            </div>
          </div>
        </div>

        <div class="row">
          <div class="col-sm-12">
            <div class="form-group">
              <label>Unit</label><br>
              <input type="text" class="form-control" name="unit_name" placeholder="">
            </div>
          </div>
        </div>

        <div class="row">
          <div class="col-sm-12">
            <div class="form-group">
              <label>Short Name/Symbol</label><br>
              <input type="text" class="form-control" name="symbol" placeholder="">
            </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>  
<!-- /.content -->
@endsection