@extends('home.index')
@section('main')
	
        <h1>Offers</h1>

			{{-- for allpause and active switch --}}
			<a href="{{ route('allactive') }}" class="btn btn-primary">All Active</a>

             @php
            // Decode the response
            $response = json_decode($response, true);
            @endphp

			 @if(isset($response['results']))
			 @else
			 @include('home.token')
			 
			 <script>
				function reloadPage() {
					setTimeout(function() {
						location.reload();
					}, 5000); 
				}
				reloadPage();
			</script>

			@php
			exit;
			@endphp

			 @endif

          <table class="table">
            <thead>
              <tr>
                <th scope="col">#</th>
                <th scope="col">Offer Title</th>
                <th scope="col">Device</th>
                <th scope="col">Game</th>
                <th scope="col">Price (USD)</th>
                <th scope="col">Guaranteed Delivery</th>
                <th scope="col">Expire Date</th>
                <th scope="col">Offer State</th>
                <th scope="col">Action</th>
                <th scope="col">Menu</th>

              </tr>
            </thead>
		
					<tbody>
						@foreach ($response['results'] as $index => $offer) 
						@php
						$status = $offer['offerState'];
						$offerId = $offer['id'];
						@endphp
						<tr>
							<th scope="row">{{ $index +=1 }}</th>
							<td>{{ $offer['offerTitle'] }}</td>
							<td>{{ $offer['tradeEnvironmentValues'][0]['value']}}</td> 
							<td>
								@if(isset($offer['offerAttributeIdValues'][0]['value']))
									{{ $offer['offerAttributeIdValues'][0]['value'] }}
								@else
									N/A
								@endif
							</td>
												<td>{{ $offer['pricePerUnit']['amount'] }} USD</td>
							<td>{{ $offer['guaranteedDeliveryTime'] }}</td>
							<td>{{ $offer['expireDate'] }}</td>
							<td>{{ $offer['offerState'] }}</td>
							<td>
								<div class="form-check form-switch">
									<input 
										class="form-check-input" 
										type="checkbox" id="flexSwitchCheckDefault_{{ $offerId }}" data-offer-id="{{ $offerId }}"  data-offer-state="{{ $status }}" {{ $status == 'Active' ? 'checked' : '' }}>
								</div>
							</td>
						<td>
						<a href="{{ route('item.destroy', $offerId) }}" class="btn btn-danger" onclick="confirmDelete(event, '{{ route('item.destroy', $offerId) }}')">Delete</a>
					</td>
						</tr>
					@endforeach
					</tbody>
		
				</table> 

          <div class="mb-3">
			@php
			// Ensure the 'page' is treated as an integer and defaults to 1 if not provided
			$page = intval(request()->get('page', 1)); // Cast to integer and default to 1
			$prv = $page - 1;
			$next = $page + 1;
		@endphp
		
		<div class="mb-3"style="display: flex;" >
			{{-- Previous Button --}}
			<form action="{{ route('page') }}" method="GET" style="display:inline,display:flex;">
				<input type="hidden" name="page" value="{{ $prv }}">
				<button type="submit" class="page-link btn btn-primary" {{ $page <= 1 ? 'disabled' : '' }}>
					Previous
				</button>
			</form>
			{{-- Next Button --}}
			<form action="{{ route('page') }}" method="GET" style="display:inline;">
				<input type="hidden" name="page" value="{{ $next }}">
				<button type="submit" class="page-link btn btn-primary">
					Next
				</button>
			</form>
		</div>
        </div> 
    </div>
 </div>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>

{{-- for delete alert --}}
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
    function confirmDelete(event, url) {
        event.preventDefault(); // Prevent the default anchor click behavior
        
        Swal.fire({
            title: 'Are you sure?',
            text: "Do you really want to delete this item?",
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Yes, delete it!'
        }).then((result) => {
            if (result.isConfirmed) {
                // Redirect to the delete URL if confirmed
                window.location.href = url;
            }
        });
    }
</script>


{{-- for update offer status --}}
<script>
    $(document).ready(function() {
        var csrfToken = $('meta[name="csrf-token"]').attr('content');

        $('.form-check-input').change(function() {
            var offerId = $(this).data('offer-id');
            var status = $(this).prop('checked') ? 'Active' : 'Paused';

            updateOfferStatus(offerId, status);
        });

        function updateOfferStatus(offerId, status) {
            $.ajax({
                url: '/update-offer-status/' + offerId,
                type: 'POST',
                headers: {
                    'X-CSRF-TOKEN': csrfToken
                },
                data: {
                    status: status
                },
                success: function(response) {
                    console.log(response);
					location.reload(); // Refresh the page
                },
                error: function(xhr, status, error) {
                    console.log(xhr.responseText);
                }
            });
        }
    });
</script>


	<script src="{{ asset('homecss/assets/js/feather.min.js') }}"></script>
	<script src="{{ asset('homecss/assets/js/bootstrap.bundle.min.js') }}"></script>
	<script src="{{ asset('homecss/assets/js/script.js') }}"></script>
	<script src="{{ asset('homecss/assets/js/anijs.js') }}"></script>

	
@endsection