@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">
            	<div class="x_panel">
                  <div class="x_title">
                    <h2>Add Group <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">

                    <!-- start form for validation -->
                   <form action="{{ route('AdminAddGroupRumawip') }}" method="post" class="form-horizontal" enctype="multipart/form-data" id="validate-form" >
                      <label for="fullname">Name * :</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="hidden" value="{{$id}}" name="id">
                      <input type="text" id="fullname" class="form-control"  required  name="title" value="{{old('tille')}}"   maxlength="37" required="" />
						
						 <label for="fullname">Upload Image* :</label>
						 <input type="file" name="upload[]" id="filer_input" multiple="multiple" required="">
						
                          <br/>
                          <button class="btn btn-primary" type="submit">Save</button>

                    </form>
                    <!-- end form for validations -->

                  </div>
                </div>


              </div>
              <div class="col-md-6 col-sm-12 col-xs-12">
                <div class="x_panel">
                  <div class="x_content">
				<div class="table-responsive">
                      <table class="table table-striped jambo_table bulk_action">
                        <thead>
                          <tr class="headings">
                          	<th></th>
                            <th class="column-title">Title </th>
                            <th class="column-title">images</th>
                             <th class="column-title">Date/Time</th>
                              <th class="column-title">Action</th>
                          </tr>
                        </thead>

                        <tbody>
                          
                            @if(!empty($fetch))
                            
                            @php  $json=json_decode($fetch,true); @endphp
                           
                            @foreach($json as $key=>$data)
                          <tr class="even pointer">
                          	<td></td>
                            <td class=" ">{{$data['title']}}</td>
                           @php 
                   			
                   			$img=$data['images'];
                   			$imm=json_decode($img,true);
                   			
                   			$imm=$imm[0]['images'];
                   			@endphp
                   			
                            <td class=" "><a href="{{URL::asset('/groups/img/'.$imm)}}" target="__blank">view</a></td>
 					<td class=" ">{{$data['time']['date']}} <i class="success fa fa-long-arrow-up"></i></td>
                        <td class=" "><a href="#"  onclick="alert({{$id}},{{$key}})">Delete</a></td>
                          </tr>
                          @endforeach
                           @endif
                        </tbody>
                      </table>
                    </div>
							
						
                  </div>
                </div>
              </div>

            </div>

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

        <!-- /footer content -->
      </div>
<script>
function alert(val,index){
	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(
                {
                	headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                    type: "get",
                    url: APP_URL+"/deletestatus_rumawip",
                    data: "id="+val+"&index="+index,
                     
                    success: function(data){
                    	location.reload();
                    }
                }
        )
         .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>
<script>
$('.dropme').dropme('enable');
$('.exclude').dropme({
				items: ':not(.disabled)'
			});
			$('.connected').dropme({
				linkTo: '.connected'
			});
</script>
@stop