@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>
<!--<link rel="stylesheet" href="dist/fastselect.min.css">
   <script src="dist/fastselect.standalone.js"></script>-->
   <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>Add 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>
   <div class="col-lg-12">
    @if (session('error'))
		<div class="col-sm-12">
		   <div class="alert  alert-danger alert-dismissible fade show" role="alert">
		      <span class="badge badge-pill badge-danger">Error</span> {{session('error')}}
		      <button type="button" class="close" data-dismiss="alert" aria-label="Close">
		      <span aria-hidden="true">×</span>
		      </button>
		   </div>
		</div>
		@endif

   
    @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="card">
         <div class="card-header">
            <strong>Create New</strong> Inventory
         </div>
         <div class="card-body card-block">
            <form role="form" method="POST" action="{{ url('admin/inventories/add') }}" 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="{{ old('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..."  value="{{ old('address') }}" class="form-control">{{ old('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 value="{{ old('item_type_id') }}">
                           <option value="">--Select Item Type--</option>
                           @if(!empty($newitemSelect))  
                           @foreach ($newitemSelect as $officer_key => $officers_val)
                           <option value="{{$officer_key}}" @if (old('item_type_id') == $officer_key) {{ 'selected' }} @endif>{{$officers_val}}</option>
                           @endforeach
                            @endif 
                        </select>
                        @if ($errors->has('item_type_id'))
                        <span class="help-block">The Item Type field is required</span>
                        @endif
                     </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="{{ old('in_date') }}" 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">
                  <div class="row form-group {{ $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-6 col-md-6">
                        <section id="section-examples" class="attireBlock mod1">
                           <div class="inner">
                                                      <input type="text" placeholder="Please insert Location" class="form-control" disabled="">
                            @if ($errors->has('location_id'))
                              <span class="help-block">Please Add Location First</span>
                              @endif
                                                       </div>
                        </section>
                       
                     </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"> 
                             
                             <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">
                  <div class="row form-group">
                     <div class="col col-md-3"><label><span class="text-red"></label></div>
                     <div class="col-6 col-md-6">
                     
                     </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-6 col-md-6">
                        <section id="section-examples" class="attireBlock mod1">
                           <div class="inner">
                                                        <input type="text" placeholder="Please insert User" class="form-control" disabled="">
                             @if ($errors->has('user_id'))
                              <span class="help-block">Please Add User First</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="{{ old('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  {{ $errors->has('check') ? ' has-error' : '' }}">
	                     <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"> 
                      @if ($errors->has('check'))
                        <span class="help-block">{{ $errors->first('check') }}</span>
                      @endif
			                @foreach($fileds as $key => $value)
                            <div class="form-check-inline">
                             <label class="form-check-label">
                               <input @if (old("check")) {{ (in_array($value, old("check")) ? "checked":"") }}  @endif 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" required="required" class="form-control" name="addlocation[]" /><a href="#" class="btn btn-danger remove_field"><i class="fa fa-times"></i></a></div><span class="help-block" style="display:none">Already Exist Location</span>'); //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--;
  })

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

      var ids = $(this).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},
          success: function(data) {
               $('.card_location_html').html(data)

            }
         })
  })
  
});
</script>
@endsection