@extends('admin.layout.master')

@section('title','NTMP API RESPONSE')
@section('content')
    <div class="card sina-card">
        <div class="card-header">
            <h4>NTMP API RESPONSES</h4>
        </div>
        @php
            $first_booking = $infos->first()->getBookingInfo ?? null;
        @endphp
        @if($first_booking)
            <div class="row">
                <div class="col-12">
                    <div class="card my-2 mx-2">
                        <div class="card-body">
                            <div class="row">
                                <div class="col-4">
                                    <b>Booking No:</b> {{ $first_booking->resv_code }}
                                </div>
                                <div class="col-4">
                                    <b>Check In No:</b> {{ $first_booking->checkin_code }}
                                </div>
                                <div class="col-4">
                                    <b>Check Out No:</b> {{ $first_booking->checkout_bill }}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            @php
                $type_arr = [
                    1 => 'Booking',
                    2 => 'Booking Edit',
                    3 => 'Direct Checkin',
                    4 => 'Checkin From Booking',
                    5 => 'Checkin Edit',
                    6 => 'Checkout',
                    7 => 'Booking Cancel',
                    8 => 'Occupancy Update',
                    9 => 'Admin Adjustment'
                ];

                function roundJsonValues($jsonStr) {
                    $keysToRound = ["dailyRoomRate", "totalRoomRate", "vat", "municipalityTax", "grandTotal"];
                    $data = json_decode($jsonStr, true); // Decode to associative array
                    if (!is_array($data)) return $jsonStr; // Fallback if not valid
                    array_walk_recursive($data, function (&$value, $key) use ($keysToRound) {
                        if (in_array($key, $keysToRound) && is_numeric($value)) {
                            // Force cast to float to ensure proper rounding
                            $value = number_format((float) $value, 4, '.', '');
                        }
                    });
                    return json_encode($data, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE);
                }

            @endphp
            <div class="row">
                <div class="col-12">
                    <div class="card">
                        <div class="card-body">
                            <div class="row">
                                @foreach ($infos as $info)
                                    @php
                                        $request = json_encode(json_decode($info->request), JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE);
                                        $response = json_encode(json_decode($info->response), JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE);
                                    @endphp
                                    <div class="col-12 bg-dark text-white d-flex justify-content-between py-1 px-4 mb-1">
                                        <h5 class="text-white"><b>Action: </b> {{ array_key_exists($info->type, $type_arr) ? $type_arr[$info->type] : $info->type }}</h5>
                                        <h5 class="text-white"><b>@</b>{{ $info->created_at->format('d-m-Y') }} {{ $info->created_at->format('h:i A') }}</b></h4>
                                        <h5 class="text-white"><b>By: </b> {{ $info->getPostedBy->name }}</h5>
                                    </div>
                                    <div class="col-6">
                                        <pre class="bg-light p-3 rounded border font-monospace jsonOutput" style="font-size: 14px;"><code>{{ roundJsonValues($request) }}</code></pre>
                
                                    </div>
                                    <div class="col-6">
                                        <pre class="bg-light p-3 rounded border font-monospace jsonOutput" style="font-size: 14px;"><code>{{ $response }}</code></pre>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        @else
            <div class="card">
                <div class="card-body">
                    <div class="card-body">
                        <h1>No Data Found.</h1>
                    </div>
                </div>
            </div>
        @endif
    </div>
@endsection

@section('script')
    <script>
        

        $(document).ready(function () {
            const keysToHighlight = ["totalRoomRate", "vat", "municipalityTax","grandTotal"];

            $(".jsonOutput").each(function () {
                const $pre = $(this);
                let html = $pre.html();

                keysToHighlight.forEach(function (key) {
                    const regex = new RegExp('(&quot;|")' + key + '(&quot;|")\\s*:', 'g');
                    html = html.replace(regex, `<span class="bg-warning fw-bold">"${
                        key
                    }"</span>:`);
                });

                $pre.html(html);
            });
        });
    </script>
@endsection