@extends('layouts.admin')
@section('content')
<style>
   .fstElement { font-size: 0.6em; }
   .fstToggleBtn { min-width: 5.5em; }
   .submitBtn { display: none; }
   .fstMultipleMode { display: block; }
   .fstMultipleMode .fstControls { width: 100%; }

    .form-check-inline {
    min-width: 49%;
    margin: 0;
    }

.input_fields_wrap{
display: flex;
flex-direction: column-reverse;
width: auto;
}
.new_input{
  position: relative;
  margin-bottom: 15px;
}
.add_field_button{
  display: initial;
    width: 175px;
}
.remove_field{
  position: absolute;
    right: 0;
    top: 0;
    border-radius: 3px;
}

</style>
<meta name="csrf-token" content="{{ csrf_token() }}">

<div class="breadcrumbs">
   <div class="col-sm-4">
      <div class="page-header float-left">
         <div class="page-title">
            <h1>Edit Inventory</h1>
         </div>
      </div>
   </div>
   <div class="col-sm-8">
      <div class="page-header float-right">
         <div class="page-title">
            <ol class="breadcrumb text-right">
               <li><a href="{{url('/admin/dashboard')}}" >Dashboard</a></li>
               <li><a href="{{url('/admin/inventories/lists')}}"">All Inventory</a></li>
               <li class="active">Add Inventory</li>
            </ol>
         </div>
      </div>
   </div>
 </div>  

    @if(isset($dublication_Location) && count($dublication_Location)>0)
    <div class="col-sm-12">
       <div class="alert  alert-danger alert-dismissible fade show" role="alert">
          <span class="badge badge-pill badge-danger">Dublicate Location</span> 
          @foreach($dublication_Location as $key => $value)
            Location  <b>{{$value}}</b> is already exist.<br>
          @endforeach
          <button type="button" class="close" data-dismiss="alert" aria-label="Close">
          <span aria-hidden="true">×</span>
          </button>
       </div>
    </div>
    @endif
   
<div class="col-lg-12">
    <div class="card">
      <div class="card-header">
         <strong>Edit</strong> Inventory
      </div>
      <div class="card-body card-block">
          <form role="form" method="POST" action="{{ url('admin/inventories/edit/'.$inventory->id) }}" enctype="multipart/form-data" class=' wizard-card' novalidate >
            <div class="col-sm-12">
               {{ csrf_field() }}
               <div class="row form-group {{ $errors->has('name') ? ' has-error' : '' }}">
                  <div class="col col-md-3"><label>Name<span class="text-red">*</span> </label></div>
                  <div class="col-6 col-md-6"><input id="name" type="text" class="form-control" name="name" value="{{ $inventory->name}}" placeholder="Enter Name">
                     @if ($errors->has('name'))
                     <span class="help-block">{{ $errors->first('name') }}</span>
                     @endif
                  </div>
               </div>
            </div>
            <div class="col-sm-12">
               <div class="row form-group {{ $errors->has('address') ? ' has-error' : '' }}">
                  <div class="col col-md-3"><label for="textarea-input" class=" form-control-label">Address</label><span class="text-red">*</span></div>
                  <div class="col-6 col-md-6"><textarea name="address" id="address" rows="2" placeholder="Enter Address..."  class="form-control">{{ $inventory->address }}</textarea>
                     @if ($errors->has('address'))
                     <span class="help-block">The Address field is required</span>
                     @endif
                  </div>
               </div>
            </div>
            <div class="col-sm-12">
               <div class="row form-group {{ $errors->has('item_type_id') ? ' has-error' : '' }}">
                  <div class="col col-md-3"><label for="select" class=" form-control-label">Item Type</label><span class="text-red">*</span></div>
                  <div class="col-6 col-md-6">
                     <select class="form-control" name='item_type_id' required=true>
                        <option value="">--Select Item Type--</option>
                        {{ $selected="" }}
                        @foreach ($newitemSelect as $officer_key => $officers_val)
                        <option {{($officer_key == $inventory->item_type_id) ? 'selected' : ''}} value="{{$officer_key}}">{{$officers_val}}</option>
                        @endforeach
                     </select>
                  </div>
               </div>
            </div>
            <div class="col-sm-12">
               <div class="row form-group {{ $errors->has('in_date') ? ' has-error' : '' }}"">
                  <div class="col col-md-3"><label for="select" class=" form-control-label">Select Date</label><span class="text-red">*</span></div>
                  <div class="col-6 col-md-6">
                     <div class="input-group">
                        <div class="input-group-addon"><i class="fa fa-calendar"></i></div>
                                                <input id="in_date" autocomplete= 'off' type="text" class="form-control datepicker" name="in_date" value="{{ $date1}}" placeholder="Select Date">
                     </div>
                     @if ($errors->has('in_date'))
                     <span class="help-block">The date field is required</span>
                     @endif
                  </div>
               </div>
            </div>
            <div class="col-sm-12 product_containe">
                <div class="row form-group video_detail {{ $errors->has('location_id') ? ' has-error' : '' }}">
                  <div class="col col-md-3"><label for="email-input" class=" form-control-label">Location</label><span class="text-red">*</span></div>
                  <div class="col-9 col-md-9">
                     <section id="section-examples" class="attireBlock mod1">
                        <div class="inner">
                           <select class="multipleSelect form-control location" multiple name="location_id[]">
                              @if(count($location_detail_select)>=1)
                              @foreach ($newlocationSelect as $location_key => $location_val)
                              <option                                  value="{{$location_key}}">{{$location_val}}</option>
                                 @endforeach
                                 @endif
                                 @if(count($location_detail_select)==0)
                                 @foreach ($newlocationSelect as $location_key => $location_val)
                                 <option value="{{$location_key}}">{{$location_val}}</option>
                                 @endforeach
                                 @endif
                              </select>
                               @if ($errors->has('location_id'))
                               <span class="help-block">The location field is required</span>
                               @endif
                           </div>
                        </section>
                  </div>
                </div>
            </div>
                        <input type="hidden" class="inventory_id" value=""name="">
                        <div class="col-sm-12">
                  <div class="row form-group">
                      <div class="col col-md-3"><label for="select" class=" form-control-label">Field</label><span class="text-red">*</span></div>
                         <div class="col-6 col-md-6"> 
                             
                             <div class="card_location_html">
                                                            </div>
                        </div> 
                  </div>
            </div>

           <!--  @if(isset($session_Data))
                <div class="col-sm-12">
                  <div class="row form-group">
                     <div class="col col-md-3"></div>
                     <div class="col-6 col-md-6 input_fields_wrap">
                        <div class="input_fields_session">
                         @foreach($session_Data as $key => $value) 
                          <div class="new_input"><input type="text" class="form-control" name="addlocation[]" value="{{$value}}"/><a href="#" class="btn btn-danger remove_field"><i class="fa fa-times"></i></a></div>
                         @endforeach 
                        </div>
                     </div>
                  </div>
               </div>
               @endif  -->

            <div class="col-sm-12">
                  <div class="row form-group">
                     <div class="col col-md-3"><label>Add Location</label></div>
                     <div class="col-6 col-md-6 input_fields_wrap">
                        <a  href="javascript:;" type="button" class="btn btn-primary add_field_button" data-toggle="tooltip" title="Add New"><i class="fa fa-plus"></i> Add New Location</a>
                        <div class="input_fields_outer"></div>
                     </div>
                  </div>
            </div>

            <div class="col-sm-12 product_containe">
              <div class="row form-group video_detail {{ $errors->has('user_id') ? ' has-error' : '' }}">
                 <div class="col col-md-3"><label for="email-input" class=" form-control-label">User</label><span class="text-red">*</span></div>
                 <div class="col-9 col-md-9">
                    <section id="section-examples" class="attireBlock mod1">
                       <div class="inner">
                          <select class="multipleSelect form-control" multiple name="user_id[]" >
                             @if(count($user_detail_select)>=1)
                             @foreach ($newuserSelect as $user_key => $user_val)
                             <option                                 value="{{$user_key}}">{{$user_val}}</option>
                                @endforeach
                                @endif
                                @if(count($user_detail_select)==0)
                                @foreach ($newuserSelect as $user_key => $user_val)
                                <option value="{{$user_key}}">{{$user_val}}</option>
                                @endforeach
                                @endif
                             </select>
                              @if ($errors->has('user_id'))
                              <span class="help-block">The User field is required</span>
                             @endif
                          </div>
                       </section>
                    </div>
                 </div>
            </div>
            <div class="col-sm-12">
                  {{ csrf_field() }}
                  <div class="row form-group {{ $errors->has('password') ? ' has-error' : '' }}">
                     <div class="col col-md-3"><label>Password<span class="text-red">*</span> </label></div>
                     <div class="col-6 col-md-6"><input id="password" type="password" class="form-control" name="password" value="{{$inventory->password}}" placeholder="Enter Password">
                        @if ($errors->has('password'))
                        <span class="help-block">{{ $errors->first('password') }}</span>
                        @endif
                     </div>
                  </div>
               </div>
            <div class="col-sm-12">
                  <div class="row form-group">
                      <div class="col col-md-3"><label for="select" class=" form-control-label">Field</label><span class="text-red">*</span></div>
                         <div class="col-6 col-md-6"> 
                                                        @foreach($fileds as $key => $value)
                              <div class="form-check-inline">
                               <label class="form-check-label">
                                 <input type="checkbox"  name="check[]"   class="form-check-input" value="{{$value}}">
                                 {{$value}}
                               </label>
                              </div>
                             @endforeach 
                        </div> 
                  </div>
            </div>   
      </div>
      <div class="card-footer">
        <button type="submit" class="btn btn-primary btn-sm">
           <i class="fa fa-dot-circle-o"></i> Submit
        </button>
      </div>
          </form>
    </div>
         <script>    
            $('.datepicker').datepicker({
             changeMonth: true,
             changeYear: true,
             yearRange: '1910:2050'
          });
       </script>
</div>
<script>
  $('.multipleSelect').fastselect();
</script> 
<script>
$( document ).ready(function() {
    $('input').attr('autocomplete','off');
});
</script>
<script type="text/javascript">
$(document).ready(function() {
  var max_fields      = 10; //maximum input boxes allowed
  var wrapper       = $(".input_fields_outer"); //Fields wrapper
  var add_button      = $(".add_field_button"); //Add button ID
  
  var x = 1; //initlal text box count
  $(add_button).click(function(e){ //on add input button click
    e.preventDefault();
    if(x < max_fields){ //max input box allowed
      x++; //text box increment
      $(wrapper).append('<div class="new_input"><input type="text" class="form-control" name="addlocation[]"/><a href="#" class="btn btn-danger remove_field"><i class="fa fa-times"></i></a></div>'); //add input box
    }
  });
  
  $(wrapper).on("click",".remove_field", function(e){ //user click on remove text
    e.preventDefault(); $(this).parent('div').remove(); x--;
  })
  $('.input_fields_session').on("click",".remove_field", function(e){ //user click on remove text
    e.preventDefault(); $(this).parent('div').remove(); x--;
  })
});
</script>
<script type="text/javascript">
  
  //  $(".location").data('originalvalues', $(".location").val());
  // $(".location").on('change', function(e) {
  //   var that = this;
  //   removed = []
    
  //   $($(this).data('originalvalues')).each(function(k, v) {
  //     if (!$(that).val()) {
  //       removed[removed.length] = v;
  //       return false;
  //     }
  //     if ($(that).val().indexOf(v) == -1) {
  //       removed[removed.length] = v;
  //     }
  //   });
    
    
  //   if ($(this).val()) {
  //     $(this).data('originalvalues', $(this).val());
  //   } else {
  //     $(this).data('originalvalues', []);
  //   }
  //   $('.'+removed).remove()
  //   console.log("Removed: " + removed)


  // });
$(document).ready(function() {

// Start block
// var ids = $('.location').val()
// var title = $(".data-title").val();

// var csrf = $('meta[name="csrf-token"]').attr('content');
// console.log(csrf)
// $.ajax({
//     url: "/icheck/public/admin/inventories/getLocationField",
//     type: 'POST',
//     data: {'_token': csrf, 'ids': ids},
//     success: function(data) {
//          $('.card_location_html').html(data)

//       }
//    })
// End block 
  

  $(document).on("change",".location", function(e){

      var ids = $(this).val()
      var inventory_id = $('.inventory_id').val();
      var title = $(".data-title").val();

      var csrf = $('meta[name="csrf-token"]').attr('content');
      console.log(csrf)
      $.ajax({
          url: "/dev_icheckinventory/public/admin/inventories/getLocationField",
          type: 'POST',
          data: {'_token': csrf, 'ids': ids, 'inventory_id':inventory_id},
          success: function(data) {
               $('.card_location_html').html(data)

            }
         })
  })


});
</script>

@endsection