@extends('layouts.main')

@section('container')

<div class="main_container">
     <br><br>
     <!-- page content -->
        <div class="right_col" role="main">
          <div class="">
        
            <div class="clearfix"></div>
			<div class="row">
              <div class="col-md-6 col-xs-12 col-md-offset-3">
            	<div class="x_panel">
                  <div class="x_title">
                  	@php
                  	 $title=$row[$id]['subcategory'][$key]['title'];
                  	@endphp
                    <h2>{{$row[$id]['subcategory'][$key]['title']}} <small></small></h2>
                   <!--  <ul class="nav navbar-right panel_toolbox">
                      <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                      </li>
                      <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="fa fa-wrench"></i></a>
                        <!-- <ul class="dropdown-menu" role="menu">
                          <li><a href="#">Settings 1</a>
                          </li>
                          <li><a href="#">Settings 2</a>
                          </li>
                        </ul> 
                      </li>
                      <li><a class="close-link"><i class="fa fa-close"></i></a>
                      </li>
                    </ul> -->
                    <div class="clearfix"></div>
                  </div>
                  <div class="x_content">
					@if(empty($row[$id]['subcategory'][$key][$title]) && isset($row[$id]['subcategory'][$key][$title]))
					
                    <!-- start form for validation -->
                   <form action="{{route('company-detail-subcat')}}" method="post" class="form-horizontal" enctype="multipart/form-data" id="validate-form" >
                      <label for="fullname">Header* :</label>
                      {!! csrf_field() !!}
                       <!--calculating the length of the image array for  total number of image upload changes in jquery.filter.js-->
                          	<input type="hidden" value="1" id="image-count">
                      <input type="text" id="fullname" class="form-control"  required  name="title" value="{{old('title')}}"   maxlength="37" required="" />
						<label for="message">Description  :</label>
						
                        {{--  <textarea id="message" required="required" class="form-control" name="description"  data-parsley-trigger="keyup" data-parsley-minlength-message="Come on! You need to enter at least a 20 caracters long comment.."
                            data-parsley-validation-threshold="10"></textarea>--}}
                            <textarea  name="description" id="summernote"></textarea>
						 <label for="fullname">Upload Image* :</label>
						 <input type="file" name="upload[]" id="filer_input" multiple="multiple" required="">
						 
                          <br/>
                          
                          <input type="hidden" name="title1" value="company">
                           <input type="hidden" class="form-control" name="cat_id" value="">
                           <input type="hidden" class="form-control" name="subcat_id" value="">
                          <input type="hidden" class="form-control" name="index" value="">
                          <button class="btn btn-primary" type="submit">Save</button>

                    </form>
                    <!-- end form for validations -->
                    @else
                    
                     <form action="{{ route('company-edit-subcat') }}" method="post" class="form-horizontal" enctype="multipart/form-data" id="validate-form" >
                      <label for="fullname">Header* :</label>
                    {{csrf_field()}}
                      <input type="text" id="fullname" class="form-control"  required  name="a_header" value="{{$row[$id]['subcategory'][$key][$title]['title']}}"   maxlength="37" required="" />
						<label for="message">Description  :</label>
                          {{--<textarea required="" id="message" required="required" class="form-control" name="description"  data-parsley-trigger="keyup"  data-parsley-minlength-message="Come on! You need to enter at least a 20 caracters long comment.."
                            data-parsley-validation-threshold="10">{!! $row[$id]['subcategory'][$key][$title]['description'] !!}</textarea>--}}
                           <textarea  name="description" id="summernote">{!! $row[$id]['subcategory'][$key][$title]['description'] !!}</textarea>
							 <label for="fullname">Upload Image* :</label>
						 
						 <br>
						 <br>
						 <div class="dropme grid" style="width:auto">
						 						
						 <!--calculating the length of the image array for  total number of image upload changes in jquery.filter.js-->
                                                    	<input type="hidden" value="{{$count}}" id="image-count">
						 @if(!empty($img))
						 @foreach($img as $k=>$val)
						 <div class="col-md-3 " id="share-records-image{{$k}}">
                        <div class="thumbnail">
                          <div class="image view view-first">
                          	
                            <img class="imgValue" name="" style="width: 100%; display: block;" src="{{URL::asset('/userimage/'.$val['images'])}}" alt="image" />
                            <div class="mask">
                              <div class="tools tools-bottom">
                                <a href="#"><i class="fa fa-link"></i></a>
                                <a href="#"><i class="fa fa-pencil"></i></a>
                                <a onclick="alertDelete({{$id}},{{$key}},{{$k}})"><i class="fa fa-times"></i></a>
                              </div>
                            </div>
                          </div>
                          <div class="caption">
                            <p>{{$val['images']}}</p>
                          </div>
                        </div>
                      </div>
                      @endforeach
                      @endif
                     </div> 
                     <!-- image location relocate and getting value of old json before shuffle and after shuffle -->
                     <input type="hidden" name="image_old" value="">
	            			<input type="hidden" name="title1" value="company">
	            			<input type="hidden" id="imagejson" name="image_json">
                           <input type="hidden" class="form-control" name="cat_id" value="">
                           <input type="hidden" class="form-control" name="subcat_id" value="">
                          <input type="hidden" class="form-control" name="index" value="">
                         <div class="clearfix"></div>
                      <br><br>
						 <input type="file" name="upload[]" id="filer_input" multiple="multiple">
						  <input type="hidden"  name="title" value="company">
                          <br/> 
                          <button class="btn btn-primary" type="submit">Save</button>
					
                    </form>
                    @endif

                  </div>
                </div>


              </div>

            </div>

          </div>
        </div>
        <!-- /page content -->

        <!-- /footer content -->
      </div>

<script>
$('.dropme').dropme('enable');
$('.exclude').dropme({
				items: ':not(.disabled)'
			});
			$('.connected').dropme({
				linkTo: '.connected'
			});
</script>
<script>
function alertDelete(id,index,key){
	var APP_URL = {!! json_encode(url('/')) !!}
	swal({
  title: "Are you sure?",
  text: "You will not be able to recover this imaginary Record!",
  type: "warning",
  showCancelButton: true,
  closeOnConfirm: false,
  confirmButtonText: "Yes, delete it!",
  showLoaderOnConfirm: true,
},
function(){
 $.ajax(
                {
                    type: "post",
                    url: APP_URL+"/api/image_edit_sub_company",
                    data: "id="+id+'&index='+index+'&key='+key,
                    success: function(data){
                    	$("#share-records-image"+key).hide();
                    }
                }
        )
         .done(function(data) {
        swal("success!", "Share has been Deleted successfully !", "success");
        $('#orders-history').load(document.URL +  ' #orders-history');
      })
      .error(function(data) {
        swal("Oops", "We couldn't connect to the server!", "error");
      });
});
};
</script>
@stop