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

<div class="container-fluid py-4">
	<div class="row">
		<div class="col-12">
			<div class="card my-4">
				<div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
					<div class="bg-gradient-primary shadow-primary border-radius-lg pt-4 pb-3">
						<h6 class="text-white text-capitalize ps-3">Grab Offer
						<a href="{{route('admin.grab-offer.create')}}"><i class="material-icons ms-auto text-white cursor-pointer" data-type="Add" style="float: right; margin: 0 25px;" data-bs-placement="top" title="" data-bs-original-title="Add Grab Offer">add</i></a>
						</h6>
					</div>
				</div>
                <br>
                @if(Session::has('successoffer'))
                    <div class="alert alert-success text-white mx-3">
                        {{ Session::get('successoffer') }}
                    </div>
                @endif
                @if(Session::has('error'))
                    <div class="alert alert-danger text-white mx-3">
                        {{ Session::get('error') }}
                    </div>
                @endif
				<div class="card-body px-0 pb-2">
					<div class="table-responsive p-0">
						<table class="table align-items-center mb-0" id="data_table">
							<thead>
								<tr>
									<th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder">Offer %</th>
                                    <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder">Offer Time</th>
									<th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder">Status</th>
									<th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder">Action</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									@foreach($offerData as $offer)
									@php $offerdate = date("F j, Y", strtotime($offer->offer_time)) ;@endphp
									<td class="align-middle text-center text-sm">{{$offer->offer_percentage}}</td>
                                    <td class="align-middle text-center text-sm">{{$offerdate}}</td>
									<td class="align-middle text-center text-sm">
									<span class="badge badge-sm c-status  @if($offer->status=='1')bg-gradient-success">Active @else bg-gradient-danger">Inactive @endif</span>
									</td>
									<td class="align-middle text-center text-sm d-flex gap-2">
                                        <button class="btn btn-primary">
                                            <a href="{{ route('admin.grab-offer.edit',base64_encode($offer->id)) }}" class="text-secondary font-weight-bold text-white text-xs catModal" data-id="{{$offer->id}}" data-st="{{$offer->status}}" data-type="Edit" data-toggle="tooltip" data-original-title="Edit User">
                                                <i class="material-icons">edit</i>
                                            </a>
                                        </button>
                                        <form action="{{ route('admin.grab-offer.destroy',base64_encode($offer->id)) }}" method="post">
                                            @csrf
                                            @method('DELETE')
                                            <button class="btn btn-primary" type="submit">
                                                <i class="material-icons">delete</i>
                                            </button>
                                        </form>
									</td>
									@endforeach
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>

    @include('layouts.admin.footer')
</div>
@endsection