@extends('layouts.main')

@section('container')

 <div class="col-md-10 col-md-offset-1">
                <div class="x_panel">
                  <div class="x_title">
                    <h2>Events</h2>
                  <div class="clearfix"></div>
                  </div>
                  <div class="x_content">
					 <!-- start project list -->
                  <a href="{{url('/panel/addEvent')}}" class="btn btn-default btn-lg">Add Event</a>
                    <table class="table table-striped projects">
                      <thead>
                        <tr>
                          <th style="width: 1%">#</th>
                          <th style="width: 20%">Header</th>
                          <th>Images</th>
                          <th>Description</th>
                          <th style="width: 20%">#Edit</th>
                        </tr>
                      </thead>
                      <tbody>
                      	 	@if(!empty($fetch))
                   	                   	@foreach($fetch as $data)
                        <tr id="share-records{{$data['id']}}">
                          <td>#</td>
                          <td>
                            <a>{{$data['a_header']}}</a>
                            <br>
                            <small>Created  {{$data['created_at']}}</small>
                          </td>
                          <td>
                            <ul class="list-inline">
                             
                            </ul>
                          </td>
                          <td class="project_progress">
                           	                      	<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>
                            <!-- <a href="#" class="btn btn-primary btn-xs"><i class="fa fa-folder"></i> View </a> -->
                            <form  action="editEvent" method="post">
                          		{!!csrf_field()!!}
                            	<input type="hidden" value="{{$data->id}}" name="id" />
                            	<button class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> Edit </button>
                            	<a href="#" class="btn btn-danger btn-xs" onclick="alert({{$data->id}})"><i class="fa fa-trash-o" ></i> Delete </a>
                            </form>
                            
                          </td>
                        </tr>
                       	@endforeach
                  	@endif 
                       </tbody>
                    </table>
                    <!-- end project list -->

                  </div>
                </div>
              </div>
        <!-- /footer content -->
          <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>
<script>
function alert(val){
	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/deleteEvent",
                    data: "id="+val,
                    success: function(data){
                    	$("#share-records"+val).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