@extends('layouts.main')
@section('container')

<style>
	a{
		cursor: pointer;
	}
	.dataTables_paginate a.paginate_button_disabled {
		color:none;
	}
</style>	

<div class="page-title">
          <h1>
           Listing Data View
          </h1>
        </div>
        <!-- DataTables Example -->
        <div class="row">
          <div class="col-lg-12">
            <div class="widget-container fluid-height clearfix">
             <div class="widget-content padded clearfix">
                <table class="table table-bordered table-striped" id="dataTable1">
                  <thead>
                    <th class="check-header hidden-xs">
                      <label><input id="checkAll" name="checkAll" type="checkbox"><span></span></label>
                    </th>
                    <th>
                    	Insert Date/Time
                    </th>
                     <th>
                    	sharing
                    </th>
                    <th>
                    	Header
                    </th>
                    <th>
                      Property Type
                    </th>
                    <th>
                      Description
                    </th>
                   <th>
                   	Built Up
                   </th>
                    <th>
                   	Price
                   </th> 
                   <th>
                      Matches
                   </th>
                  <th>Action</th>
                
                  </thead>
                  <tbody>
                  	@foreach($fetch as $data)
                    <tr>
                      <td class="check hidden-xs">
                        <label><input name="optionsRadios1" type="checkbox" value="option1"><span></span></label>
                      </td>
                     
                 	<td>
                 		{{$data->created_at}}
                 	</td>
                 	<td>
                 		<a href="{!! route('listing-detail', ['id'=>$data->id]) !!}" target="_blank" " class="btn btn-warning-outline">Preview</a> 
                 	</td>
                      <td>
                       {{$data->listing_header}}
                      </td>
                      <td>
                       {{$data->property_type}}
                      </td>
                      <td >
                      	                      	<div style="display:none">
							<div id="content">
								{{$data->description}}
								<div class="popModal_footer">
									<!-- <button type="button" class="btn btn-primary" data-popmodal-but="ok">ok</button> -->
									<button type="button" class="btn btn-default" data-popmodal-but="cancel">cancel</button>
								</div>
							</div>
						</div>

                      </td>
                      <td>
                       												</td>
                        <td>
                       	 						</td>
						<td>
						<form action={{route('AdminAutomatching')}} method="post">
							{{csrf_field()}}
						<input type="hidden" name="phone" value="{{$data->phone}}">	
						<input type="hidden" name="id" value="{{$data->id}}">	
						
						<button type="submit" class="btn btn-dark">Matches</button>
						</form>
						</td>
                        <td class="actions">
                        <div class="action-buttons">
                          <!--<a class="table-actions"  href="{!! route('editcondos', ['id'=>$data->id]) !!}"><i class="fa fa-eye"></i></a>-->
                          
                          <a class="table-actions"  href="{!! route('edit_listing', ['id'=>$data->id]) !!}"><i class="fa fa-pencil"></i></a>
                          <a class="table-actions"data-toggle="modal" href="#static{{$data->id}}"><i class="fa fa-trash-o"></i></a>
                        </div>
                      </td>
                     
                        <!--Delete Confirmation model-->
                                        <div id="static{{$data->id}}" class="modal fade" tabindex="-1" data-backdrop="static" data-keyboard="false">
                                            <div class="modal-dialog">
                                                <div class="modal-content">
                                                    <div class="modal-header">
                                                        <form action="{{route('AdminListingDelete')}}" method="post">
                                                        	 {!! csrf_field() !!}
                                                        	<input type="hidden" value="{{$data->id}}" name="deleteid_listing">
                                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                                                        <h4 class="modal-title">Confirmation</h4>
                                                    </div>
                                                    <div class="modal-body">
                                                        <p> Would you like to Delete the Record? </p>
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="button" data-dismiss="modal" class="btn dark btn-outline">Cancel</button>
                                                       
                                                        <button type="submit"  class="btn green">Continue Task</button>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                    </tr>
                   @endforeach
                  </tbody>
                </table>
              </div>	
            </div>
          </div>
        </div>
        <script>

	function readMore(val){
		
		$('#popModal_ex'+val).popModal({
			html : $('#content'+val),
			placement : 'bottomLeft',
			showCloseBut : true,
			onDocumentClickClose : true,
			onDocumentClickClosePrevent : '',
			overflowContent : false,
			inline : true,
			asMenu : false,
			beforeLoadingContent : 'Please, wait...',
			onOkBut : function() {},
			onCancelBut : function() {},
			onLoad : function() {},
			onClose : function() {}
		});
	};

</script>
        <!-- end DataTables Example -->

@stop