@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;
        }
    </style>
    <div class="container">
        <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>

                                            <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 3B 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 3B 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 class="d-flex flex-column align-items-end">
                                          <p class="text-muted tx-13 mb-1">4:32 PM</p>
                                          <div class="badge rounded-pill bg-primary ms-auto">5</div>
                                        </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">
                                                    @foreach ($gstr1_chats as $gstr1_chat)
                                                    @endforeach
                                                    {{ $gstr1_chat->firm_name }} : {{ $gstr1_chat->return_type_gstr1 }} :
                                                    {{ $gstr1_chat->year }}
                                                </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> --}}
                                            @if ($gstr1_chat->gstr1_file_status == 'Recieved')
                                                jj
                                            @else
                                                <select name="filing_status" class="form-control filing_status"
                                                    id="filing_status_{{ $gstr1_chat->id }}"
                                                    data-filingid={{ $gstr1_chat->id }}>

                                                    {{-- <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>
                                                </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">
                                            <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">Assign Status: </label> --}}
                                            {{-- <button type="submit" class="btn btn-primary w-100">Pick</button> --}}
                                            @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
                                            {{-- <select name="" id="" class="form-control">
                                            <option value="">Select Status</option>
                                            <option value="Assign">Assign</option>
                                            <option value="Unsign">Unsign</option>
                    
                                        </select> --}}
                                            {{-- </div> --}}
                                            {{-- </div> --}}

                                        </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 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>
                                                            @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->return_type_gstr1 }}
                                                                {{ $gstr1_chat->year }} - Received Successfully
                                                                <br>
                                                                Comment: {{ $gstr1_chat->gstr1_comment }}
                                                                <br>
                                                                @foreach ($data as $datas)
                                                                    <a 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>
                                        <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 (Auth::guard('admin')->user()->id == $gstr1_chat->picked_admin_id)
                                                                {{ $gstr1_chat->return_type_gstr1 }}
                                                                {{ $gstr1_chat->year }}
                                                                - Successfully Picked By Admin
                                                            @endif
                                                        </p>
                                                    </div>
                                                    <span>{{ $gstr1_chat->gstr1_date }} |
                                                        {{ $gstr1_chat->gstr1_time }}</span>
                                                </div>
                                            </div>
                                        </li>
                                        @if ($gstr1_chat->gstr1_file_status == '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 == 'Received')
                                                                    {{ $gstr1_chat->return_type_gstr1 }}
                                                                    {{ $gstr1_chat->year }}
                                                                    is now 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 == '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
                                    </ul>
                                </div>
                                {{-- @if ($gstr1_chat->gstr1_file_status == 'Error') --}}
                                <div class="chat-footer d-flex">
                                    {{-- <div>
                          <button type="button" class="btn border btn-icon rounded-circle me-2" data-bs-toggle="tooltip" data-bs-title="Emoji">
                            <i data-feather="smile" class="text-muted"></i>
                          </button>
                        </div>
                        <div class="d-none d-md-block">
                          <button type="button" class="btn border btn-icon rounded-circle me-2" data-bs-toggle="tooltip" data-bs-title="Attatch files">
                            <i data-feather="paperclip" class="text-muted"></i>
                          </button>
                        </div>
                        <div class="d-none d-md-block">
                          <button type="button" class="btn border btn-icon rounded-circle me-2" data-bs-toggle="tooltip" data-bs-title="Record you voice">
                            <i data-feather="mic" class="text-muted"></i>
                          </button>
                        </div> --}}
                                    <form class="search-form flex-grow-1 me-2" id="commentBox" style="display: none;">
                                        <div class="input-group">
                                            <input type="text" class="form-control rounded-pill" id="chatForm"
                                                placeholder="Type a message">
                                        </div>
                                    </form>

                                    <div>
                                        {{-- @if ($gstr1_chat->gstr1_file_status == 'Error') --}}
                                        <button type="button" class="btn btn-primary btn-icon rounded-circle">
                                            <i data-feather="send"></i>
                                        </button>
                                        {{-- @endif --}}

                                    </div>


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

        $(".filing_status").on("change", function(e) {
            var id = $(this).data("filingid");
            console.log(id);
            var status = $("#filing_status_" + id).val();
            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()
                },

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


                }
            });

        });
    </script>
@endpush