@extends('admin.layouts.app')
@section('content')
<style>
    .line {
        position: relative;
        display: inline-block;
        padding: 20px 0 30px;
        border-bottom: none;
    }

    .numbers {
        align-items: center;
        display: flex;
    }

    .numbers ul {
        margin-bottom: 0px;
    }

    .numbers ul,
    .numbers li {
        position: relative;
        list-style-type: none;
        display: inline-block;
    }

    .numbers ul:first-child {
        margin-right: 0px;
    }

    .numbers input {
        border: none;
        border-radius: 8px;
        padding: 5px;
        font-size: 30px;
        font-weight: bold;
        text-align: center;
        width: 70px;
        height: 70px;
        margin: 0 2px;
    }
</style>
<div class="container">
<div class="card mt-4">
    <div class="card-body">
          <div class="d-flex justify-content-between align-items-center mb-3">
            <div class="w-100 text-center">
                <h1 class="mb-0" style="font-weight: 600; font-size: 1.5rem;">CLAIM TICKET WIN AMOUNT</h1>
            </div>
            
        </div>
       
        @php
        $matchedAmounts = [];
        @endphp
          <div class="card">
            <div class="card-body">
                <div class="row">
                    <div class="col-md-12 text-center">
                        <style>
                          .numbers input, .numbers input:focus{
                              border: 1px solid var(--pg) !important;
                              outline: none !important;
                          }
                        </style>
                       @php
                       $positionsWithStatusOne = []; // Initialize an array to store positions with at least one ticket having status 1
                   @endphp
                   
                   @for ($i = 0; $i < count($ticket_sequence); $i += 6)
                       @php
                           $countStatusOne = 0; // Initialize the count variable
                       @endphp
                   
                       @for ($j = $i; $j < min($i + 6, count($ticket_sequence)); $j++)
                           @if($ticket_sequence[$j]->status == 1)
                               {{-- Add any logic or display for status 1 records here --}}
                               @php
                                   $countStatusOne++; // Increment the count for each status 1 record
                               @endphp
                           @endif
                       @endfor
                   
                       @if ($countStatusOne > 0)
                           {{-- Save the position index in the array if at least one ticket has status 1 --}}
                           @php
                               $positionsWithStatusOne[] = $i;
                           @endphp
                       @endif
                   @endfor
                   
                   @foreach ($positionsWithStatusOne as $position)
                       <div class="ticket-number-wrap d-flex align-items-center justify-content-between">
                           <span class="card-title" style="display: inline-block; color: var(--primary);">TICKET NO : </span>
                           <div class="ticket-number-box">
                               <div class="line" data-index="0">
                                   <div class="numbers">
                                       <ul class="p-0">
                                           @for ($j = $position; $j < min($position + 6, count($ticket_sequence)); $j++)
                                               <li>
                                                   <input type="tel" min="1" value="{{ $ticket_sequence[$j]->winning_sequence }}" readonly>
                                               </li>
                                           @endfor
                                       </ul>
                                   </div>
                               </div>  
                           </div>
                       <div>
                   </div>
                   </div>
                   
                   @php
                       $countStatusOne = 0; // Reset the count variable for each position
                   @endphp
                   
                   {{-- Display additional information for this position, if applicable --}}
                   @for ($j = $position; $j < min($position + 6, count($ticket_sequence)); $j++)
                       @if ($ticket_sequence[$j]->status == 1)
                           {{-- Add any logic or display for status 1 records here --}}
                           @php
                               $countStatusOne++; // Increment the count for each status 1 record
                           @endphp
                       @endif
                   @endfor
                   
                   @if ($countStatusOne > 0)
                       @foreach ($result_check as $result)
                           @if ($result->number_range == $countStatusOne)
                               <p>{{ $result->description }}</p>
                               @php
                                   $matchedAmounts[] = $result->amount;
                               @endphp
                               {{-- Add any logic or display for the matching result_check here --}}
                           @endif
                       @endforeach
                   @else
                       <p>Sorry No number matched. You Lost !</p>
                   @endif
                   
                   @endforeach
                   
                      </div>
                    </div>

                    @php
                    $totalAmount = array_sum($matchedAmounts);
                    @endphp
                    <div class="card mt-3">
                        <div class="card-body">
                            <div class="row">
                                    <form action="" id="form">
                                        {{ csrf_field() }}
                                        <input type="hidden" value="{{$ticket->id}}" id="ticket_id">
                                        <label for="form-control">Win Amount</label>
                                        <input type="number" id="winAmount" value="{{ $totalAmount }}" readonly>

                                        <label for="wallet">Add to User Wallet</label>
                                        <input type="radio" name="payment_method" id="wallet" value="wallet">

                                        <label for="cash">Get Cash</label>
                                        <input type="radio" name="payment_method" id="cash" value="cash">

                                        <div class="error-div text-danger" style="display: none;">Please select one checkbox.</div>
                                        
                                        <input type="button" class="claim" value="Complete">
                                    </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
          </div>
    </div>
</div>
</div>
@endsection
@push('scripts')
<script>
   $(document).ready(function() {
    var Url =  "{{ route('admin.win-ticket-lists') }}";
        // Attach an event handler to the button's click event
        $('.claim').on('click', function() {
            // Check which radio button is selected
            var paymentMethod = $("input[name='payment_method']:checked").val();

            // Retrieve the win amount and ticket ID
            var winAmount = $('#winAmount').val();
            var ticketId = $('#ticket_id').val();

            // Check if a payment method is selected
            if (paymentMethod) {
                // Create an object to hold the data for the AJAX request
                var dataToSend = {
                    "_token": "{{ csrf_token() }}",
                    "amount": winAmount,
                    "payment_method": paymentMethod,
                    "ticketId": ticketId
                };

                // Send the AJAX request to the server
                $.ajax({
                    type: "POST",
                    url: "{{ route('admin.add-amount-to-wallet') }}", // Replace with your server's endpoint URL
                    data: dataToSend,
                    success: function(response) {
                        // Handle the success response from the server
                        console.log(response);

                        // Show SweetAlert with success message
                        Swal.fire({
                            icon: 'success',
                            title: 'Success!',
                            text: response.message,
                        }).then(function() {
                            // Redirect to the "win-ticket-lists" route after the SweetAlert is closed
                            window.location.replace(Url);
                        });
                    },
                    error: function(xhr, status, error) {
                        // Handle the error response from the server
                        console.error(error);

                        // Show SweetAlert with error message
                        Swal.fire({
                            icon: 'error',
                            title: 'Error!',
                            text: 'An error occurred. Please try again later.',
                        });
                    }
                });
            } else {
                // Show an error message if no payment method is selected
                Swal.fire({
                    icon: 'error',
                    title: 'Error!',
                    text: 'Please select a payment method (Wallet or Cash).',
                });
            }
        });
    });
</script>
@endpush