@extends('layout')
@section('title','Manage Lottery')
@section('content')
<style>
    .select2-container--default .select2-results__option {
        padding-left: 25px;
        position: relative;
    }
    .select2-container--default .select2-results__option::before {
        content: "";
        display: inline-block;
        position: absolute;
        left: 5px;
        top: 7px;
        width: 14px;
        height: 14px;
        border: 1px solid #ccc;
        background-color: #fff;
    }
    .select2-container--default .select2-results__option[aria-selected=true]::before {
        background-color: #007bff;
        border-color: #007bff;
    }
</style>

               <ul class="breadcrumb">
						<li>
							<p>Dashboard</p>
						</li>
						<li><a href="#" class="active">Create a New Lottery</a> </li>
					</ul>
					<!-- END FORM OPTIONS-->
					<!--<div class="slide-primary">-->
					<!--	<input type="checkbox" class="ios" />-->
					<!--</div>-->
					<!--<div class="slide-success">-->
					<!--	<input type="checkbox" name="switch" class="iosblue" checked="checked" />-->
					<!--</div>-->
					<!-- BEGIN DROPDOWN CONTROLS-->
					<div class="row form-row">
						<form action="{{ isset($lotteries_edit) ? route('lottery.update', $lotteries_edit->id) : route('lottery.create') }}" method="POST" id="form_traditional_validation"
							name="form_traditional_validation" role="form" autocomplete="off"
							>
						    @csrf
							<div class="col-md-12">
								<div class="grid simple">
									<div class="grid-body">
										<div class="row form-row">
											<div class="col-md-3">
												<p>Name of the Lottery <font color="red">*</font></p>
												<input name="lottery_name" id="lottery_name" type="text" class="form-control" placeholder="Lottery Name" value="{{$lotteries_edit->lottery_name ?? ''}}" required  onkeyup="get_name_total($(this).val(),$('#total_hidden').val())">
											</div>
											<div class="col-md-3">
												<input type="hidden" value style="width:300px" id="e12" tabindex="-1" class="select2-offscreen">
												<p>Lottery Frequency <font color="red">*</font></p>
												<select name="frequency" id="frequency" class="select2" style="width:100%" required>
													<option>Choose Frequency</option>
													<option value="1" @if(isset($lotteries_edit) && $lotteries_edit->frequency == 1) selected @endif >Daily</option>
													<option value="2" @if(isset($lotteries_edit) && $lotteries_edit->frequency == 2) selected @endif>Weekly</option>
													<option value="3" @if(isset($lotteries_edit) && $lotteries_edit->frequency == 3) selected @endif>Monthly</option>
													<option value="4" @if(isset($lotteries_edit) && $lotteries_edit->frequency == 4) selected @endif>Fortnight</option>
													<option value="5" @if(isset($lotteries_edit) && $lotteries_edit->frequency == 5) selected @endif>Yearly</option>
												</select>
											</div>
											<input type="hidden" name="region_hidden_id[]" id="region_hidden_id" value="{{ isset($lotteries_edit) ? json_encode(explode(',', $lotteries_edit->region_id)) : '' }}"/>
											<input type="hidden" name="country_hidden_id[]" id="country_hidden_id" value="{{ isset($lotteries_edit) ? json_encode(explode(',', $lotteries_edit->country_id)) : '' }}"/>
											<input type="hidden" name="state_hidden_id[]" id="state_hidden_id" value="{{ isset($lotteries_edit) ? json_encode(explode(',', $lotteries_edit->state_id)) : '' }}"/>
											<input type="hidden" name="lottery_hidden_id[]" id="lottery_hidden_id" value="{{ isset($lotteries_edit) ? json_encode(explode(',', $lotteries_edit->template_id)) : '' }}"/>
											<input type="hidden" name="lottery_wise_allocation_hidden_id[]" id="lottery_wise_allocation_hidden_id" value="{{ isset($lotteries_edit) ? json_encode(explode(',', $lotteries_edit->lottery_wise_allocation)) : '' }}"/>
											<input type="hidden" name="country_lottery_id_hidden_id[]" id="country_lottery_id_hidden_id" value="{{ isset($lotteries_edit) ? json_encode(explode(',', $lotteries_edit->country_lottery_id)) : '' }}"/>
											<input type="hidden" name="state_lottery_id_hidden_id[]" id="state_lottery_id_hidden_id" value="{{ isset($lotteries_edit) ? json_encode(explode(',', $lotteries_edit->state_lottery_id)) : '' }}"/>
											<input type="hidden" name="total_hidden" id="total_hidden" value=""/>
											<div class="col-md-3">
												<input type="hidden" value style="width:300px" id="e12" tabindex="-1" class="select2-offscreen">
												<p>Lottery Format <font color="red">*</font></p>
												<select name="format" id="format" class="select2" style="width:100%">
													<option>Choose Format</option>
													<option value="1" @if(isset($lotteries_edit) && $lotteries_edit->format == 1) selected @endif >Unique</option>
													<option value="2" @if(isset($lotteries_edit) && $lotteries_edit->format == 2) selected @endif >Number</option>
												</select>
											</div>
											<div class="col-md-3">
												<p>Region <font color="red">*</font></p>
												<select name="region_id[]" id="region" class="select2" style="width:100%" multiple required>
												   @php
                                                        $selected_regions = explode(',', isset($lotteries_edit) && $lotteries_edit->region_id) ; // Convert to array
                                                    @endphp
												    @foreach($region as $regions)
												        <option value="{{$regions->id}}"  @if(in_array($regions->id, $selected_regions)) selected @endif>{{$regions->region_name}}</option>
												    @endforeach
												</select>
											</div>
										</div>
										<div class="row form-row">
											<div class="col-md-3">
												<p>Country <font color="red">*</font></p>
												<select name="country_id[]" id="country" class="select2" style="width:100%" multiple required >
													
												</select>
											</div>
											<div class="col-md-3">
												<p>State</p>
												<select name="state_id[]" id="state" class="select2" style="width:100%" multiple>
													
												</select>
											</div>
											<div class="col-md-3">
												<p>Lottery Template <font color="red">*</font></p>
												<select name="template_id[]" id="template_id" class="select2" style="width:100%" required multiple  data-lottery-allocation="{{ $lotteries_edit->lottery_wise_allocation ?? '' }}"
    data-country-lottery="{{ $lotteries_edit->country_lottery_id ?? '' }}"
    data-state-lottery="{{ $lotteries_edit->state_lottery_id ?? '' }}"
    onclick="get_lottery_template(this)">
													<option>Choose Template</option>
													@php
                                                        $selected_template = explode(',', isset($lotteries_edit) && $lotteries_edit->template_id) ; // Convert to array
                                                    @endphp
													@foreach($template_Manager as $template_Managers)
    													
    													    <option value="{{$template_Managers->id}}" @if(in_array($template_Managers->id, $selected_template)) selected @endif>{{$template_Managers->template_name}}</option>
    													
													@endforeach
												</select>
											</div>
											<div class="col-md-3">
												<p>Lottery Selling Price <font color="red">*</font></p>
												<input name="price" id="price" type="text" class="form-control" placeholder="Lottery Cost in Euro" value="{{$lotteries_edit->price ?? ''}}" required>
											</div>
											<div class="col-md-3">
												<p>Lottery Start Date <font color="red">*</font></p>
												<div class="input-append success date col-md-10 col-lg-6 no-padding">
													<input type="date" name="start_date" id="start_date" class="form-control" value="{{$lotteries_edit->start_date ?? ''}}" required>
													<span class="add-on"><span class="arrow"></span><i class="fa fa-th"></i></span>
												</div>
											</div>
											<div class="col-md-3">
												<p>Lottery End Date <font color="red">*</font></p>
												<div
													class="input-append success date col-md-10 col-lg-6 no-padding">
													<input type="date" name="end_date" id="end_date" class="form-control" value="{{$lotteries_edit->end_date ?? ''}}" required>
													<span class="add-on"><span class="arrow"></span><i class="fa fa-th"></i></span>
												</div>
											</div>
											<div class="col-md-3">
												<p>Number of Tickets <font color="red">*</font></p>
												<input name="no_of_tickets" id="no_of_tickets" type="text" class="form-control" placeholder="Number Of Tickets" value="{{$lotteries_edit->no_of_tickets ?? $lottery_sale}}" required>
											</div>
											<div class="col-md-3">
												<p>Winner Logic Method <font color="red">*</font></p>
												<select name="method" id="method" class="select2" style="width:100%" required>
													<option>Choose Logic Method</option>
													<option value="1" @if(isset($lotteries_edit) && $lotteries_edit->method == 1) selected @endif >Random Number</option>
													<option disabled value="2" @if(isset($lotteries_edit) && $lotteries_edit->method == 2) selected @endif>Logic#2</option>
													<option disabled value="3" @if(isset($lotteries_edit) && $lotteries_edit->method == 3) selected @endif>Logic#3</option>
													<option disabled value="4" @if(isset($lotteries_edit) && $lotteries_edit->method == 4) selected @endif>Logic#4</option>
													<option disabled value="5" @if(isset($lotteries_edit) && $lotteries_edit->method == 5) selected @endif>Logic#5</option>
												</select>
											</div>
										</div>
										<div class="row form-row">
											<div class="col-md-12">
											    <div class="lottery_template">
											        
											    </div>
    											
    																					
											</div>
				<!--							 <div class="col-md-6">-->
    <!--    <table class="table table-bordered">-->
    <!--        <thead>-->
    <!--            <tr>-->
                   
    <!--                <th>Name</th>-->
    <!--                <th>Allocation (%)</th>-->
    <!--            </tr>-->
    <!--        </thead>-->
    <!--        <tbody class="table_lottery_country">-->
                
    <!--        </tbody>-->
    <!--    </table>-->
    <!--</div>-->
   
										</div>
										<div class="form-actions">
										    <div class="pull-left">
										    <div class="row">
										        <div class="col-md-12">
    												<p id="message"></p>
    											</div>    
										    </div>
										     <div class="row" id="heading_div">
										       
										      </div>
										    </div> 	
											<div class="pull-right">
											     @if(isset($lotteries_edit))
													<button class="btn btn-success btn-cons" id="icon" type="submit"><i
														class="icon-ok"></i> Update Lottery</button>
												@else
												<button class="btn btn-success btn-cons" id="icon" type="submit"><i
														class="icon-ok" ></i> Create Lottery</button>
												@endif
												<button class="btn btn-white btn-cons"  type="button">Cancel</button>
											</div>
										</div>
									</div>
								</div>
							</div>
						</form>
					</div>
					
					<!-- END DROPDOWN CONTROLS-->
					<div class="row-fluid">
						<div class="span12">
							<div class="grid simple ">
								<div class="grid-title">
									<h3><i class="fa fa-file"></i><span class="semi-bold"> View & Manage
											Lotteries</span></h3>
								</div>
								<div class="grid-body ">
									<table class="table table-striped" id="example">
										<thead>
											<tr>
												<th>Lottery Name</th>
												<th>Type</th>
												<th>Template</th>
												<th>Price</th>
												<th>Countries</th>
												<th>No.Of Tickets Sold</th>
												<th>Winner</th>
												<th>Action</th>
											</tr>
										</thead>
										<tbody>
										    @foreach($lotteries as $lotterie)
										    @php
										    $lottery_sale = App\Models\Sale::where('lottery_id','=',$lotterie->id)->count('lottery_id');  
										    
										    @endphp
										     @if($lotterie->winner_status == 1)
											    @php 
											    $lottery_sale_customer = App\Models\Sale::select('sales.ticket_id','customers.first_name','customers.email','customers.mobile','business_partners.poc_first_name','business_partners.poc_mobile')
                                                ->join('business_partners', 'business_partners.id', '=', 'sales.partner_id')
                                                ->join('customers', 'customers.customer_id', '=', 'sales.customer_id')->where('sales.ticket_id','=',$lotterie->ticket_id)
                                                ->first();  
											    @endphp
												    @endif
										    
											<tr>
												<td>
												    {{$lotterie->lottery_name}}<br>Start Date : {{$lotterie->start_date}}<br>End Date : {{$lotterie->end_date}}
												    <br>
												    @if($lotterie->status == 0)
											            {{'In Active'}}
    												@else
    												    {{'Active'}}
    												@endif
												</td>
												<td>
												    @if($lotterie->frequency == 1)
												        {{'Daily'}}
												    @elseif($lotterie->frequency == 2)
												        {{'Weekly'}}
												    @elseif($lotterie->frequency == 3)
												        {{'Monthly'}}
												    @elseif($lotterie->frequency == 4)
												        {{'Fortnight'}}
												    @else
												        {{'Yearly'}}
												    @endif
												    </td>
												<td>{{$lotterie->template_name}}</td>
												<td><i class="fa fa-euro"></i>{{$lotterie->price}}/-</td>
												<td>{{$lotterie->region_names}},{{$lotterie->country_names}}</td>
												<td>{{$lottery_sale ?? ''}}</td>
												<td>
												    {{$lottery_sale_customer->ticket_id ?? ''}}<br>
												   {{$lottery_sale_customer->first_name ?? ''}}<br>
												   {{$lottery_sale_customer->email ?? ''}}<br>
												   {{$lottery_sale_customer->mobile ?? ''}}<br>
												   {{$lottery_sale_customer->poc_first_name ?? ''}}<br>
												   {{$lottery_sale_customer->poc_mobile ?? ''}}
												</td>
												<td class="center">
												    
													<a href="{{ route('lottery.edit', $lotterie->id) }}" class="btn btn-info" style="background:#885df1; border-radius:50px;"><i class="fa fa-paste"></i>&nbsp;Edit</a>
													<a href="{{route('lottery.view_sale', $lotterie->id)}}"  class="btn btn-primary" style="border-radius:50px;"><i class="fa fa-paste"></i>&nbsp;View Sales</a>
													<br>
													@if($lotterie->status)
														<a href="{{ route('lottery.status', ['id' => $lotterie->id, 'actions' => 1]) }}"  class="btn btn-danger" style="border-radius:50px;"><i class="fa fa-paste"></i>&nbsp;Suspend</a>
													@else
													    <a href="{{ route('lottery.status', ['id' => $lotterie->id, 'actions' => 0]) }}" class="btn btn-success" style="border-radius:50px;"><i class="fa fa-paste"></i>&nbsp;Un Suspend</a>
													@endif
												
													{{$lotterie->winner_status}} {{$lottery_sale}}
												
													    @if($lottery_sale >= 1 && $lotterie->winner_status == 0)
	                                                    <button class="btn btn-success update-btn" style="border-radius:50px;" type="submit" data-id="{{ $lotterie->id }}" data-status="{{ $lotterie->status }}" data-sold="{{ $lottery_sale ?? '' }}" ><i class="fa fa-user-secret"></i>&nbsp;Declare Winner</button>
													    
													    @endif
												
													
												</td>
											</tr>
											@endforeach
										</tbody>
									</table>
								</div>
							</div>
						</div>
					</div>
            
<!-- The Modal -->
<div class="modal" id="myModal" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <!-- Modal Header -->
      <div class="modal-header">
        <h4 class="modal-title">Lottery Winner Manager</h4>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>
      <!-- Modal body -->
      <div class="modal-body">
        <form id="statusUpdateForm">
        @csrf
            <input type="hidden" name="record_id" id="record_id">
            <div class="form-group">
                <table class="table">
                    <thead>
                        <tr>
                            <th>Lottery Name</th>
                            <th>Start Date</th>
                            <th>End Date</th>
                            <th>No.Of Tickets Sold</th>
                        </tr>
                    </thead>
                    <tbody id="lottery_data">
                        
                    </tbody>
                </table>
            </div>
            <div class="form-group">
                <label for="sel1">Choose Winning Logic<font color="red">*</font></label>
                <select class="form-control" name="status" id="status" required onchange="get_declare_status($(this))">
                    <option>Choose Logic</option>
                    <option value="1">Logic#1 - Random</option>
                    <option value="2" disabled>Logic#2 - Jumble</option>
                    <option value="3" disabled>Logic#3 - NOT Coded</option>
                </select>
            </div>
            <button type="submit" class="btn btn-success declare_winner" disabled>Declare the Winner</button>
        </form>
      </div>
      <!-- Modal footer -->
      <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

@endsection

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
    
     $(".declare_winner").click(function (e) {
        e.preventDefault(); // Prevent form submission
        
        let modalBody = $(".modal-body");
        
        // Initial Message
        modalBody.append('<p id="processMessage">Tickets random Processing</p>');

        setTimeout(function () {
            $("#processMessage").text("Winner Selection is Under Processing");
        }, 15000);

        setTimeout(function () {
            $("#processMessage").text("Records are updating");
        }, 30000);

        setTimeout(function () {
            $("#processMessage").text("Done");
        }, 45000);

        setTimeout(function () {
            $("#myModal").modal('hide'); // Close the modal
            $("#processMessage").remove(); // Remove the message after closing
        }, 46000);
    });
    
    
    
    $(".update-btn").click(function () {
    $('#lottery_data').html(""); // Clear previous data
    var recordId = $(this).data("id");
    var sold = $(this).data("sold");

    $.ajax({
        url: "{{ url('lottery/get_declare_winner') }}",
        type: "GET",
        data: {
            "_token": "{{ csrf_token() }}",
            "recordId": recordId,
        },
        success: function(response) {
            if (response.lottery) { // Ensure response has data
                var rowData = `<tr>
                    <td>${response.lottery.lottery_name}</td>
                    <td>${response.lottery.start_date}</td>
                    <td>${response.lottery.end_date}</td>
                    <td>${sold}</td>
                </tr>`;
                $('#lottery_data').append(rowData);
            } else {
                $('#lottery_data').append("<tr><td colspan='4'>No data found</td></tr>");
            }
        },
        error: function(xhr, status, error) {
            console.log("AJAX Error: ", error);
        }
    });

    $("#myModal").modal("show");
});

    
     $('.select2').select2();
get_name_total('LotteryName','Total')     
    //  get_lottery_template($('lottery_hidden_id'));
    //  for on load
    
    var selectedRegions = $('#region_hidden_id').val(); // Convert stored regions to array
    
    try {
    selectedRegions = JSON.parse(selectedRegions); // Try to parse if it's a JSON string
} catch (e) {
    selectedRegions = selectedRegions ? selectedRegions.split(',') : []; // Fallback to split if not JSON
}

var selectedCountrys = $('#country_hidden_id').val(); // Convert stored regions to array
    
    try {
    selectedCountrys = JSON.parse(selectedCountrys); // Try to parse if it's a JSON string
} catch (e) {
    selectedCountrys = selectedCountrys ? selectedCountrys.split(',') : []; // Fallback to split if not JSON
}

 
 
 
var selectedStates = $('#state_hidden_id').val(); // Convert stored regions to array
    
    try {
    selectedStates = JSON.parse(selectedStates); // Try to parse if it's a JSON string
} catch (e) {
    selectedStates = selectedStates ? selectedStates.split(',') : []; // Fallback to split if not JSON
}
 
 var selectedTemplate = $('#lottery_hidden_id').val(); // Convert stored regions to array
    
    try {
    selectedTemplate = JSON.parse(selectedTemplate); // Try to parse if it's a JSON string
} catch (e) {
    selectedTemplate = selectedTemplate ? selectedTemplate.split(',') : []; // Fallback to split if not JSON
}


var selectedLotteryAllocation = $('#lottery_wise_allocation_hidden_id').val(); // Convert stored regions to array
    
    try {
    selectedLotteryAllocation = JSON.parse(selectedLotteryAllocation); // Try to parse if it's a JSON string
} catch (e) {
    selectedLotteryAllocation = selectedLotteryAllocation ? selectedLotteryAllocation.split(',') : []; // Fallback to split if not JSON
}




var selectedCountryLottery = $('#country_lottery_id_hidden_id').val(); // Convert stored regions to array
    
    try {
    selectedCountryLottery = JSON.parse(selectedCountryLottery); // Try to parse if it's a JSON string
} catch (e) {
    selectedCountryLottery = selectedCountryLottery ? selectedCountryLottery.split(',') : []; // Fallback to split if not JSON
}



var selectedStateLottery = $('#state_lottery_id_hidden_id').val(); // Convert stored regions to array
    
    try {
    selectedStateLottery = JSON.parse(selectedStateLottery); // Try to parse if it's a JSON string
} catch (e) {
    selectedStateLottery = selectedStateLottery ? selectedStateLottery.split(',') : []; // Fallback to split if not JSON
}


     let templateDropdown = $('#template_id');

    if (templateDropdown.length > 0) { // Ensure the element exists
        // Run get_lottery_template on page load if there are already selected values
        if (templateDropdown.val() && templateDropdown.val().length > 0) {
            get_lottery_template(templateDropdown,selectedLotteryAllocation,selectedCountryLottery,selectedStateLottery);
        }

        // Also trigger the function when the dropdown changes
        templateDropdown.on('change', function () {
            get_lottery_template(this,selectedLotteryAllocation,selectedCountryLottery,selectedStateLottery);
        });
    }

//   let templateDropdown = $('#template_id');
  
//   if (templateDropdown.val().length > 0) {
//         get_lottery_template(templateDropdown,selectedLotteryAllocation,selectedCountryLottery,selectedStateLottery);
//     }

//     // Also trigger the function when the dropdown changes
//     templateDropdown.on('change', function () {
//         get_lottery_template(this,selectedLotteryAllocation,selectedCountryLottery,selectedStateLottery);
//     });

console.log(selectedStateLottery);
  $('#template_id').val(selectedTemplate).trigger('change');
 
    // Set selected values for region dropdown
    $('#region').val(selectedRegions).trigger('change');
// console.log("Parsed Countries:", selectedCountry);

    // Fetch countries based on selected regions
    $.ajax({
        url: "{{ url('lottery/get_country') }}",
        type: "GET",
        data: {
            "_token": "{{ csrf_token() }}",
            "region_id": selectedRegions,
        },
        success: function(data) {
            // $('#country').html('<option>Select Country</option>');

            $(data.countries).each(function (key, value) {
                // console.log(selectedCountry);
                // var selected = (value.id == selectedCountry) ? 'selected' : '';
                $('#country').append('<option value="' + value.id + '" >' + value.country_name + '</option>');
            });
            
             $('#country').val(selectedCountrys).trigger('change');
        }
    });
    
    
    
    $('#country').val(selectedCountrys).trigger('change');
    
    
    $.ajax({
        url: "{{ url('lottery/get_state') }}",
        type: "GET",
        data: {
            "_token": "{{ csrf_token() }}",
            "country_id": selectedCountrys,
        },
        success: function(data) {
            // $('#state').html('<option>Select State</option>');

            $(data.states).each(function (key, value) {
                // console.log(selectedCountry);
                // var selected = (value.id == selectedCountry) ? 'selected' : '';
                $('#state').append('<option value="' + value.id + '" >' + value.state_title + '</option>');
            });
            
             $('#state').val(selectedStates).trigger('change');
        }
    });
     
     
    // get_country($('#hidden_country'),$('#hidden_state'));
    // $('#city_id').on('change',function(){
    // console.log($(this).val());
   
// })
$('#region').change(function () {
        var region_id = $(this).val(); 
        // console.log(selectedRegions)   
         $('#country').html('');
          $('#state').html('');
        $('#country').val(null).trigger('change');
            $('#state').val(null).trigger('change');
        $.ajax({
            url: "{{ url('lottery/get_country') }}",
            type: "GET",
            data: {
                "_token": "{{ csrf_token() }}",
                "region_id" :  region_id,
                
            },
            success: function(data) {
                // console.log(data);
                // console.log(data['doneMessage']);
                //  $('#country').append('<option>Select Country</option>')
                 $(data.countries).each(function(key, value) {
                    //  console.log(value)
                //       var select = '';
                //       if(state_id == value.id){
                //           select = 'selected';
                //       }
                //       else{
                //           select = '';
                //       }
                //     // console.log(value.address);
                    $('#country').append('<option value='+value.id+'>'+value.country_name+'</option>')
                });
              

            }
        });
        
});


$('#country').change(function () {
        var country_id = $(this).val(); 
        // console.log(selectedRegions)   
         $('#state').html('');
          $('#state').val(null).trigger('change');
        $.ajax({
            url: "{{ url('lottery/get_state') }}",
            type: "GET",
            data: {
                "_token": "{{ csrf_token() }}",
                "country_id" :  country_id,
                
            },
            success: function(data) {
                // console.log(data);
                // console.log(data['doneMessage']);
                //  $('#state').append('<option>Select State</option>')
                 $(data.states).each(function(key, value) {
                    //  console.log(value)
                //       var select = '';
                //       if(state_id == value.id){
                //           select = 'selected';
                //       }
                //       else{
                //           select = '';
                //       }
                //     // console.log(value.address);
                    $('#state').append('<option value='+value.id+'>'+value.state_title+'</option>')
                });
              
$('#state').val(selectedStates).trigger('change');
            }
        });
        
});

});



    // function get_country(val,id){
    //  console.log(id)
    //  $('#state_id').html('');
    // var country_id = $(val).val();
    // var state_id = $(id).val();
    // console.log(state_id);
   
    // $.ajax({
    //         url: "{{ url('city/get_country') }}",
    //         type: "GET",
    //         data: {
    //             "_token": "{{ csrf_token() }}",
    //             "country_id" :  country_id,
                
    //         },
    //         success: function(data) {
    //             console.log(data);
    //             // console.log(data['doneMessage']);
    //              $('#state_id').append('<option>Select State</option>')
    //              $(data).each(function(key, value) {
    //                   var select = '';
    //                   if(state_id == value.id){
    //                       select = 'selected';
    //                   }
    //                   else{
    //                       select = '';
    //                   }
    //                 // console.log(value.address);
    //                 $('#state_id').append('<option value='+value.id+' '+select+'>'+value.state_title+'</option>')
    //             });
              

    //         }
    //     });
    // }
    
//     function get_lottery_template(val) {
//     let value = $(val).val(); // Get checkbox value
//     let name = $(val).attr('name'); // Get checkbox name
//     console.log(value);
//     // if ($(val).is(':checked')) {
//     //     // Add hidden input with the same value
//     //     $('<input>').attr({
//     //         type: 'hidden',
//     //         name: name, // Keep the same name
//     //         value: value,
//     //         class: 'hidden-lottery-' + value // Unique class for removal
//     //     }).appendTo('.lottery_checkbox');
//     // } else {
//     //     // Remove hidden input if checkbox is unchecked
//     //     $('.hidden-lottery-' + value).remove();
//     // }
// }


function get_lottery_template(element) {
    // console.log("Country Lottery:", element);
    let selectedOptions = $(element).find(':selected'); // Get selected <option> elements
    let selectedValues = $(element).val(); // Get selected values (IDs or country codes)
    console.log($(element).val());
$('#heading_div').html('');
$('#message').html('');
    $('.lottery_template').empty(); // Clear previous elements
    $("#lottery_wise_allocation\\[\\]-error").remove();
    if (selectedValues && selectedValues.length > 0) {
    selectedValues.forEach((templateValue, index) => {
        let templateText = selectedOptions.eq(index).text(); // Get template name (selected text)
        
        let allocations = String($(element).attr('data-lottery-allocation') || '').split(',');
        let countryLotteries = String($(element).attr('data-country-lottery') || '').split(',');
        let stateLotteries = String($(element).attr('data-state-lottery') || '').split(',');

        let allocationValue = allocations[index] || ''; // Avoid undefined
        let countryValue = countryLotteries[index] || ''; 
        let stateValue = stateLotteries[index] || '';

        $('.lottery_template').append(`
            <input type="hidden" name="template_lottery_id[]" id="template_lottery_id" value="${templateValue}" />
            <div class="row form-row">
                <div class="col-md-3">
                    <p>Template</p>
                    <input name="template_lottery_name[]" type="text" class="form-control template_lottery_name" value="${templateText}" readonly>
                </div>
                <div class="col-md-3">
                    <p>Tickets Allocation (in %)</p>
                    <input name="lottery_wise_allocation[]" type="text" min="0" max="100" class="form-control lottery_wise_allocation" placeholder="Ticket Allocation in %" value="${allocationValue}" onkeyup="get_number($(this))" >
                </div>
                <div class="col-md-3">
                    <p>Country</p>
                    <select name="country_lottery_id[]" id="country${templateValue}_${index}" class="select2 country-select" style="width:100%" multiple required onclick="get_lottery_state($(this),${templateValue},'${stateValue}')">
                    </select>
                </div>
                <div class="col-md-3">
                    <p>State</p>
                    <select name="state_lottery_id[]" id="state${templateValue}_${index}" class="select2 state-select" style="width:100%" multiple>
                    </select>
                </div>
            </div>
        `);

        get_lottery_country(`${templateValue}_${index}`, countryValue);
        get_lottery_state($(`#country${templateValue}_${index}`), `${templateValue}_${index}`, stateValue);
    });

    setTimeout(() => {
        $('.country-select, .state-select').select2();
    }, 100);
}

}


function get_lottery_country(value, country_lottery) {
    // console.log("Fetching countries for:", value);
    
    $.ajax({
        url: "{{ url('lottery/get_lottery_country') }}",
        type: "GET",
        data: { "_token": "{{ csrf_token() }}" },
        success: function(data) {
            let countryDropdown = $('#country' + value);
            countryDropdown.html('');
            countryDropdown.val(null).trigger('change');
            
            $(data.country).each(function(key, country) {
                countryDropdown.append('<option value="'+ country.id +'">'+ country.country_name +'</option>');
            });

            countryDropdown.val(country_lottery.split(',')).trigger('change');
        }
    });
}


// function get_lottery_state(val,id,state_lattery){
    
//          var country_id = $(val).val();
//          console.log($(val).val());
//          var new_id = id;
//           $('#state'+new_id).html('');
//           $('#state'+new_id).val(null).trigger('change');
//          $.ajax({
//             url: "{{ url('lottery/get_lottery_state') }}",
//             type: "GET",
//             data: {
//                 "_token": "{{ csrf_token() }}",
//                 "country_id" : country_id,
                
//             },
//             success: function(data) {
              
//                 //  $('#country').append('<option>Select Country</option>')
//                  $(data.state).each(function(key, value) {
               
//                     $('#state'+new_id).append('<option value='+value.id+'>'+value.state_title+'</option>')
//                 });
              
// $('#state'+new_id).val(state_lattery).trigger('change');
//             }
//         });
// }


function get_lottery_state(val, id, state_lottery) {
    let country_id = $(val).val();

    if (!country_id || country_id.length === 0) {
        // console.log("Waiting for country selection...");
        setTimeout(() => get_lottery_state(val, id, state_lottery), 500);
        return;
    }

    // console.log("Fetching states for:", id, "Country ID:", country_id);
    
    $.ajax({
        url: "{{ url('lottery/get_lottery_state') }}",
        type: "GET",
        data: {
            "_token": "{{ csrf_token() }}",
            "country_id": country_id,
        },
        success: function(data) {
            let stateDropdown = $('#state' + id);
            stateDropdown.html('');
            stateDropdown.val(null).trigger('change');

            $(data.state).each(function(key, state) {
                stateDropdown.append('<option value="'+ state.id +'">'+ state.state_title +'</option>');
            });

            stateDropdown.val(state_lottery.split(',')).trigger('change');
        }
    });
}


function get_number(val) {
    var name = $('#lottery_name').val();
    // console.log(name)
    // $('#total_hidden').val('');
    var sum = 0;
$('#message').html('');
    // Loop through all elements with name "country_allocation[]"
    $('input[name="lottery_wise_allocation[]"]').each(function () {
        var value = parseFloat($(this).val()) || 0;
        sum += value;
    });

    // Update total sum
    $('#total').val(sum + '%');

    // Disable button if sum exceeds 100%
    if (sum > 100) {
        $('#icon').prop('disabled', true);
        $('#message').append('<b style="color:red">NOTE:</b> Allocation should NOT more than 100%. Adjust the allocation before proceeding.');
    } else {
        $('#icon').prop('disabled', false);
         $('#message').html('');
    }
    $('#total_hidden').val(sum)
    get_name_total(name,sum);
}


function calculateTotal() {
    var total = 0;
    $(".allocation").each(function () {
        var value = parseFloat($(this).val()) || 0;
        total += value;
    });
    $("#total_allocation").val(total);
}
    
    
function get_name_total(name,number){
    $('#heading_div').html('');
    // console.log(name);
    $('#heading_div').append(`<div class="col-md-12">
										            <p> ${name}'s template ${number}% allocated</p>
										        </div>`)
}    


function get_declare_status(val){
    // console.log(val);
    var id = $(val).val();
    console.log(id);
    if(id == 'Choose Logic'){
        $('.declare_winner').prop('disabled',true);
    }
    else{
        $('.declare_winner').prop('disabled',false);
    }
    
}
</script>