@extends('layouts.common')
 
 @section('title')
	Laiqa | Admin | Dashboard
 @endsection
 @section('content')
<div class="page-wrapper">
            <div class="content">
                <div class="row">
                    <div class="col-sm-4 col-3">
                        <h4 class="page-title">Events</h4>
                    </div>
                    <div class="col-sm-8 col-9 text-right m-b-20">
                        <a href="{{  env('APP_URL') }}create_events" class="btn btn btn-primary btn-rounded float-right"><i class="fa fa-plus"></i> Add</a>
                    </div>
                </div>
				<input type="hidden" value="{{csrf_token()}}" name="_token" />
				<div class="alert_error"></div>
				<div class="row">
					@if ($message = Session::get('success'))
						<div class="alert alert-success alert-block">

							<button type="button" class="close" data-dismiss="alert">×</button>
								<strong>{{ $message }}</strong>
						</div>
						@endif

						@if (count($errors) > 0)
							<div class="alert alert-danger">
								<strong>Whoops!</strong> There were some problems with your input.
								<ul>
									@foreach ($errors->all() as $error)
										<li>{{ $error }}</li>
									@endforeach
								</ul>
							</div>
						@endif
						<div class="alert_error"></div>
					<div class="col-md-12">
						<div class="table-responsive" > <!--id="lightgallery"-->
							<table class="table table-striped custom-table" id="ajax-crud-datatable">
								<thead>
									<tr>
										<th>ID</th>
										<th>Image</th>
										<th>Position</th>
										<th>From Date</th>
										<th>To Date</th>
										<th>Status</th>
										<th>Deleted Status</th>
										<th class="text-right">Action</th>
									</tr>
								</thead>
								<tbody>
								
								@php $public_path = url('/');  @endphp
									@if(count($list) >0)
									@foreach ($list as $key => $lists)
									<tr>
										<td>{{ $loop->iteration }}</td>
										<td>
											<a href="{{ $public_path }}/events/{{ $lists->image_name }}">
												<img style="height: 100px;width: 100px;" class="img-thumbnail" src="{{ $public_path }}/events/{{ $lists->image_name }}">
											</a>
										</td>
										<td>{{ $lists->image_position }}</td>
										<td>{{ $lists->from_date }}</td>
										<td>{{ $lists->to_date }}</td>
										<td>@if($lists->status == 1)<span class="custom-badge status-green">Active</span> @else <span class="custom-badge status-red">Inactive</span> @endif</td>
										<td>@if($lists->is_active == 1)<span class="custom-badge status-green">Active</span> @else <span class="custom-badge status-red">Deleted</span> @endif</td>
										<td class="text-right">
											<a class="dropdown-item" href="{{  env('APP_URL') }}edit_event/{{$lists->id}}"><i class="fa fa-pencil m-r-5"></i> Edit</a>
											 <a class="dropdown-item delete_btn" id="delete_btn" href="javascript:void(0);" data-id="{{$lists->id}}" > 
											 <i class="fa fa-trash m-r-5"></i> Delete
											 </a>											
                                        </td>
									</tr>
									
									 @endforeach
									 @else
										 <tr><td colspan="7">No Events</td></tr>
									 @endif
								</tbody>
							</table>
						</div>
					</div>
                </div>
            </div>
          
			
		</div>
		
		<div id="delete_event" class="modal fade delete-modal" role="dialog">
				<div class="modal-dialog modal-dialog-centered">
					<div class="modal-content">
						<div class="modal-body text-center">
							<img src="assets/img/sent.png" alt="" width="50" height="46">
							<input type="hidden" id="del_id">
							<h3>Are you sure want to delete this Appointment?</h3>
							<div class="m-t-20"> 
								<a href="#" class="btn btn-white" data-dismiss="modal">Close</a>
								<a href="#" id="delete_btnvv" class="btn btn-danger">Delete</a>
							</div>
						</div>
					</div>
				</div>
			</div>
@endsection

@section('scripts')


<script>

$(document).ready(function(){
	$('#delete_event').modal('hide');
	$('.alert').hide();
})

$('#delete_btnvv').click(function(){
	var id = $('#del_id').val();
	$.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': "{{ csrf_token() }}"
        }
    });
    $.ajax(
    {
        url: "delete_events/"+id,
        type: 'POST', // replaced from put
        dataType: "JSON",
        data: {
            "id": id // method and token not needed in data
        },
        success: function (response)
        {
           if(response.status == 1)
		   {
			    $('#delete_event').modal('hide');
				 // location.reload();
				 // $('.alert').show();
				 $('.alert_error').html('<div class="alert alert-success" id="success-alert"><button type="button" class="close" data-dismiss="alert">x</button><strong>Event Deleted Successfully</strong></div>');
				 $("#success-alert").fadeTo(2000, 500).slideUp(500, function(){
						$("#success-alert").slideUp(500);
						location.reload();
				 });
		   }			   // see the reponse sent
        },
        error: function(xhr) {
         console.log(xhr.responseText); // this line will save you tons of hours while debugging
        // do something here because of error
       }
    });
})

$(".delete_btn").click(function(){
	alert('inn');
	var id = $(this).data('id');
	
	$('#delete_event').modal('show');
	
	$('#del_id').val(id);    
});
</script>

@endsection