{{-- <div class="container"> --}}
<div class="col-lg-12 chat-content">
    <div class="chat-header border-bottom pb-2">
        {{-- <div class="d-flex justify-content-between"> --}}
        <div class="row">
            <div class="col-lg-6">
                <div class="d-flex text-align-center">
                    <i data-feather="corner-up-left" id="backToChatList"
                        class="icon-lg me-2 ms-n2 text-muted d-lg-none"></i>
                    <figure class="mb-0 me-2">
                        <img src="{{ asset('assets/images/logo.jpeg') }}" class="img-sm rounded-circle" alt="image">
                        {{-- <div class="status online"></div>
                <div class="status online"></div> --}}
                    </figure>
                    <p class="pick" style="padding-top: 10px">
                        @foreach ($gstr1_chats as $gstr1_chat)
                        @endforeach
                        {{ $gstr1_chat->firm_name }} : {{ $gstr1_chat->return_type_gstr1 }} :
                        {{ $gstr1_chat->year }}
                        <br>

                        {{-- <div id="#gstr1-chat"> --}}
                        @if ($gstr1_chat->team)
                            {{ $gstr1_chat->team->first_name }}
                        @elseif (Auth::guard('admin')->user()->id == $gstr1_chat->picked_admin_id)
                            <a>{{ Auth::guard('admin')->user()->name }}</a>
                        @else
                            <a class="pick-link" href="javascript:;" data-id="{{ $gstr1_chat->id }}">
                                Pick
                            </a>
                        @endif
                        &nbsp

                        @if (Auth::guard('admin')->user()->id == $gstr1_chat->picked_admin_id)
                            {{-- @if ($gstr1_chat->team_id == null) --}}
                            <a href="#" data-bs-toggle="modal" class="modal2" data-id="{{ $gstr1_chat->id }}"
                                data-bs-target="#exampleModal">
                                Re-Assignment
                            </a>
                        @endif
                        &nbsp
                    </p>
                </div>
            </div>
            <div class="col-lg-4 offset-2">
                <p></p>

                @if ($gstr1_chat->gstr1_file_status == 'Received')
                    <input type="text" class="form-control" value="Received" disabled>
                @else
                    <select name="filing_status" class="form-control filing_status"
                        id="filing_status_{{ $gstr1_chat->id }}" data-filingid={{ $gstr1_chat->id }}
                        data-original-status="{{ $gstr1_chat->gstr1_file_status }}">

                        {{-- <option value="">Select Status</option> --}}
                        {{-- <option value="Received" @if ($gstr1_chat->gstr1_file_status == 'Received') selected @endif>Received</option> --}}
                        <option value="Under Process" @if ($gstr1_chat->gstr1_file_status == 'Under Process') selected @endif>Under
                            Process
                        </option>
                        <option value="Error" @if ($gstr1_chat->gstr1_file_status == 'Error') selected @endif>Error</option>
                        <option value="Filed Successfully" @if ($gstr1_chat->gstr1_file_status == 'Filed Successfully') selected @endif>Filed
                            Successfully
                        </option>
                        <option value="Not Received" @if ($gstr1_chat->gstr1_file_status == 'Not Received') selected @endif>Not Received
                        </option>
                        <option value="Ready to File" @if ($gstr1_chat->gstr1_file_status == 'Ready to File') selected @endif>Ready to
                            File
                        </option>
                        <option value="Filed" @if ($gstr1_chat->gstr1_file_status == 'Filed') selected @endif>Filed</option>

                        <option value="Chalan Pending" @if ($gstr1_chat->gstr1_file_status == 'Chalan Pending') selected @endif>Chalan
                            Pending
                        </option>

                        <option value="Check and File" @if ($gstr1_chat->gstr1_file_status == 'Check and File') selected @endif>Check and
                            File
                        </option>
                    </select>
                @endif




                {{-- </div> --}}
                {{-- </div> --}}
                {{-- {{dd($firm->firms->firm_name)}} --}}
                {{-- <p class="text-muted tx-13">Firm Name: my firm</p> --}}
            </div>
            <div class="col-lg-3">


                {{-- @if ($gstr1_chat->picked == false)
                    <a class="btn btn-primary w-100"
                        href="{{ route('admin.user.gstr1.filing.pick', ['id' => $gstr1_chat->id]) }}">Pick</a>
                @else
                    @if (Auth::guard('admin')->user()->id == $gstr1_chat->picked_admin_id)
                        <a class="btn btn-primary w-100">
                            {{ Auth::guard('admin')->user()->name }}
                        </a>
                    @else
                        {{ $gstr1_chat->team->first_name . ' ' . $gstr1_chat->team->last_name }}
                    @endif
                @endif --}}
            </div>
            <div class="col-lg-3 offset-9">
                {{-- @if (Auth::guard('admin')->user()->id == $gstr1_chat->picked_admin_id)
                    @if ($gstr1_chat->team_id == null)
                        <a href="{{route('admin.user.gstr1_chat.picked.assign',['id'=>$gstr1_chat->id])}}" class="btn btn-primary">Re-Assignment</a> 
                        <a href="#" data-bs-toggle="modal"
                            class="btn btn-primary modal2 w-100"
                            data-id="{{ $gstr1_chat->id }}" data-bs-target="#exampleModal">
                            Re-Assignment
                        </a>
                    @else
                        <a class="btn btn-primary w-100">
                            Assign To {{ $gstr1_chat->team->first_name }}
                        </a>
                    @endif
                @else
                @endif --}}
            </div>
        </div>
        {{-- <div class="d-flex align-items-center me-n1">
        <a class="me-3" type="button" data-bs-toggle="tooltip"
            data-bs-title="Start video call">
            <i data-feather="video" class="icon-lg text-muted"></i>
        </a>
        <a class="me-0 me-sm-3" type="button" data-bs-toggle="tooltip"
            data-bs-title="Start voice call">
            <i data-feather="phone-call" class="icon-lg text-muted"></i>
        </a>
        <a class="d-none d-sm-block" type="button" data-bs-toggle="tooltip"
            data-bs-title="Add to contacts">
            <i data-feather="user-plus" class="icon-lg text-muted"></i>
        </a>
    </div> --}}
        {{-- </div> --}}
    </div>
    <div class="chat-body">
        <ul class="messages">
            <li class="message-item friend">
                <img src="{{ asset('/assets/images/logo.jpeg') }}" class="img-xs rounded-circle" alt="avatar">
                <div class="content">
                    <div class="message">
                        <div class="bubble">
                            <p>
                                @php
                                    $data = [];
                                    if (!empty($gstr1_chat)) {
                                        if (!empty($gstr1_chat->gstr1_file)) {
                                            $data = json_decode($gstr1_chat->gstr1_file);
                                        }
                                    }

                                @endphp
                                @if (
                                    $gstr1_chat->gstr1_file_status == 'Received' ||
                                        $gstr1_chat->gstr1_file_status == 'Not Received' ||
                                        $gstr1_chat->gstr1_file_status == 'Under Process' ||
                                        $gstr1_chat->gstr1_file_status == 'Error' ||
                                        $gstr1_chat->gstr1_file_status == 'Filed' ||
                                        $gstr1_chat->gstr1_file_status == 'Filed Successfully' ||
                                        $gstr1_chat->gstr1_file_status == 'Ready to File' ||
                                        $gstr1_chat->gstr1_file_status == 'Chalan Pending' ||
                                        $gstr1_chat->gstr1_file_status == 'Check and File')
                                    {{ $gstr1_chat->return_type_gstr1 }}
                                    {{ $gstr1_chat->year }} - <strong>Received
                                        Successfully</strong>
                                    <br>
                                    Comment: {{ $gstr1_chat->gstr1_comment }}
                                    <br>
                                    <br>
                                    @foreach ($data as $datas)
                                        <a class="btn btn-primary" href="{{ asset('uploads/' . $datas) }}"
                                            target="_blank">
                                            View File
                                        </a>
                                    @endforeach
                                @else
                                    {{-- {{ $message->message }} --}}
                                @endif
                            </p>
                        </div>
                        <span>{{ $gstr1_chat->gstr1_date }} |
                            {{ $gstr1_chat->gstr1_time }}</span>
                    </div>
                </div>
            </li>
            {{-- @if (Auth::guard('admin')->user()->id == $gstr1_chat->picked_admin_id) --}}
                @foreach($filings as $filing_status)
                <li class="message-item me">
                    <img src="{{ asset('/assets/images/logo.jpeg') }}" class="img-xs rounded-circle" alt="avatar">
                    <div class="content">
                        <div class="message">
                            <div class="bubble">
                                <i>
                                   {{$filing_status->status}}
                                </i>
                            </div>
                            <i>{{ $filing_status->currentt_date }} |
                                {{ $filing_status->currentt_time }}</i>
                        </div>
                    </div>
                </li>
                @endforeach
                {{-- <ul id="filings-container">
                </ul> --}}
            {{-- @endif --}}
        
            {{-- @if ($gstr1_chat->gstr1_file_status == 'Under Process')

                <li class="message-item me">
                    <img src="{{ asset('/assets/images/logo.jpeg') }}" class="img-xs rounded-circle" alt="avatar">
                    <div class="content">
                        <div class="message">
                            <div class="bubble">
                                <p>
                                    @if ($gstr1_chat->gstr1_file_status == 'Under Process')
                                        {{ $gstr1_chat->return_type_gstr1 }}
                                        {{ $gstr1_chat->year }}
                                        is now Under Process Successfully
                                    @endif
                                </p>
                            </div>
                            <span>{{ $gstr1_chat->gstr1_date }} |
                                {{ $gstr1_chat->gstr1_time }}</span>
                        </div>
                    </div>
                </li>
            @endif

            @if ($gstr1_chat->gstr1_file_status == 'Error')

                <li class="message-item me">
                    <img src="{{ asset('/assets/images/logo.jpeg') }}" class="img-xs rounded-circle" alt="avatar">
                    <div class="content">
                        <div class="message">
                            <div class="bubble">
                                <p>
                                    @if ($gstr1_chat->gstr1_file_status == 'Error')
                                        {{ $gstr1_chat->return_type_gstr1 }}
                                        {{ $gstr1_chat->year }}
                                        is now Error Successfully
                                    @endif
                                </p>
                            </div>
                            <span>{{ $gstr1_chat->gstr1_date }} |
                                {{ $gstr1_chat->gstr1_time }}</span>
                        </div>
                    </div>
                </li>
            @endif

            @if ($gstr1_chat->gstr1_file_status == 'Filed')

                <li class="message-item me">
                    <img src="{{ asset('/assets/images/logo.jpeg') }}" class="img-xs rounded-circle" alt="avatar">
                    <div class="content">
                        <div class="message">
                            <div class="bubble">
                                <p>
                                    @if ($gstr1_chat->gstr1_file_status == 'Filed')
                                        {{ $gstr1_chat->return_type_gstr1 }}
                                        {{ $gstr1_chat->year }}
                                        is now Filed Successfully
                                    @endif
                                </p>
                            </div>
                            <span>{{ $gstr1_chat->gstr1_date }} |
                                {{ $gstr1_chat->gstr1_time }}</span>
                        </div>
                    </div>
                </li>
            @endif

            @if ($gstr1_chat->gstr1_file_status == 'Filed Successfully')

                <li class="message-item me">
                    <img src="{{ asset('/assets/images/logo.jpeg') }}" class="img-xs rounded-circle" alt="avatar">
                    <div class="content">
                        <div class="message">
                            <div class="bubble">
                                <p>
                                    @if ($gstr1_chat->gstr1_file_status == 'Filed Successfully')
                                        {{ $gstr1_chat->return_type_gstr1 }}
                                        {{ $gstr1_chat->year }}
                                        is now Filed Successfully
                                    @endif
                                </p>
                            </div>
                            <span>{{ $gstr1_chat->gstr1_date }} |
                                {{ $gstr1_chat->gstr1_time }}</span>
                        </div>
                    </div>
                </li>
            @endif

            @if ($gstr1_chat->gstr1_file_status == 'Ready to File')

                <li class="message-item me">
                    <img src="{{ asset('/assets/images/logo.jpeg') }}" class="img-xs rounded-circle" alt="avatar">
                    <div class="content">
                        <div class="message">
                            <div class="bubble">
                                <p>
                                    @if ($gstr1_chat->gstr1_file_status == 'Ready to File')
                                        {{ $gstr1_chat->return_type_gstr1 }}
                                        {{ $gstr1_chat->year }}
                                        is now Ready to File Successfully
                                    @endif
                                </p>
                            </div>
                            <span>{{ $gstr1_chat->gstr1_date }} |
                                {{ $gstr1_chat->gstr1_time }}</span>
                        </div>
                    </div>
                </li>
            @endif

            @if ($gstr1_chat->gstr1_file_status == 'Not Received')

                <li class="message-item me">
                    <img src="{{ asset('/assets/images/logo.jpeg') }}" class="img-xs rounded-circle" alt="avatar">
                    <div class="content">
                        <div class="message">
                            <div class="bubble">
                                <p>
                                    @if ($gstr1_chat->gstr1_file_status == 'Not Received')
                                        {{ $gstr1_chat->return_type_gstr1 }}
                                        {{ $gstr1_chat->year }}
                                        is now Not Received Successfully
                                    @endif
                                </p>
                            </div>
                            <span>{{ $gstr1_chat->gstr1_date }} |
                                {{ $gstr1_chat->gstr1_time }}</span>
                        </div>
                    </div>
                </li>
            @endif

            @if ($gstr1_chat->gstr1_file_status == 'Chalan Pending')

                <li class="message-item me">
                    <img src="{{ asset('/assets/images/logo.jpeg') }}" class="img-xs rounded-circle" alt="avatar">
                    <div class="content">
                        <div class="message">
                            <div class="bubble">
                                <p>
                                    @if ($gstr1_chat->gstr1_file_status == 'Chalan Pending')
                                        {{ $gstr1_chat->return_type_gstr1 }}
                                        {{ $gstr1_chat->year }}
                                        is now Chalan Pending Successfully
                                    @endif
                                </p>
                            </div>
                            <span>{{ $gstr1_chat->gstr1_date }} |
                                {{ $gstr1_chat->gstr1_time }}</span>
                        </div>
                    </div>
                </li>
            @endif

            @if ($gstr1_chat->gstr1_file_status == 'Check and File')

                <li class="message-item me">
                    <img src="{{ asset('/assets/images/logo.jpeg') }}" class="img-xs rounded-circle" alt="avatar">
                    <div class="content">
                        <div class="message">
                            <div class="bubble">
                                <p>
                                    @if ($gstr1_chat->gstr1_file_status == 'Check and File')
                                        {{ $gstr1_chat->return_type_gstr1 }}
                                        {{ $gstr1_chat->year }}
                                        is now Check and File Successfully
                                    @endif
                                </p>
                            </div>
                            <span>{{ $gstr1_chat->gstr1_date }} |
                                {{ $gstr1_chat->gstr1_time }}</span>
                        </div>
                    </div>
                </li>
            @endif --}}

            @foreach ($chats as $chat)
                <li class="message-item me">
                    <img src="{{ asset('/assets/images/logo.jpeg') }}" class="img-xs rounded-circle" alt="avatar">
                    <div class="content">
                        <div class="message">
                            <div class="bubble">
                                <p>
                                    {{ $chat->gstr1_comment }}
                                </p>
                            </div>
                            <span>{{ $chat->gstr1_date }} |
                                {{ $chat->gstr1_time }}</span>
                        </div>
                    </div>
                </li>
            @endforeach
          

            {{-- @if ($gstr1_chat->gstr1_file_status == 'Chalan Pending')
                <form method="POST" class="d-flex flex-column align-items-start">
                    <input type="hidden" name="return_filing_id" value="{{ $gstr1_chat->id }}">

                    <table class="table table-bordered table-responsive">
                        <thead>
                            <tr>
                                <th>Particular</th>
                                <th>CGST</th>
                                <th>SGST</th>
                                <th>IGST</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><label for="gstr1_comment_1" class="form-label">Particular</label></td>
                                <td><input type="number" class="form-control rounded-pill" id="gstr1_comment_2"
                                        placeholder="CGST" name="gstr1_comment_2" required oninput="updateTotals()">
                                </td>
                                <td><input type="number" class="form-control rounded-pill" id="gstr1_comment_3"
                                        placeholder="SGST" name="gstr1_comment_3" required oninput="updateTotals()">
                                </td>
                                <td><input type="number" class="form-control rounded-pill" id="gstr1_comment_4"
                                        placeholder="IGST" name="gstr1_comment_4" required oninput="updateTotals()">
                                </td>
                            </tr>

                            <tr>
                                <td><label for="gstr1_comment_5" class="form-label">Interest</label></td>
                                <td><input type="number" class="form-control rounded-pill" id="gstr1_comment_6"
                                        placeholder="CGST" name="gstr1_comment_6" required oninput="updateTotals()">
                                </td>
                                <td><input type="number" class="form-control rounded-pill" id="gstr1_comment_7"
                                        placeholder="SGST" name="gstr1_comment_7" required oninput="updateTotals()">
                                </td>
                                <td><input type="number" class="form-control rounded-pill" id="gstr1_comment_8"
                                        placeholder="IGST" name="gstr1_comment_8" required oninput="updateTotals()">
                                </td>
                            </tr>

                            <tr>
                                <td><label for="gstr1_comment_9" class="form-label">Late
                                        Fee</label></td>
                                <td><input type="number" class="form-control rounded-pill" id="gstr1_comment_10"
                                        placeholder="CGST" name="gstr1_comment_10" required oninput="updateTotals()">
                                </td>
                                <td><input type="number" class="form-control rounded-pill" id="gstr1_comment_11"
                                        placeholder="SGST" name="gstr1_comment_11" required oninput="updateTotals()">
                                </td>
                                <td><input type="number" class="form-control rounded-pill" id="gstr1_comment_12"
                                        placeholder="IGST" name="gstr1_comment_12" required oninput="updateTotals()">
                                </td>
                            </tr>

                            <tr>
                                <td><label for="gstr1_comment_13" class="form-label">Penalty</label></td>
                                <td><input type="number" class="form-control rounded-pill" id="gstr1_comment_14"
                                        placeholder="CGST" name="gstr1_comment_14" required oninput="updateTotals()">
                                </td>
                                <td><input type="number" class="form-control rounded-pill" id="gstr1_comment_15"
                                        placeholder="SGST" name="gstr1_comment_15" required oninput="updateTotals()">
                                </td>
                                <td><input type="number" class="form-control rounded-pill" id="gstr1_comment_16"
                                        placeholder="IGST" name="gstr1_comment_16" required oninput="updateTotals()">
                                </td>
                            </tr>

                            <tr>
                                <td><label for="gstr1_comment_17" class="form-label">Sub
                                        Total</label></td>
                                <td><input type="number" class="form-control rounded-pill" id="gstr1_comment_17"
                                        placeholder="Sub Total" name="gstr1_comment_17" readonly></td>
                                <td><label for="total_cgst" class="form-label">Total
                                        CGST</label></td>
                                <td><input type="number" class="form-control rounded-pill" id="total_cgst"
                                        placeholder="Total CGST" name="total_cgst" readonly></td>
                            </tr>

                            <tr>
                                <td><label for="total_sgst" class="form-label">Total
                                        SGST</label></td>
                                <td><input type="number" class="form-control rounded-pill" id="total_sgst"
                                        placeholder="Total SGST" name="total_sgst" readonly></td>
                                <td><label for="total_igst" class="form-label">Total
                                        IGST</label></td>
                                <td><input type="number" class="form-control rounded-pill" id="total_igst"
                                        placeholder="Total IGST" name="total_igst" readonly></td>
                            </tr>
                        </tbody>
                    </table>

                    <button type="submit" class="btn btn-primary">
                        Button 1
                    </button>
                    <br>

                    <button type="submit" class="btn btn-primary">
                        Button 2
                    </button>

                    <button type="submit" class="btn btn-primary btn-icon rounded-circle offset-11">
                        <i data-feather="send"></i>
                    </button>
                </form>
            @endif --}}
        </ul>
    </div>
    {{-- @if ($gstr1_chat->gstr1_file_status == 'Error') --}}
    <div class="chat-footer d-flex">
        @if ($gstr1_chat->gstr1_file_status == 'Error')
        <form id="commentBox" class="search-form flex-grow-1 me-2">
            @csrf
            <input type="hidden" name="return_filing_id" value="{{ $gstr1_chat->id }}">
            <div class="input-group">
                <input type="text" class="form-control rounded-pill" id="chatForm" placeholder="Type a message" name="gstr1_comment" required>
                <div>
                    <button type="submit" class="btn btn-primary btn-icon rounded-circle">
                        <i data-feather="send"></i>
                    </button>
                </div>
            </div>
        </form>
        @endif
    </div>

</div>
{{-- </div> --}}
@push('custom-scripts')
    <script src="{{ asset('assets/js/chat.js') }}"></script>
    {{-- <script src="jquery-3.7.1.min.js"></script> --}}



    <script>
        $(".chat").on("click", function() {
            var dataId = $(this).attr("data-id");
            $(".gstr1_comment").val(dataId);
            // alert("The data-id of clicked item is: " + dataId);
        });
    </script>

    <script>
        document.getElementById('name').addEventListener('mousedown', function(event) {
            // Prevent the default action of placing the cursor where the mouse is clicked
            event.preventDefault();
            // Set the cursor position to the start (position 0)
            this.setSelectionRange(0, 0);
            // Focus the textarea
            this.focus();
        });
    </script>

    <script>
        // document.getElementById('filing_status_').addEventListener('change', function() {
        //     var commentBox = document.getElementById('commentBox');
        //     if (this.value === 'Error') {
        //         commentBox.style.display = 'block';
        //     } else {
        //         commentBox.style.display = 'none';
        //     }
        // });

        // document.getElementById('filing_status_').dispatchEvent(new Event('change'));
        document.getElementById('filterSelect').addEventListener('change', function() {
            var url = this.value;
            if (url) {
                window.location.href = url;
            }
        });

        $(".modal2").on("click", function(e) {
            // console.log(e);
            var id = $(this).data("id");
            console.log(id);
            $("#filing_id").val(id);
            alert(id)
        });

        // $(".filing_status").on("change", function(e) {
        //     var id = $(this).data("filingid");
        //     console.log(id);
        //     var status = $("#filing_status_" + id).val();
        //     var confirmed = confirm("Are you sure you want to update this record?");

        //     // alert(status)
        //     console.log(status);

        //     // $.ajaxSetup({
        //     //     headers: {
        //     //         'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        //     //     }
        //     // });
        //     var url = `{{ route('admin.user.filing.status') }}`;
        //     if (confirmed) {

        //     $.ajax({

        //         // Our sample url to make request 
        //         url: url,

        //         // Type of Request
        //         type: "GET",
        //         dataType: "json",
        //         data: {
        //             id: id,
        //             status: status
        //         },
        //         // Function to call when to
        //         // request is ok 
        //         success: function(data) {
        //             let x = JSON.stringify(data);
        //             console.log(x);
        //             // alert('Status Successfully')
        //             alert('Status updated successfully.');



        //             //location.reload();
        //             // Reload the page only if the status is not 'Error'

        //         },

        //         // Error handling 
        //         error: function(error) {
        //             console.log(`Error ${error}`);
        //             // alert('success')
        //             location.reload()


        //         }
        //     });
        // }

        // });
        // $(document).on("change", ".filing_status", function(e) {
        //     console.log("working..");
        //     var id = $(this).data("filingid");
        //     var originalStatus = $(this).data("original-status");
        //     var status = $("#filing_status_" + id).val();
        //     var confirmed = confirm("Are you sure you want to update this record?");

        //     if (confirmed) {
        //         var url = `{{ route('admin.user.filing.status') }}`;

        //         $.ajax({
        //             url: url,
        //             type: "GET",
        //             dataType: "json",
        //             data: {
        //                 id: id,
        //                 status: status
        //             },
        //             success: function(data) {
        //                 if (data.status === "error") {
        //                     // Show an alert or modal for error
        //                     $("#commentBox").show();
        //                     alert('An error occurred while updating the status.');
        //                     // Optionally, revert to the original value
        //                     $("#filing_status_" + id).val(originalStatus);
        //                 } else {
        //                     // Hide any open message box
        //                     $("#commentBox").hide(); // Assuming you have a message box with this ID
        //                     // Optionally update the original-status attribute with the new value
        //                     $("#filing_status_" + id).data("original-status", status);
        //                 }
        //             },
        //             error: function(error) {
        //                 console.log(`Error ${error}`);
        //                 // Show an alert or modal for general error
        //                 alert('A general error occurred. Please try again.');
        //                 // Revert to the original value
        //                 $("#filing_status_" + id).val(originalStatus);
        //             }
        //         });
        //     } else {
        //         // Revert to the original value if the user cancels
        //         $("#filing_status_" + id).val(originalStatus);
        //     }
        // });

        //     $(document).on('submit','#reAssignmentForm', function(e) {
        //         e.preventDefault(); // Prevent default form submission

        //         var formData = $(this).serialize(); // Serialize the form data
        //         var url = $(this).attr('action'); // Get the form action URL

        //         $.ajax({
        //             url: url,
        //             type: "POST",
        //             data: formData,
        //             success: function(response) {
        //                 // Handle success
        //                 if (response.status === 'success') {
        //                     // Hide the modal
        //                     $('#exampleModal').modal('hide');
        //                     // Optionally, show a success message
        //                     Swal.fire('Success', 'The reassignment was successful!', 'success');
        //                 } else {
        //                     // Display validation error if exists
        //                     $('#teamError').text(response.errors.team);
        //                 }
        //             },
        //             error: function(xhr) {
        //                 // Handle error
        //                 Swal.fire('Error', 'An error occurred. Please try again.', 'error');
        //             }
        //         });
        //     });
    </script>
    <script>
        function updateTotals() {
            // Define arrays for each type of tax
            const cgstIds = ['gstr1_comment_2', 'gstr1_comment_6', 'gstr1_comment_10', 'gstr1_comment_14'];
            const sgstIds = ['gstr1_comment_3', 'gstr1_comment_7', 'gstr1_comment_11', 'gstr1_comment_15'];
            const igstIds = ['gstr1_comment_4', 'gstr1_comment_8', 'gstr1_comment_12', 'gstr1_comment_16'];

            // Calculate totals for CGST, SGST, and IGST
            const totalCGST = cgstIds.reduce((sum, id) => sum + (parseFloat(document.getElementById(id).value) || 0), 0);
            const totalSGST = sgstIds.reduce((sum, id) => sum + (parseFloat(document.getElementById(id).value) || 0), 0);
            const totalIGST = igstIds.reduce((sum, id) => sum + (parseFloat(document.getElementById(id).value) || 0), 0);

            // Calculate Sub Total
            const subTotal = totalCGST + totalSGST + totalIGST;

            // Update fields
            document.getElementById('gstr1_comment_17').value = subTotal.toFixed(2);
            document.getElementById('total_cgst').value = totalCGST.toFixed(2);
            document.getElementById('total_sgst').value = totalSGST.toFixed(2);
            document.getElementById('total_igst').value = totalIGST.toFixed(2);
        }
    </script>
@endpush