HOME

@extends('layouts.admin')

@section('content')

<!-- begin:: Content -->
<div class="kt-container  kt-container--fluid  kt-grid__item kt-grid__item--fluid" style="margin-top:30px">
			
	<!--begin::Portlet-->
	<div class="kt-portlet">
		<div class="kt-portlet__head">
			<div class="kt-portlet__head-label">
				<h3 class="kt-portlet__head-title">
					Packages
				</h3>
			</div>
			<div class="kt-portlet__head-toolbar">
				<div class="kt-portlet__head-wrapper">
					<div class="kt-portlet__head-actions" style="margin-left:20px">
						<a href="{{ route('admin.add_package') }}" class="btn btn-brand btn-elevate btn-icon-sm">
							<i class="la la-plus"></i>
							Create Package
						</a>
					</div>
				</div>
			</div>
		</div>
		
		<div class="kt-portlet__body">

			<!--begin::Section-->
			<div class="kt-section">
				
				<div class="kt-section__content">
				    @include('includes.admin.flash-message')
					<table class="table table-striped- table-bordered table-hover table-checkable dataTable no-footer dtr-inline" id="package_table">
						<thead>
							<tr>
								<th>#</th>
								<th>Title</th>
								<th>Sub title</th>
								<th>Price</th>>							
								<th>Status</th>								
								<th>Action</th>
							</tr>
						</thead>
						<tbody>						    
						</tbody>
					</table>
				</div>
			</div>

			<!--end::Section-->
			
		</div>
	</div>
	<!--end::Portlet-->
</div>
<!-- end:: Content -->
@endsection
@section('scripts')
<script>
function confirm_del(id){
	  var r = confirm("Do you want to delete?");
	  if (r == true) {
		  window.location.href = "{{ route('admin.login') }}/deletepackage/"+id;
	  } else {
		  //do nothing
	 }
}

// begin first table
$(function () {
    var table = $('#package_table').DataTable({
		responsive: true,
        processing: true,
        serverSide: true,
        ajax: "{{ route('admin.packagedata') }}",
        columns: [
            {data: 'DT_RowIndex', name: 'DT_RowIndex'},
            {data: 'title', name: 'title'},
            {data: 'subtitle', name: 'subtitle'},
            {data: 'price', name: 'price'},
            {data: 'status', name: 'status'},
            {data: 'action', name: 'action', orderable: false, searchable: false},
        ]
    });
  });
</script>
@endsection