@extends('layouts.admin_template')
@section('content')
@section('styles')
@parent
<link rel="stylesheet" href="{{ asset ('/css/parsley.css') }}">
@stop
<meta name="csrf-token" content="{{ csrf_token() }}">
<div class="container-fluid">
  <div class="block-header">
    <div class="row">
        <div class="col-lg-6 col-md-8 col-sm-12">
            <h2><a href="javascript:void(0);" class="btn btn-xs btn-link btn-toggle-fullwidth"><i class="fa fa-bars"></i></a> Add Food Item</h2>
            <ul class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{URL::previous()}}" class=""><i class="fa fa-arrow-left"></i></a></li>                            
                <li class="breadcrumb-item">Food Items</li>
                <li class="breadcrumb-item active">Add Food Item</li>
            </ul>
        </div>            
    </div>
  </div>
  <div class="row clearfix">
    <div class="col-lg-12 col-md-12 col-sm-12">
      <div class="card">
        <div class="header">
            <h2>Add Food Item <small>Description text here...</small> </h2>                            
        </div>
        <div class="body">
          <form  role="form" id="addServiceForm" method="post" action="{{url('add_food_item_post') }}" enctype="multipart/form-data" data-parsley-validate="">
          {{ csrf_field() }}
            <div class="row clearfix">
              <div class="col-sm-4">
                <div class="form-group">
                  <label for="title">Name*</label>
                  <input type="text" class="form-control required_input" id="name" name="name" placeholder="Name" value="{{ old('name') }}" autocomplete="off" required="">
                  @if ($errors->has('name'))
                    <span class="help-block">
                      <strong>{{ $errors->first('name') }}</strong>
                    </span>
                  @endif
                </div>
              </div>
              <div class="col-sm-4">
                <div class="form-group">
                  <label for="title">Quantity*</label>
                  <input type="text" class="form-control required_input" id="quantity" name="quantity" placeholder="Quantity" value="{{ old('quantity') }}" autocomplete="off" required="" data-parsley-min="1" data-parsley-minlength="1" data-parsley-maxlength="5">
                  @if ($errors->has('quantity'))
                    <span class="help-block">
                      <strong>{{ $errors->first('quantity') }}</strong>
                    </span>
                  @endif
                </div>
              </div>
              <div class="col-sm-4">
                <div class="form-group">
                  <label for="title">Calories* (kcal)</label>
                  <input type="text" class="form-control required_input" id="calories" name="calories" placeholder="Calories" value="{{ old('calories') }}" autocomplete="off" required="" data-parsley-min="0" data-parsley-minlength="1" data-parsley-maxlength="5" data-parsley-type="number">
                  @if ($errors->has('calories'))
                    <span class="help-block">
                      <strong>{{ $errors->first('calories') }}</strong>
                    </span>
                  @endif
                </div>
              </div>
            </div>
            <div class="row clearfix">
              <div class="col-sm-4">
                <div class="form-group">
                  <label for="title">Proteins* (g)</label>
                  <input type="text" class="form-control required_input" id="proteins" name="proteins" placeholder="Proteins" value="{{ old('proteins') }}" autocomplete="off" required="" data-parsley-min="0" data-parsley-minlength="1" data-parsley-maxlength="5" data-parsley-type="number">
                  @if ($errors->has('proteins'))
                    <span class="help-block">
                      <strong>{{ $errors->first('proteins') }}</strong>
                    </span>
                  @endif
                </div>
              </div>
              <div class="col-sm-4">
                <div class="form-group">
                  <label for="title">Fats* (g)</label>
                  <input type="text" class="form-control required_input" id="fats" name="fats" placeholder="Fats" value="{{ old('fats') }}" autocomplete="off" required="" data-parsley-min="0" data-parsley-minlength="1" data-parsley-maxlength="5" data-parsley-type="number">
                  @if ($errors->has('fats'))
                    <span class="help-block">
                      <strong>{{ $errors->first('fats') }}</strong>
                    </span>
                  @endif
                </div>
              </div>
              <div class="col-sm-4">
                <div class="form-group">
                  <label for="title">Carbohydrates* (g)</label>
                  <input type="text" class="form-control required_input" id="carbs" name="carbs" placeholder="Carbohydrates" value="{{ old('carbs') }}" autocomplete="off" required="" data-parsley-min="0" data-parsley-minlength="1" data-parsley-maxlength="5" data-parsley-type="number">
                  @if ($errors->has('carbs'))
                    <span class="help-block">
                      <strong>{{ $errors->first('carbs') }}</strong>
                    </span>
                  @endif
                </div>
              </div>
            </div>
            <button type="submit" class="btn mahendi-btn" id="submitBtn" value="validate">Submit</button>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
@section('scripts')
@parent
  <script src="{{ asset('js/parsley.min.js') }}"></script>
@stop

@endsection