@extends('backend.layouts.app')
@section('content')

<style type="text/css">
	table {
		table-layout: fixed;
		font-size: 100%;
		word-break: break-all;
	}

	table th,
	table td {
		overflow: hidden;
	}
	div#example_info {
		color: #000 !important;
		text-transform: capitalize !important;
	}

	div#example_paginate {
		display: inline-block;
		padding-left: 0;
		margin: 20px 0;
		border-radius: 4px;
		border: 1px solid #f4f4f4;
		background: #fff;
		padding: 0px;
	}

	.dataTables_wrapper .dataTables_paginate .paginate_button.current,
	.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
		color: #000 !important;
		border: 1px solid #337ab7 !important;
		background: #337ab7 !important;
		color: #fff !important;
	}

	.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
		border: 1px solid #337ab7 !important;
		background: #337ab7 !important;
		color: #fff !important;
	}

	.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
	.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
		cursor: default;
		color: #fff !important;
	}

	table.dataTable thead th, table.dataTable thead td { border-bottom: none !important;}

	table.dataTable tfoot th, table.dataTable tfoot td { border-top: none !important; }

	div.dataTables_length select {
		border-radius: 0!important;
		border-color: #d2d6de;
		height: 34px;
		padding: 5px 5px;
		background-color: #fff;
		background-image: none;
		border: 1px solid #ccc; }

		div.dataTables_length label { font-weight: bold !important; }

		.dataTables_wrapper .dataTables_filter input {
			border-radius: 0!important;
			border-color: #d2d6de;
			height: 34px;
			padding: 5px 5px;
			background-color: #fff;
			background-image: none;
			border: 1px solid #ccc;
		}

		div.dataTables_filter label { font-weight: bold!important; }

		.col-sm-6{
			margin-top: 10px;
		}
		.required-star{
			color: red;
		}
	</style>

	<div class="col-md-12">
		@if (Session::has('message'))
		<div class="alert alert-success" role="alert">
			{{Session::get('message')}}
		</div>
		@elseif (Session::has('error'))
		<div class="alert alert-warning" role="alert">
			{{Session::get('error')}}
		</div>
		@endif
	</div>

	<div class="container-fluid" style="min-height: 100vh">
		<div class="row bg-white pt-3 pb-5">
			<div class="col-md-12" id="backend-configuration-mobile-gp">
				<div class="box">
					<div class="box-header">
						<div class="row">
							<div class="col-md-6">
								<h3>Gift Cards</h3>
							</div>
							<div class="col-md-6">
								<div class="btn-group" style="position: relative;top: 10px">
									<form method="POST" action="{{url('admin/gift_cards')}}" accept-charset="UTF-8" style="float: left;">
										<input type="hidden" name="_token" value="{{ csrf_token() }}" />
										<input type="hidden" name="type" value="2">
										<button type="submit" class="btn @if(@$redeem_status == 2){{'btn-primary'}}@endif">All</button>
									</form>
									<form method="POST" action="{{url('admin/gift_cards')}}" accept-charset="UTF-8" style="float: left;">
										<input type="hidden" name="_token" value="{{ csrf_token() }}" />
										<input type="hidden" name="type" value="1">
										<button type="submit" class="btn @if(@$redeem_status == 1){{'btn-primary'}}@endif">Redeemed</button>
									</form>
									<form method="POST" action="{{url('admin/gift_cards')}}" accept-charset="UTF-8" style="display: inline;">
										<input type="hidden" name="_token" value="{{ csrf_token() }}" />
										<input type="hidden" name="type" value="0">
										<button type="submit" class="btn @if(@$redeem_status == 0){{'btn-primary'}}@endif">Not Redeemed</button>
									</form>
								</div>
							</div>
						</div>
					</div>
					<div class="box-body mt-3">
						<div class="row">
							<div class="col-md-12">

								
					<div class="portlet">
						<div class="table-responsive">
							<table class="table table-hover table-hover table-striped table-hover table-bordered dataTable" id="tbl_sort" style="border-bottom: none;">
								<thead>
									<tr>
										<th>Gift Card Code</th>
										<th>{{trans('messages.credit_value')}}</th>
										<th>Purchased By</th>
										<th>Reedem Status</th>
										<th>Reedem By</th>
										<th>Date</th>
									</tr>
								</thead>
								<tbody>
									@foreach($gifts as $gift)
																		<tr>
										<td></td>
										<td>