@extends('layouts.adminLayout.admin_design')
@section('content')
<div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor kt-wrapper">

	<!-- begin:: Header -->
	<div id="kt_header" class="kt-header kt-grid__item " data-ktheader-minimize="on">
		<div class="kt-container  kt-container--fluid ">

			<!-- begin:: Subheader -->
			<div class="kt-subheader   kt-grid__item">
				<div class="kt-subheader__main">
					<h3 class="kt-subheader__title">Donations</h3>
					<span class="kt-subheader__separator kt-hidden"></span>
					<div class="kt-subheader__breadcrumbs">
						<a href="#" class="kt-subheader__breadcrumbs-home"><i class="flaticon2-shelter"></i></a>
						<span class="kt-subheader__breadcrumbs-separator"></span>
						<a href="{{ url('/admin') }}" class="kt-subheader__breadcrumbs-link">
							Dashboard </a>
						<span class="kt-subheader__breadcrumbs-separator"></span>
						<a href="{{ url('/admin/donors') }}" class="kt-subheader__breadcrumbs-link">
							Donations </a>
						

						<!-- <span class="kt-subheader__breadcrumbs-link kt-subheader__breadcrumbs-link--active">Active link</span> -->
					</div>
				</div>
			</div>

			

			<!-- end:: Topbar -->
		</div>
	</div>

	<!-- end:: Header -->
	<div class="kt-content  kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor" id="kt_content">

		<!-- begin:: Subheader -->
		<div class="kt-subheader   kt-grid__item" id="kt_subheader">
			<div class="kt-container  kt-container--fluid ">
				<div class="kt-subheader__main">
					<h3 class="kt-subheader__title">Donations</h3>
					<span class="kt-subheader__separator kt-hidden"></span>
					<div class="kt-subheader__breadcrumbs">
						<a href="#" class="kt-subheader__breadcrumbs-home"><i class="flaticon2-shelter"></i></a>
						<span class="kt-subheader__breadcrumbs-separator"></span>
						<a href="{{ url('/admin') }}" class="kt-subheader__breadcrumbs-link">
							Dashboard </a>
						<span class="kt-subheader__breadcrumbs-separator"></span>
						<a href="{{ url('/admin/donors') }}" class="kt-subheader__breadcrumbs-link">
							Donations </a>
						

						<!-- <span class="kt-subheader__breadcrumbs-link kt-subheader__breadcrumbs-link--active">Active link</span> -->
					</div>
				</div>
			</div>
		</div>

		<!-- end:: Subheader -->

		<!-- begin:: Content -->
		<div class="kt-container  kt-container--fluid  kt-grid__item kt-grid__item--fluid">
			
			<div class="kt-portlet kt-portlet--mobile">
				<div class="kt-portlet__head kt-portlet__head--lg">
					<div class="kt-portlet__head-label">
						<h3 class="kt-portlet__head-title">
							Donors List
						</h3>
					</div>
					<div class="kt-portlet__head-toolbar">
						<div class="kt-portlet__head-wrapper">
							<div class="dropdown dropdown-inline">
								<button type="button" class="btn btn-default btn-bold btn-upper btn-font-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
									<i class="la la-download"></i> Export
								</button>
								<div class="dropdown-menu dropdown-menu-md dropdown-menu-right">

									<!--begin::Nav-->
									<ul class="kt-nav">
										<li class="kt-nav__head">
											Choose Export Type
											<i class="flaticon2-information" data-toggle="kt-tooltip" data-placement="right" title="Click to learn more..."></i>
										</li>
										<li class="kt-nav__separator"></li>
										<li class="kt-nav__item">
											<a href="#" class="kt-nav__link">
												<i class="kt-nav__link-icon flaticon2-drop"></i>
												<span class="kt-nav__link-text">Members</span>
											</a>
										</li>
										
									</ul>

									<!--end::Nav-->
								</div>
							</div>
							&nbsp;
							
						</div>
					</div>
				</div>
				<div class="kt-portlet__body">

					<!--begin: Search Form -->
					<div class="kt-form kt-fork--label-right kt-margin-t-20 kt-margin-b-10">
						<div class="row align-items-center">
							<div class="col-xl-8 order-2 order-xl-1">
								<div class="row align-items-center">
									<div class="col-md-4 kt-margin-b-20-tablet-and-mobile">
										<div class="kt-input-icon kt-input-icon--left">
											<input type="text" class="form-control" placeholder="Search..." id="generalSearch">
											<span class="kt-input-icon__icon kt-input-icon__icon--left">
												<span><i class="la la-search"></i></span>
											</span>
										</div>
									</div>
									<div class="col-md-4 kt-margin-b-20-tablet-and-mobile">
										<div class="kt-form__group kt-form__group--inline">
											<div class="kt-form__label">
												<label>Status:</label>
											</div>
											<div class="kt-form__control">
												<select class="form-control bootstrap-select" id="kt_form_status">
													<option value="">All</option>
													<option value="1">Pending</option>
													<option value="2">Delivered</option>
													<option value="3">Canceled</option>
													<option value="4">Success</option>
													<option value="5">Info</option>
													<option value="6">Danger</option>
												</select>
											</div>
										</div>
									</div>
									<div class="col-md-4 kt-margin-b-20-tablet-and-mobile">
										<div class="kt-form__group kt-form__group--inline">
											<div class="kt-form__label">
												<label>Type:</label>
											</div>
											<div class="kt-form__control">
												<select class="form-control bootstrap-select" id="kt_form_type">
													<option value="">All</option>
													<option value="1">SenangPay</option>
													<option value="2">Paypal</option>
													
												</select>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="col-xl-4 order-1 order-xl-2 kt-align-right">
								<a href="#" class="btn btn-default kt-hidden">
									<i class="la la-cart-plus"></i> New Order
								</a>
								
							</div>
						</div>
					</div>

					<!--end: Search Form -->
				</div>
				<div class="kt-portlet__body kt-portlet__body--fit">

					<!--begin: Datatable -->
					<table class="kt-datatable" id="html_table" width="100%">
						<thead>
							<tr>
								<th title="Field #1">Order ID</th>
								<th title="Field #2">Name</th>
								<th title="Field #3">Mobile</th>
								<th title="Field #4">Amount</th>
								<th title="Field #5">Paid To</th>
								<th title="Field #6">Order Date</th>
								<th title="Field #7">Status</th>
								<th title="Field #8">Type</th>
							</tr>
						</thead>
						<tbody>