@extends('admin.layouts.layout-no-sidebar')
@section('content')

		

        <div class="page-wrapper">
      		<div class="content container-fluid">
                @php
                $currentUrl = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? "https" : "http") . "://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";

                $parsedUrl = parse_url($currentUrl);

                $cleanPath = preg_replace('#/admin.*#', '', $parsedUrl['path']);

                $cleanUrl = $parsedUrl['scheme'] . '://' . $parsedUrl['host'] . $cleanPath;

                @endphp

                <iframe id="website-frame" src="{{$cleanUrl}}" style=" width: 100%; height: 100vh; float: left;border:none;border-radius: 5px;box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;"   ></iframe>


            </div>
        </div>


        <div class="sidebar" id="sidebar" >
            <div class="sidebar-inner slimscroll">
                <div id="sidebar-menu" class="sidebar-menu">
                      <div class="col-md-12" style="margin-top: 30px;">
            <h4>Update Text</h4>
            <form id="update-form"  action="{{route('update-setting-by-id')}}" method="POST">
                @csrf
                {{-- <input type="hidden" id="record-id" name="id"> --}}
                <div class="mb-3">
                    <label for="value" class="form-label">Value (English)</label>
                    <textarea class="form-control  "  id="value" name="value"></textarea>

              
                </div>
                <div class="mb-3">
                    <label for="value_ar" class="form-label">Value (Arabic)</label>
                    <textarea class="form-control  "  id="value_ar" name="value_ar"></textarea>

                </div>

                <input  id="record-id" type="hidden" name="id" />
                <input type="hidden" name="setting_type" value="" />
                
                <button id="update_btn" type="submit" class="btn btn-primary" >Update</button>
            </form>

            <a href="{{route('dashboard')}}" style="color: orangered ;border:none; padding: 10px;border-radius: 5px; height: fit-content;margin-top:20px">Go Back To Admin <i class="fa fa-arrow-right"></i></a>


        </div>
                </div>
            </div>
        </div>

@endsection 



    <script>


        window.addEventListener('message', function (event) {

                id= event.data.key;

        let currentUrl = window.location.href;
        // Remove "/admin" and anything after it
        let cleanUrl = currentUrl.split('/admin')[0];
        full_url=cleanUrl+`/admin/get-settings-by-id/${id}`
      


            // const url = `/github/techtime-admin/admin/get-settings-by-id/${id}`;

            fetch(full_url)
            .then(response => {
                console.log(response)
                if (!response.ok) {

                    throw new Error('Failed to fetch the record.');
                }
                return response.json();
            })
            .then(data => {
                console.log('Fetched data:', data);
                document.getElementById('record-id').value = data.id;
                document.getElementById('value').value = data.value;
                document.getElementById('value_ar').value = data.value_ar;
           
            })
            .catch(error => {
                console.error('Error fetching settings:', error);
                alert('Failed to fetch the record.');
            });

        });
            


//     async function update_content() {
//        event.preventDefault();

//     // Gather form data
//     const id = document.getElementById('record-id').value;
//     const value = document.getElementById('value').value;
//     const value_ar = document.getElementById('value_ar').value;



//     const update_url = `/github/techtime-admin/admin/update-setting-by-id/${id}`;

//     await fetch(update_url, {
//         method: 'POST',
//         headers: {
//             'Content-Type': 'application/json',
//         },
//         body: JSON.stringify({
//             value: value,
//             value_ar: value_ar
//         })
//     })
//     .then(response => {
//         if (!response.ok) {
//             throw new Error('Network response was not ok');
//         }
//         return response.json();
//     })
//     .then(data => {
//         console.log('Success:', data);
//         alert('Settings updated successfully!');
//     })
//     .catch(error => {
//         console.error('Error:', error);
//         alert('Failed to update settings. Please try again.');
//     });
// }

    </script>
</body>
</html>