@extends('layouts.app')

@section('content')
<style>
    textarea {
        width: 100%;
        height: 220px;
        font-family: monospace;
    }
    .success { color: green; margin-bottom: 10px; }
    .error { color: red; margin-bottom: 10px; }
    button[disabled] {
        opacity: 0.6;
        cursor: not-allowed;
    }
</style>

<div class="container">
    <h2>Update Google Ads Cookie (Copy __Secure-1PSIDTS)</h2>

    <div id="msg">@if(session('success')) <div class="success">{{ session('success') }}</div> @endif</div>

    <form id="cookieForm" method="POST" action="{{ route('cookie.update') }}">
        @csrf

        <label><strong>Cookie Value</strong></label>
        <textarea id="cookie" name="cookie" required>{{ $cookie ?? '' }}</textarea>

        <br><br>

        <!-- 🔥 TWO BUTTONS -->
        <button type="button" id="checkBtn">Check Cookie</button>
        <button type="submit" id="saveBtn">Update Cookie</button>
    </form>

    <hr>

    <h3>Raw Response (Exact)</h3>
    <textarea id="rawResponse" readonly></textarea>
</div>

{{-- jQuery --}}
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>

<script>
/**
 * CHECK COOKIE (AJAX)
 */
$('#checkBtn').on('click', function () {
    let btn = $(this);

    $('#msg').html('');
    $('#rawResponse').val('');

    btn.prop('disabled', true).text('Checking...');

    $.ajax({
        url: "{{ route('cookie.check') }}",
        type: "POST",
        data: {
            _token: "{{ csrf_token() }}",
            cookie: $('#cookie').val()
        },
        success: function (res) {
            $('#rawResponse').val(res);
            $('#msg').html('<div class="success">Check completed</div>');
        },
        error: function (xhr) {
            $('#rawResponse').val(xhr.responseText || 'Error occurred');
            $('#msg').html('<div class="error">Check failed</div>');
        },
        complete: function () {
            btn.prop('disabled', false).text('Check Cookie');
        }
    });
});

/**
 * UPDATE COOKIE (NORMAL FORM SUBMIT)
 * ✔ This is your ORIGINAL submit flow
 */
$('#cookieForm').on('submit', function () {
    // Let Laravel handle it normally
    return true;
});
</script>
@endsection