@extends('welcome')
@section('title', '| New Group')
@section('content')
@include('successMsg')
<div class="row">
<div class="col-md-12">
<div class="" style="">
    <div class="">
      <div class="panel panel-default" style="background-color:#708090;">
        <div class="panel-heading" style="padding-bottom:0px">
          <div class="panel-options">
              <a href="{{url('addFamsPitem/')}}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-plus-sign addIcon"></i>Add Item</a>
          </div>
          <h1 align="center" style="font-family: Antiqua;letter-spacing: 2px"><font color="white">ITEMS</font></h1>
        </div>
        <div class="panel-body panelBodyView">
        <div>
          <script type="text/javascript">
          jQuery(document).ready(function($)
          {
            /*$("#famsProCtgView").dataTable().yadcf([
    
            ]);*/
            $("#famsProCtgView").dataTable({
                   "oLanguage": {
                  "sEmptyTable": "No Records Available",
                  "sLengthMenu": "Show _MENU_ "
                  }
                });
          });
          </script>
        </div>
          <table class="table table-striped table-bordered" id="famsProCtgView">
                    <thead>
                      <tr>
                        <th width="30">SL#</th>
                        <th>Name</th>
                        <th>Item Code</th>
                        <th>Action</th>
                      </tr>
                      {{ csrf_field() }}
                    </thead>
                    <tbody>
                                            @foreach($productItems as $productItem)
                        <tr class="item{{$productItem->id}}">
                          <td class="text-center slNo">{{++$no}}</td>
                          <td>
                              {{$productItem->name}}
                          </td>
                          <td>
                            {{$productItem->itemCode}}
                          </td>
                          <td  class="text-center" width="80">
                            <a href="" id={{$productItem->id}} data-toggle="modal" data-target="#edit-modal-{{$productItem->id}}" >
                              <span class="glyphicon glyphicon-edit"></span>
                            </a>&nbsp
                            <a href="" data-toggle="modal" data-target="#delete-modal-{{$productItem->id}}" >
                              <span class="glyphicon glyphicon-trash"></span>
                            </a>
                        </td>
                      </tr>
                    @endforeach
                </tbody>
          </table>


        </div>
      </div>
  </div>
  </div>
</div>
</div>

@foreach($productItems as $prodItem)


  {{-- Edit Modal --}}

  <div id="edit-modal-{{$prodItem->id}}" class="modal fade edit-modal" style="margin-top:3%;">

    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title" style="clear:both;background-color:black;color:white; padding:10px">Item</h4>
        </div>

        <div class="modal-body" >
          {!! Form::open(['url' => 'famsEditItem/','id'=>'form-$prodItem->id','class'=>'form-horizontal form-groups']) !!}
          {!! Form::hidden('itemId',$value = $prodItem->id) !!}
          <div class="form-group">
            {!! Form::label('itemName', 'Item Name:', ['class' => 'col-sm-3 control-label']) !!}
            <div class="col-sm-9">
              {!! Form::text('itemName', $value = $prodItem->name, ['class' => 'form-control', 'autocomplete' => 'off','id'=>'itemName-'.$prodItem->id, 'placeholder' => 'Enter Item Name']) !!}
              <p id='itemNamee-{{$prodItem->id}}' style="max-height:3px;"></p>
            </div>
          </div>
          <div class="form-group">
            {!! Form::label('itemCode', 'Item Code:', ['class' => 'col-sm-3 control-label']) !!}
            <div class="col-sm-9">
              {!! Form::text('itemCode', $value = $prodItem->itemCode, ['class' => 'form-control itemCode','id'=>'itemCode-'.$prodItem->id, 'autocomplete' => 'off', 'placeholder' => 'Enter Item Code']) !!}
              <p id='itemCodee-{{$prodItem->id}}' style="max-height:3px;"></p>
            </div>
          </div>
          <div class="modal-footer">
          <div class="form-group">
            <div class="col-sm-12">
              <button  type="button" class="btn actionBtn glyphicon glyphicon-check btn-success confirmButton" modalId={{$prodItem->id}}><span> Update</span></button>
              <button class="btn btn-danger glyphicon glyphicon-remove" data-dismiss="modal" type="button"><span> Close</span></button>
            </div>
          </div>
            </div>

          {!! Form::close() !!}
          </div>
        </div>
      </div>
    </div>


  {{-- Delete Modal --}}
  <div id="delete-modal-{{$prodItem->id}}" class="modal fade" style="margin-top:3%">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title" style="clear:both;background-color:black;color:white; padding:10px">Delete!</h4>
        </div>
        <div class="modal-body">
          <h2>Are You Confirm to Delete This Item?</h2>

          <div class="modal-footer">
            {!! Form::open(['url' => 'deleteFamsItem/']) !!}
            <input type="hidden" name="itemId" value={{$prodItem->id}}>
            <button  type="submit" class="btn btn-danger"><span id=""> Confirm</span></button>
            <button class="btn btn-warning glyphicon glyphicon-remove" data-dismiss="modal" type="button"><span> Close</span></button>
            {!! Form::close() !!}

          </div>

        </div>
      </div>
    </div>
  </div>
  {{-- End Delete Modal --}}
  @endforeach

<script>
  $(document).ready(function () {
    $(".confirmButton").on('click',function () {
      modalId = $(this).attr('modalId');

      var itemId = modalId;
      var itemName = $("#itemName-"+modalId).val();
      var itemCode = $("#itemCode-"+modalId).val();
      var csrf = "<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function csrf_token() in /home/shikkhaplus/public_html/guk_bk/resources/views/fams/product/productSetting/item/viewFamsPItem.blade.php:155
Stack trace:
#0 {main}
  thrown in <b>/home/shikkhaplus/public_html/guk_bk/resources/views/fams/product/productSetting/item/viewFamsPItem.blade.php</b> on line <b>155</b><br />