@extends('layouts.admin_template')
@section('content')
@section('styles')
@parent
<link rel="stylesheet" href="{{ asset ('/css/dataTables.bootstrap4.min.css') }}">
<link rel="stylesheet" href="{{ asset ('/css/dataTables.fixedcolumns.bootstrap4.min.css') }}">
<link rel="stylesheet" href="{{ asset ('/css/dataTables.fixedheader.bootstrap4.min.css') }}">
<link rel="stylesheet" href="{{ asset ('/css/custom.css') }}">
<link rel="stylesheet" href="{{ asset ('/css/parsley.css') }}">
@stop
<div class="loader"><img id="loaderImage" src="{{url('/loader.gif')}}"></div>
<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> Food Items</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">All Food Items</li>
        </ul>
      </div>
      </div>
    </div>
    <div class="row clearfix">
      <div class="col-md-12">
        <div class="card patients-list">
          <div class="header" style="padding-bottom: 0px;">
            <div class="row">
              <div class="col-md-6">
                <form role="form" id="deleteAllForm" method="post" action="{{url('deleteAllFooditem') }}"> 
                  {{ csrf_field() }}
                  <input type="hidden" name="foodIdsDeleteAll" id="foodIdsDeleteAll" value="">
                  <button type="submit" style="margin-bottom: 10px;display: none;" class="btn mahendi-btn delete_all">Delete All Selected</button>
                </form>
              </div>
              <div class="col-md-6">
                <button class="btn mahendi-btn pull-right addFoodModal">Add Food Item</a>
              </div>
            </div>
          </div>
          <div class="body">
            <div class="table-responsive">

              <table id="holidays_list" class="table table-hover table-custom">
                <thead class="thead-dark">
                  <tr>
                    <th width="50px"><input type="checkbox" id="master"></th>
                    <th>Name</th>
                    <th>Quantity</th>
                    <th>Calories</th>
                    <th>Protein</th>
                    <th>Carbs</th>
                    <th>Fats</th>
                    <th>Status</th>
                    <th>Action</th>
                  </tr>
                </thead>
                <tbody>
                                      <tr>
                      <td colspan="4">No Food Item found</td>                          
                    </tr>
                                  </tbody>
              </table>
            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<!-- Large Size -->
<div class="modal fade" id="viewFoodItem" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="largeModalLabel">Food Item Details</h4>
            </div>
            <div class="modal-body">
              <div class="row clearfix">
                <div class="col-sm-4">
                    <div class="form-group">
                      <label for="title">Name : </label> <span id="foodName">sdfdsfdf</span>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="form-group">
                      <label for="title">Quantity : </label> <span id="foodQuantity">sdfdsfdf</span>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="form-group">
                      <label for="title">Calories : </label> <span id="foodCalories">sdfdsfdf</span>
                    </div>
                </div>
              </div>
              <div class="row clearfix">
                <div class="col-sm-4">
                    <div class="form-group">
                      <label for="title">Proteins : </label> <span id="foodProteins">sdfdsfdf</span>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="form-group">
                      <label for="title">Carbohydrates : </label> <span id="foodCarbohydrates">sdfdsfdf</span>
                    </div>
                </div>
                <div class="col-sm-4">
                    <div class="form-group">
                      <label for="title">Fats : </label> <span id="foodFats">sdfdsfdf</span>
                    </div>
                </div>
              </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button>
            </div>
        </div>
    </div>
</div>
<!-- close -->
<!-- Default Size -->
<div class="modal fade" id="addFoodItemModal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h6 class="title" id="">Add FoodItem</h6>
            </div>
            <form role="form" id="addFoodItemModalForm" method="post" action="{{url('add_food_item_post') }}" enctype="multipart/form-data" data-parsley-validate="">
              {{ csrf_field() }}
              <div class="modal-body">
                  <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="">
                        @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" 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" 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" 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" 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>
              </div>
              <div class="modal-footer">
                  <button type="submit" class="btn mahendi-btn" id="submitBtn" value="validate">Add</button>
                  <button type="button" class="btn btn-secondary add_modal_close">Cancel</button>
              </div>
            </form>
        </div>
    </div>
</div>
<!-- Large Size -->
<div class="modal fade" id="editFoodItem" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="title" id="largeModalLabel">Food Item Details</h4>
            </div>
            <div class="modal-body">
                <form  role="form" id="addServiceForm" method="post" action="{{url('edit_food_item_post') }}" enctype="multipart/form-data" data-parsley-validate="">
                    {{ csrf_field() }}
                    <input type="hidden" name="food_id" id="foodIdForm" value="">
                    <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="nameForm" name="name" placeholder="Name" value="{{ old('name') }}" value="" 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="quantityForm" name="quantity" placeholder="Quantity" value="{{ old('quantity') }}" value="" 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="caloriesForm" name="calories" placeholder="Calories" value="{{ old('calories') }}" value="" autocomplete="off" data-parsley-min="0" data-parsley-type="number" data-parsley-minlength="1" data-parsley-maxlength="5">
                          @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="proteinsForm" name="proteins" placeholder="Proteins" value="{{ old('proteins') }}" value="" autocomplete="off" data-parsley-min="0" data-parsley-type="number" data-parsley-minlength="1" data-parsley-maxlength="5">
                          @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="fatsForm" name="fats" placeholder="Fats" value="{{ old('fats') }}" value="" autocomplete="off" data-parsley-min="0" data-parsley-type="number" data-parsley-minlength="1" data-parsley-maxlength="5">
                          @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="carbsForm" name="carbs" placeholder="Carbohydrates" value="{{ old('carbs') }}" value="" autocomplete="off" data-parsley-min="0" data-parsley-type="number" data-parsley-minlength="1" data-parsley-maxlength="5">
                          @if ($errors->has('carbs'))
                            <span class="help-block">
                              <strong>{{ $errors->first('carbs') }}</strong>
                            </span>
                          @endif
                        </div>
                      </div>
                    </div>
            </div>
            <div class="modal-footer">
                <button type="submit" class="btn mahendi-btn" id="submitBtn" value="validate">Submit</button>
                <button type="button" class="btn btn-secondary edit_modal_close">CLOSE</button>
            </div>
            </form>
        </div>
    </div>
</div>
<!-- close -->
@stop
@section('scripts')
@parent
<script src="{{ asset('js/datatablescripts.bundle.js') }}"></script>
<script src="{{ asset('js/datatable/dataTables.buttons.min.js') }}"></script>
<script src="{{ asset('js/datatable/buttons.bootstrap4.min.js') }}"></script>
<script src="{{ asset('js/datatable/jquery-datatable.js') }}"></script>
<script src="{{ asset('js/parsley.min.js') }}"></script>
<script>
  $(".loader").hide();
  $(function () {
    $('#holidays_list').DataTable({
      'paging'      : true,
      'lengthChange': true,
      'searching'   : true,
      'ordering'    : false,
      'info'        : true,
      'autoWidth'   : false
    })
  });
  //script for hit ajax to change status
  $('.toggleStatus').change(function(){
    var food_id = $(this).val();
    $.ajaxSetup({
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      }
    });
    $.ajax({
        type: 'post',
        url: '