@extends('admin.layout.master')
@section('title', 'Chat')
@section('content')
    <style>
        .chat-wrapper .chat-content .chat-body {
            max-height: 400px !important;
            overflow-y: auto;
        }

        .chat-wrapper .chat-content .chat-body .messages {
            max-height: 400px !important;
        }

        .table {
            width: 100%;
            border-collapse: collapse;
            margin-bottom: 1rem;
            background-color: transparent;
        }

        .table-bordered {
            border: 1px solid #dee2e6;
        }

        .table thead th {
            vertical-align: bottom;
            border-bottom: 2px solid #dee2e6;
        }

        .table tbody+tbody {
            border-top: 2px solid #dee2e6;
        }

        .table td,
        .table th {
            padding: .75rem;
            vertical-align: top;
            border-top: 1px solid #dee2e6;
        }

        .table-responsive {
            display: block;
            width: 100%;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }

        .nav-tabs {
    --bs-nav-tabs-border-width: 0px !important;
    
}
    </style>
    <div class="container">
        <div class="col-md-12">
            <div class="card">
                <h2 style="text-align: center">Dashboard (Admin)</h2>
            </div>
        </div>
        <div class="col-md-12">
            <div class="card">
                <h3 style="text-align: center"></h3>
                <table class="table table-bordered text-center">
                    <thead>
                        <tr>
                            <th>
                                <ul class="nav nav-tabs" id="myTab" role="tablist">
                                    <a style="color: gray; text-decoration: none !important;" id="contacts-tab" data-bs-toggle="tab" href="#contacts" role="tab" aria-controls="contacts" aria-selected="false">
                                        GSTR 1
                                    </a>
                                </ul>
                            </th>
                            <th>
                                <ul class="nav nav-tabs" id="myTab" role="tablist">
                                    <a style="color: gray; text-decoration: none !important;" id="contacts1-tab"
                                        data-bs-toggle="tab" href="#contacts1" role="tab" aria-controls="contacts1"
                                        aria-selected="false">
                                        GSTR-3B
                                    </a>
                                </ul>
                            </th>
                            <th><a style="color: gray" href="{{route('admin.chat_work_in_progress')}}">ITC-04</a></th>
                            <th><a style="color: gray" href="{{route('admin.chat_work_in_progress')}}">GSTR-9</a></th>
                            <th><a style="color: gray" href="{{route('admin.chat_work_in_progress')}}">GSTR-9C</a></th>
                            <th><a style="color: gray" href="{{route('admin.chat_work_in_progress')}}">Refunds</a></th>
                            <th><a style="color: gray" href="{{route('admin.chat_work_in_progress')}}">Amendments</a></th>
                            <th><a style="color: gray" href="{{route('admin.chat_work_in_progress')}}">LUT</a></th>
                            <th><a style="color: gray" href="{{route('admin.chat_work_in_progress')}}">Cancellation</a></th>
                            <th><a style="color: gray" href="{{route('admin.chat_work_in_progress')}}">Other Filings</a></th>
                        </tr>
                    </thead>
                    <tbody>

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


        <div class="row chat-wrapper">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <div class="row position-relative">
                            <div class="col-lg-4 chat-aside border-end-lg">
                                <div class="aside-content">
                                    <div class="aside-header">
                                        <div class="d-flex justify-content-between align-items-center pb-2 mb-2">
                                            {{-- <button class="btn btn-primary input-group">Filter</button> --}}
                                            <select name="" id="filterSelect" class="form-control">
                                                <option value="">Select Filter</option>
                                                <option value="{{ route('admin.chat') }}">Chats</option>

                                                <option value="{{ route('admin.chat') }}">GSTR 3B</option>
                                                <option value="{{ route('admin.chat') }}">Other Chats</option>



                                            </select>

                                            <div class="d-flex align-items-center">
                                                <figure class="me-2 mb-0">
                                                    {{-- <img src="{{ url('https://via.placeholder.com/43x43') }}" class="img-sm rounded-circle" alt="profile">
                                <div class="status online"></div> --}}
                                                </figure>
                                                {{-- <div>
                                <h6>Amiah Burton</h6>
                                <p class="text-muted tx-13">Software Developer</p>
                              </div> --}}
                                            </div>
                                            {{-- <div class="dropdown">
                              <button class="btn btn-link p-0" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <i class="icon-lg text-muted pb-3px" data-feather="settings"></i>
                              </button>
                              <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i data-feather="eye" class="icon-sm me-2"></i> <span class="">View Profile</span></a>
                                <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i data-feather="edit-2" class="icon-sm me-2"></i> <span class="">Edit Profile</span></a>
                                <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i data-feather="aperture" class="icon-sm me-2"></i> <span class="">Add status</span></a>
                                <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i data-feather="settings" class="icon-sm me-2"></i> <span class="">Settings</span></a>
                              </div>
                            </div> --}}
                                        </div>
                                        <form class="search-form">
                                            <div class="input-group">

                                                <input type="text" class="form-control" id="searchForm"
                                                    placeholder="Search here...">
                                                <div class="input-group-text">
                                                    <i data-feather="search" class="icon-md cursor-pointer"></i>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                    <div class="aside-body">
                                        <ul class="nav nav-tabs nav-fill mt-3" role="tablist">
                                            {{-- <li class="nav-item">
                                                <a class="nav-link active" id="chats-tab" data-bs-toggle="tab"
                                                    data-bs-target="#chats" role="tab" aria-controls="chats"
                                                    aria-selected="true">
                                                    <div
                                                        class="d-flex flex-row flex-lg-column flex-xl-row align-items-center justify-content-center">
                                                        <i data-feather="message-square"
                                                            class="icon-sm me-sm-2 me-lg-0 me-xl-2 mb-md-1 mb-xl-0"></i>
                                                        <p class="d-none d-sm-block">GSTR 1 Chats</p>
                                                    </div>
                                                </a>
                                            </li> --}}
                                            {{-- <li class="nav-item">
                              <a class="nav-link" id="calls-tab" data-bs-toggle="tab" data-bs-target="#calls" role="tab" aria-controls="calls" aria-selected="false">
                                <div class="d-flex flex-row flex-lg-column flex-xl-row align-items-center justify-content-center">
                                  <i data-feather="phone-call" class="icon-sm me-sm-2 me-lg-0 me-xl-2 mb-md-1 mb-xl-0"></i>
                                  <p class="d-none d-sm-block">Calls</p>
                                </div>
                              </a>
                            </li>
                            <li class="nav-item">
                              <a class="nav-link" id="contacts-tab" data-bs-toggle="tab" data-bs-target="#contacts" role="tab" aria-controls="contacts" aria-selected="false">
                                <div class="d-flex flex-row flex-lg-column flex-xl-row align-items-center justify-content-center">
                                  <i data-feather="users" class="icon-sm me-sm-2 me-lg-0 me-xl-2 mb-md-1 mb-xl-0"></i>
                                  <p class="d-none d-sm-block">Contacts</p>
                                </div>
                              </a>
                            </li> --}}
                                        </ul>
                                        <div class="tab-content mt-3">
                                            {{-- <div class="tab-pane fade show active" id="chats" role="tabpanel"
                                                aria-labelledby="chats-tab">
                                                <div>
                                                    <p class="text-muted mb-1">GSTR 1 chats</p>
                                                    <ul class="list-unstyled chat-list px-1">
                                                        @foreach ($gstr1_chats as $gstr1_chat)
                                                            <li class="chat-item pe-1">
                                                                <a href="javascript:;" class="d-flex align-items-center">
                                                                    <figure class="mb-0 me-2">
                                                                        <img src="{{ asset('1.jpg') }}"
                                                                            class="img-xs rounded-circle" alt="user">
                                                                        <div class="status online"></div>
                                                                    </figure>
                                                                    <div
                                                                        class="d-flex justify-content-between flex-grow-1 border-bottom">
                                                                        <div>
                                                                            <p class="text-body fw-bolder">
                                                                                {{ $gstr1_chat->firm_name }}
                                                                            </p>
                                                                            <p class="text-muted tx-13">
                                                                                {{ $gstr1_chat->return_type_gstr1 }} -
                                                                                {{ $gstr1_chat->year }}
                                                                            </p>
                                                                        </div>
                                                                        
                                                                    </div>
                                                                </a>
                                                            </li>
                                                        @endforeach
                                                    </ul>
                                                </div>
                                            </div> --}}
                                            <div class="tab-pane fade" id="calls" role="tabpanel"
                                                aria-labelledby="calls-tab">
                                                <p class="text-muted mb-1">Recent calls</p>
                                                <ul class="list-unstyled chat-list px-1">
                                                    <li class="chat-item pe-1">
                                                        <a href="javascript:;" class="d-flex align-items-center">
                                                            <figure class="mb-0 me-2">
                                                                <img src="{{ url('https://via.placeholder.com/37x37') }}"
                                                                    class="img-xs rounded-circle" alt="user">
                                                                <div class="status online"></div>
                                                            </figure>
                                                            <div
                                                                class="d-flex align-items-center justify-content-between flex-grow-1 border-bottom">
                                                                <div>
                                                                    <p class="text-body">Jensen Combs</p>
                                                                    <div class="d-flex align-items-center">
                                                                        <i data-feather="arrow-up-right"
                                                                            class="icon-sm text-success me-1"></i>
                                                                        <p class="text-muted tx-13">Today, 03:11 AM</p>
                                                                    </div>
                                                                </div>
                                                                <div class="d-flex flex-column align-items-end">
                                                                    <i data-feather="phone-call"
                                                                        class="text-primary icon-md"></i>
                                                                </div>
                                                            </div>
                                                        </a>
                                                    </li>
                                                    <li class="chat-item pe-1">
                                                        <a href="javascript:;" class="d-flex align-items-center">
                                                            <figure class="mb-0 me-2">
                                                                <img src="{{ url('https://via.placeholder.com/37x37') }}"
                                                                    class="img-xs rounded-circle" alt="user">
                                                                <div class="status offline"></div>
                                                            </figure>
                                                            <div
                                                                class="d-flex align-items-center justify-content-between flex-grow-1 border-bottom">
                                                                <div>
                                                                    <p class="text-body">Leonardo Payne</p>
                                                                    <div class="d-flex align-items-center">
                                                                        <i data-feather="arrow-down-left"
                                                                            class="icon-sm text-success me-1"></i>
                                                                        <p class="text-muted tx-13">Today, 11:41 AM</p>
                                                                    </div>
                                                                </div>
                                                                <div class="d-flex flex-column align-items-end">
                                                                    <i data-feather="video"
                                                                        class="text-primary icon-md"></i>
                                                                </div>
                                                            </div>
                                                        </a>
                                                    </li>
                                                    <li class="chat-item pe-1">
                                                        <a href="javascript:;" class="d-flex align-items-center">
                                                            <figure class="mb-0 me-2">
                                                                <img src="{{ url('https://via.placeholder.com/37x37') }}"
                                                                    class="img-xs rounded-circle" alt="user">
                                                                <div class="status offline"></div>
                                                            </figure>
                                                            <div
                                                                class="d-flex align-items-center justify-content-between flex-grow-1 border-bottom">
                                                                <div>
                                                                    <p class="text-body">Carl Henson</p>
                                                                    <div class="d-flex align-items-center">
                                                                        <i data-feather="arrow-down-left"
                                                                            class="icon-sm text-danger me-1"></i>
                                                                        <p class="text-muted tx-13">Today, 04:24 PM</p>
                                                                    </div>
                                                                </div>
                                                                <div class="d-flex flex-column align-items-end">
                                                                    <i data-feather="phone-call"
                                                                        class="text-primary icon-md"></i>
                                                                </div>
                                                            </div>
                                                        </a>
                                                    </li>
                                                    <li class="chat-item pe-1">
                                                        <a href="javascript:;" class="d-flex align-items-center">
                                                            <figure class="mb-0 me-2">
                                                                <img src="{{ url('https://via.placeholder.com/37x37') }}"
                                                                    class="img-xs rounded-circle" alt="user">
                                                                <div class="status online"></div>
                                                            </figure>
                                                            <div
                                                                class="d-flex align-items-center justify-content-between flex-grow-1 border-bottom">
                                                                <div>
                                                                    <p class="text-body">Jensen Combs</p>
                                                                    <div class="d-flex align-items-center">
                                                                        <i data-feather="arrow-down-left"
                                                                            class="icon-sm text-danger me-1"></i>
                                                                        <p class="text-muted tx-13">Today, 12:53 AM</p>
                                                                    </div>
                                                                </div>
                                                                <div class="d-flex flex-column align-items-end">
                                                                    <i data-feather="video"
                                                                        class="text-primary icon-md"></i>
                                                                </div>
                                                            </div>
                                                        </a>
                                                    </li>
                                                    <li class="chat-item pe-1">
                                                        <a href="javascript:;" class="d-flex align-items-center">
                                                            <figure class="mb-0 me-2">
                                                                <img src="{{ url('https://via.placeholder.com/37x37') }}"
                                                                    class="img-xs rounded-circle" alt="user">
                                                                <div class="status online"></div>
                                                            </figure>
                                                            <div
                                                                class="d-flex align-items-center justify-content-between flex-grow-1 border-bottom">
                                                                <div>
                                                                    <p class="text-body">John Doe</p>
                                                                    <div class="d-flex align-items-center">
                                                                        <i data-feather="arrow-down-left"
                                                                            class="icon-sm text-success me-1"></i>
                                                                        <p class="text-muted tx-13">Today, 01:42 AM</p>
                                                                    </div>
                                                                </div>
                                                                <div class="d-flex flex-column align-items-end">
                                                                    <i data-feather="video"
                                                                        class="text-primary icon-md"></i>
                                                                </div>
                                                            </div>
                                                        </a>
                                                    </li>
                                                    <li class="chat-item pe-1">
                                                        <a href="javascript:;" class="d-flex align-items-center">
                                                            <figure class="mb-0 me-2">
                                                                <img src="{{ url('https://via.placeholder.com/37x37') }}"
                                                                    class="img-xs rounded-circle" alt="user">
                                                                <div class="status offline"></div>
                                                            </figure>
                                                            <div
                                                                class="d-flex align-items-center justify-content-between flex-grow-1 border-bottom">
                                                                <div>
                                                                    <p class="text-body">John Doe</p>
                                                                    <div class="d-flex align-items-center">
                                                                        <i data-feather="arrow-up-right"
                                                                            class="icon-sm text-success me-1"></i>
                                                                        <p class="text-muted tx-13">Today, 12:01 AM</p>
                                                                    </div>
                                                                </div>
                                                                <div class="d-flex flex-column align-items-end">
                                                                    <i data-feather="phone-call"
                                                                        class="text-primary icon-md"></i>
                                                                </div>
                                                            </div>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                            <div class="tab-pane fade" id="contacts" role="tabpanel"
                                                aria-labelledby="contacts-tab">
                                                <p class="text-muted mb-1">Contacts</p>
                                                <ul class="list-unstyled chat-list px-1">
                                                    <li class="chat-item pe-1">
                                                        <a href="javascript:;" class="d-flex align-items-center">
                                                            <figure class="mb-0 me-2">
                                                                <img src="{{ url('https://via.placeholder.com/37x37') }}"
                                                                    class="img-xs rounded-circle" alt="user">
                                                                <div class="status offline"></div>
                                                            </figure>
                                                            <div
                                                                class="d-flex align-items-center justify-content-between flex-grow-1 border-bottom">
                                                                <div>
                                                                    <p class="text-body">Amiah Burton</p>
                                                                    <div class="d-flex align-items-center">
                                                                        <p class="text-muted tx-13">Front-end Developer</p>
                                                                    </div>
                                                                </div>
                                                                <div class="d-flex align-items-end text-body">
                                                                    <i data-feather="message-square"
                                                                        class="icon-md text-primary me-2"></i>
                                                                    <i data-feather="phone-call"
                                                                        class="icon-md text-primary me-2"></i>
                                                                    <i data-feather="video"
                                                                        class="icon-md text-primary"></i>
                                                                </div>
                                                            </div>
                                                        </a>
                                                    </li>
                                                    <li class="chat-item pe-1">
                                                        <a href="javascript:;" class="d-flex align-items-center">
                                                            <figure class="mb-0 me-2">
                                                                <img src="{{ url('https://via.placeholder.com/37x37') }}"
                                                                    class="img-xs rounded-circle" alt="user">
                                                                <div class="status online"></div>
                                                            </figure>
                                                            <div
                                                                class="d-flex align-items-center justify-content-between flex-grow-1 border-bottom">
                                                                <div>
                                                                    <p class="text-body">John Doe</p>
                                                                    <div class="d-flex align-items-center">
                                                                        <p class="text-muted tx-13">Back-end Developer</p>
                                                                    </div>
                                                                </div>
                                                                <div class="d-flex align-items-end text-body">
                                                                    <i data-feather="message-square"
                                                                        class="icon-md text-primary me-2"></i>
                                                                    <i data-feather="phone-call"
                                                                        class="icon-md text-primary me-2"></i>
                                                                    <i data-feather="video"
                                                                        class="icon-md text-primary"></i>
                                                                </div>
                                                            </div>
                                                        </a>
                                                    </li>
                                                    <li class="chat-item pe-1">
                                                        <a href="javascript:;" class="d-flex align-items-center">
                                                            <figure class="mb-0 me-2">
                                                                <img src="{{ url('https://via.placeholder.com/37x37') }}"
                                                                    class="img-xs rounded-circle" alt="user">
                                                                <div class="status offline"></div>
                                                            </figure>
                                                            <div
                                                                class="d-flex align-items-center justify-content-between flex-grow-1 border-bottom">
                                                                <div>
                                                                    <p class="text-body">Yaretzi Mayo</p>
                                                                    <div class="d-flex align-items-center">
                                                                        <p class="text-muted tx-13">Fullstack Developer</p>
                                                                    </div>
                                                                </div>
                                                                <div class="d-flex align-items-end text-body">
                                                                    <i data-feather="message-square"
                                                                        class="icon-md text-primary me-2"></i>
                                                                    <i data-feather="phone-call"
                                                                        class="icon-md text-primary me-2"></i>
                                                                    <i data-feather="video"
                                                                        class="icon-md text-primary"></i>
                                                                </div>
                                                            </div>
                                                        </a>
                                                    </li>
                                                    <li class="chat-item pe-1">
                                                        <a href="javascript:;" class="d-flex align-items-center">
                                                            <figure class="mb-0 me-2">
                                                                <img src="{{ url('https://via.placeholder.com/37x37') }}"
                                                                    class="img-xs rounded-circle" alt="user">
                                                                <div class="status offline"></div>
                                                            </figure>
                                                            <div
                                                                class="d-flex align-items-center justify-content-between flex-grow-1 border-bottom">
                                                                <div>
                                                                    <p class="text-body">John Doe</p>
                                                                    <div class="d-flex align-items-center">
                                                                        <p class="text-muted tx-13">Front-end Developer</p>
                                                                    </div>
                                                                </div>
                                                                <div class="d-flex align-items-end text-body">
                                                                    <i data-feather="message-square"
                                                                        class="icon-md text-primary me-2"></i>
                                                                    <i data-feather="phone-call"
                                                                        class="icon-md text-primary me-2"></i>
                                                                    <i data-feather="video"
                                                                        class="icon-md text-primary"></i>
                                                                </div>
                                                            </div>
                                                        </a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-8 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 style="padding-top: 10px">
                                                    Work in Progress
                                                </p>
                                            </div>
                                        </div>
                                        <div class="col-lg-3">
                                            <p>
                                                {{-- @if (!empty($user))
                                                {{ $user->name }}
                                            @endif --}}

                                            </p>
                                            {{-- <div class="row"> --}}
                                            {{-- <div class="col-md-6" style="float: right"> --}}
                                            {{-- <label for="" style="margin-left: 3px">Status:</label> --}}
                                            




                                            {{-- </div> --}}
                                            {{-- </div> --}}
                                            {{-- {{dd($firm->firms->firm_name)}} --}}
                                            {{-- <p class="text-muted tx-13">Firm Name: my firm</p> --}}
                                        </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>
                                                       
                                                           
                                                            
                                                                Work in Progress
                                                                
                                                            
                                                        </p>
                                                    </div>
                                                    {{-- <span>{{ $gstr1_chat->gstr1_date }} |
                                                        {{ $gstr1_chat->gstr1_time }}</span> --}}
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                                {{-- @if ($gstr1_chat->gstr1_file_status == 'Error') --}}
                                <div class="chat-footer d-flex">

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

    
@endsection
@push('custom-scripts')
    <script src="{{ asset('assets/js/chat.js') }}"></script>
@endpush

@push('plugin-styles')
    <link href="{{ asset('assets/plugins/select2/select2.min.css') }}" rel="stylesheet" />
    <link href="{{ asset('assets/plugins/jquery-tags-input/jquery.tagsinput.min.css') }}" rel="stylesheet" />
    <link href="{{ asset('assets/plugins/dropzone/dropzone.min.css') }}" rel="stylesheet" />
    <link href="{{ asset('assets/plugins/dropify/css/dropify.min.css') }}" rel="stylesheet" />
    <link href="{{ asset('assets/plugins/pickr/themes/classic.min.css') }}" rel="stylesheet" />
    <link href="{{ asset('assets/plugins/flatpickr/flatpickr.min.css') }}" rel="stylesheet" />
@endpush

@push('plugin-scripts')
    {{-- <script src="{{ asset('assets/plugins/jquery-validation/jquery.validate.min.js') }}"></script>
  <script src="{{ asset('assets/plugins/bootstrap-maxlength/bootstrap-maxlength.min.js') }}"></script>
  <script src="{{ asset('assets/plugins/inputmask/jquery.inputmask.min.js') }}"></script>
  <script src="{{ asset('assets/plugins/select2/select2.min.js') }}"></script>
  <script src="{{ asset('assets/plugins/typeahead-js/typeahead.bundle.min.js') }}"></script>
  <script src="{{ asset('assets/plugins/jquery-tags-input/jquery.tagsinput.min.js') }}"></script>
  <script src="{{ asset('assets/plugins/dropzone/dropzone.min.js') }}"></script> --}}
    <script src="{{ asset('assets/plugins/dropify/js/dropify.min.js') }}"></script>
    {{-- <script src="{{ asset('assets/plugins/pickr/pickr.min.js') }}"></script>
  <script src="{{ asset('assets/plugins/moment/moment.min.js') }}"></script>
  <script src="{{ asset('assets/plugins/flatpickr/flatpickr.min.js') }}"></script> --}}
@endpush

@push('custom-scripts')
    <script src="{{ asset('assets/js/form-validation.js') }}"></script>
    <script src="{{ asset('assets/js/bootstrap-maxlength.js') }}"></script>
    <script src="{{ asset('assets/js/inputmask.js') }}"></script>
    <script src="{{ asset('assets/js/select2.js') }}"></script>
    <script src="{{ asset('assets/js/typeahead.js') }}"></script>
    <script src="{{ asset('assets/js/tags-input.js') }}"></script>
    <script src="{{ asset('assets/js/dropzone.js') }}"></script>
    <script src="{{ asset('assets/js/dropify.js') }}"></script>
    <script src="{{ asset('assets/js/pickr.js') }}"></script>
    <script src="{{ asset('assets/js/flatpickr.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);
        });

        $(".filing_status").on("change", function(e) {
            var id = $(this).data("filingid");
            console.log(id);
            var status = $("#filing_status_" + id).val();
            // alert(status)
            console.log(status);

            // $.ajaxSetup({
            //     headers: {
            //         'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            //     }
            // });
            var url = `{{ route('admin.user.filing.status') }}`;
            $.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')


                    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()


                }
            });

        });
    </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