@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">Categories</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">
							Home </a>
						<span class="kt-subheader__breadcrumbs-separator"></span>
						<a href="{{ url('/admin/add_fundraising_category') }}" class="kt-subheader__breadcrumbs-link">
							Categories </a>
						

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

			
		</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">Categories</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">
							Home </a>
						<span class="kt-subheader__breadcrumbs-separator"></span>
						<a href="{{ url('/admin/add_fundraising_category') }}" class="kt-subheader__breadcrumbs-link">
							Categories </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">
							Categories
						</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 " data-toggle="modal" data-target="#exampleModal">
									 Add New
								</button>
								

							</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>
							</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">Category ID</th>
								<th title="Field #2">Name</th>
								<th title="Field #3">Total Fundraisings</th>
								<th title="Field #4">Image</th>
								
								<th title="Field #5">Action</th>
								
							</tr>
						</thead>
						<tbody>