@php(
    $headerOption = [
        'title' => '',
        'header_buttons' => [],
        'filters' => isset($filters) ? $filters : [],
        'data' => isset($data) ? $data : [],
    ]
)
@extends('admin.layouts.layout', $headerOption)


@section('content')
    <div class="row">
        <div class="col-12">
            <div class="page-title-box pb-0 d-flex align-items-center justify-content-between">
                <div class="page-title-left">
                    <h4 class="mb-3 mt-2 font-size-12vw animate__animated animate__heartBeat">Casino Setup</h4>
                </div>
            </div>
        </div>

        <p class="card-title-desc">Setup value for running casino </p>

        <div class="table-responsive">
            <table class="table table-striped table-nowrap mb-0">
                <thead>
                    <tr>
                        <th style="width: 50%;">Label</th>
                        <th>Value (Time value must be in 24 hours format)</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>{{ $form['fields']['open_time']['label'] }}</td>
                        {{-- {{ $form['fields']['company_name']['label'] }} --}}
                        <td>
                            <a href="#" id="open-time" data-type="time"
                                data-id="{{ $form['fields']['open_time']['data_id'] }}"
                                data-pk="{{ $form['fields']['open_time']['value'] }}"
                                data-key="{{ $form['fields']['open_time']['key'] }}" data-placeholder="HH:MM"
                                data-title="Enter Open Time">{{ $form['fields']['open_time']['value'] }} </a>
                        </td>

                    </tr>
                    <tr>
                        <td>{{ $form['fields']['close_time']['label'] }}</td>
                        <td>
                            <a href="#" id="close-time" data-type="time"
                                data-id="{{ $form['fields']['close_time']['data_id'] }}"
                                data-pk="{{ $form['fields']['close_time']['value'] }}"
                                data-key="{{ $form['fields']['close_time']['key'] }}" data-placeholder="HH:MM"
                                data-title="Enter Close Time">{{ $form['fields']['close_time']['value'] }}</a>
                        </td>
                    </tr>
                    <tr>
                        <td>{{ $form['fields']['drinks_limit']['label'] }}</td>
                        <td>
                            <a href="#" id="inline-username" data-type="text"
                                data-id="{{ $form['fields']['drinks_limit']['data_id'] }}"
                                data-pk="{{ $form['fields']['drinks_limit']['value'] }}"
                                data-key="{{ $form['fields']['drinks_limit']['key'] }}"
                                data-placeholder="Enter Drinks Limit Per Hour"
                                data-title="Enter Drinks (per hour)">{{ $form['fields']['drinks_limit']['value'] }}</a>
                        </td>
                    </tr>
                    <tr>
                        <td>{{ $form['fields']['drinks_limit_per_trip']['label'] }}</td>
                        <td>
                            <a href="#" id="dink-limit-24-hours" data-type="text"
                                data-id="{{ $form['fields']['drinks_limit_per_trip']['data_id'] }}"
                                data-pk="{{ $form['fields']['drinks_limit_per_trip']['value'] }}"
                                data-key="{{ $form['fields']['drinks_limit_per_trip']['key'] }}"
                                data-placeholder="Enter Drinks Limit 24 Hours"
                                data-title="Enter Drinks (per hour)">{{ $form['fields']['drinks_limit_per_trip']['value'] }}</a>
                        </td>
                    </tr>
                    <tr>
                        <td>{{ $form['fields']['reset_data']['label'] }}</td>
                        <td>
                            <a href="#" id="reset-data" data-type="time"
                                data-id="{{ $form['fields']['reset_data']['data_id'] }}"
                                data-pk="{{ $form['fields']['reset_data']['value'] }}"
                                data-key="{{ $form['fields']['reset_data']['key'] }}" data-placeholder="HH:MM"
                                data-title="Select Time to reset">{{ $form['fields']['reset_data']['value'] }}</a>
                        </td>
                    </tr>

                </tbody>
            </table>
        </div>


    </div> <!-- end col -->
    </div> <!-- end row -->
    @push('page_script')
        <script>
          $(document).ready(function() {
                let timezone = "{{ $timezone }}"; // The timezone from the server-side
                // Function to convert time in HH:MM format to minutes since midnight
                function timeToMinutes(timeStr) {
                    let [hours, minutes] = timeStr.split(":").map(Number);
                    return hours * 60 + minutes;
                }

                // Function to handle time comparison across midnight
                function isTimeBetween(currentTimeMinutes, openTimeMinutes, closeTimeMinutes) {
                    // If close time is earlier than open time, it means the range spans midnight
                    if (closeTimeMinutes < openTimeMinutes) {
                        // Check if the current time is after open time or before close time (spanning midnight)
                        return currentTimeMinutes >= openTimeMinutes || currentTimeMinutes <= closeTimeMinutes;
                    }
                    // Normal comparison if the range does not span midnight
                    return currentTimeMinutes >= openTimeMinutes && currentTimeMinutes <= closeTimeMinutes;
                }

                // Convert a given time to the server's timezone
                function convertToTimezone(timeStr, timezone) {
                    const date = new Date();
                    const [hours, minutes] = timeStr.split(":").map(Number);
                    
                    // Set the current date to the given time
                    date.setHours(hours);
                    date.setMinutes(minutes);

                    // Use the Intl API to adjust the time for the given timezone
                    const options = { timeZone: timezone, hour: '2-digit', minute: '2-digit', hour12: false };
                    const formattedTime = new Intl.DateTimeFormat('en-US', options).format(date);

                    return formattedTime;
                }

                // Using event delegation to handle clicks on the submit button
                $(document).on('click', '.editable-submit', function(e) {
                    e.preventDefault();

                    // Find the <a> tag within the same row
                    let $this = $(this).closest('tr').find('a'); // Find the <a> tag in the same row

                    // Get the data-id and value of the clicked field
                    let fieldId = $this.attr('data-id');
                    let fieldKey = $this.attr('data-key');
                    let fieldValue = $this.closest('td').find('input').val(); // Get the value from the input field generated by editable()

                    if (!fieldId || !fieldValue) {
                        alert("Data ID or Value is missing.");
                        return; // Prevent further action if ID or value is missing
                    }

                    // Get the open and close time values for comparison
                    let openTime = $("#open-time").text(); // Assuming open time is stored in the <a> tag
                    let closeTime = $("#close-time").text(); // Assuming close time is stored in the <a> tag

                    // Convert open and close times to the server's timezone
                    // openTime = convertToTimezone(openTime, timezone);
                    // closeTime = convertToTimezone(closeTime, timezone);

                    // Get the current time based on the server's timezone
                    let currentTime = new Date();
                    let currentTimeStr = currentTime.getHours().toString().padStart(2, '0') + ":" + currentTime.getMinutes().toString().padStart(2, '0');
                    currentTimeStr = convertToTimezone(currentTimeStr, timezone); // Convert current time to server's timezone


                    // Convert current time, open time, and close time to minutes since midnight
                    let currentTimeMinutes = timeToMinutes(currentTimeStr);
                    let openTimeMinutes = timeToMinutes(openTime);
                    let closeTimeMinutes = timeToMinutes(closeTime);

                    if (fieldKey == "open_time" || fieldKey == "close_time" || fieldKey == "reset_data") {
                        // If the field being updated is open or close time, ensure it is in HH:MM format
                        if (!/^\d{2}:\d{2}$/.test(fieldValue)) {
                            Swal.fire({
                                icon: 'error',
                                title: 'Invalid Time Format',
                                text: "Please enter the time in HH:MM format."
                            });
                            return; // Prevent updating if format is invalid
                        }
                        // Convert the new open/close time to minutes for comparison
                        let newOpenTimeMinutes = timeToMinutes(fieldValue);
                        if (fieldKey == "open_time") {
                            openTimeMinutes = newOpenTimeMinutes; // Update open time for comparison
                        } else {
                            closeTimeMinutes = newOpenTimeMinutes; // Update close time for comparison
                        }
                    }

                    // Check if current time is within the open and close time range
                    if (fieldKey == "drinks_limit" || fieldKey == "drinks_limit_per_trip") { // Assuming "31" is the ID for Drinks Limit
                        //accept only positive integers numbers
                        if (!/^\d+$/.test(fieldValue)) {
                            Swal.fire({
                                icon: 'error',
                                title: 'Invalid Drinks Limit',
                                text: "Please enter a valid positive integer for Drinks Limit."
                            });
                            return; // Prevent updating if value is invalid
                        }
                        if (isTimeBetween(currentTimeMinutes, openTimeMinutes, closeTimeMinutes)) {
                            // If current time is within the open-close range, prevent update for drinks limit
                            Swal.fire({
                                icon: 'warning',
                                title: 'Update Forbidden',
                                text: "You cannot update the Drinks Limit between opening hours and closing hours."
                            });
                            return; // Prevent updating drinks limit
                        }
                    }

                    // Prepare the edited data
                    let editedData = {};
                    editedData[fieldId] = fieldValue; // Send the field ID and its updated value

                    // AJAX request to update the edited data
                    $.ajax({
                        url: '{{ route('casinos.setup') }}', // Your endpoint to update data
                        method: 'POST',
                        data: {
                            id: fieldId, // Send the field ID (data-id) to the server
                            value: fieldValue, // Send the updated value to the server
                            _token: "{{ csrf_token() }}" // CSRF token for Laravel (if you're using Laravel)
                        },
                        success: function(response) {
                            toastr.success(response.success, response.message); // Show success message
                            location.reload(); // Reload the page after successful update
                        },
                        error: function(xhr, status, error) {
                            toastr.error("Error updating data: " + error); // Show error message
                        }
                    });
                });

                // Cancel button click handler (using delegation for consistency)
                $(document).on('click', '.editable-cancel', function() {
                    location.reload(); // Optionally reload the page if you want to reset changes
                });
            });


        </script>
    @endpush
@endsection