@extends('admin.layout.master')

@push('plugin-styles')
    <link href="{{ asset('assets/plugins/flatpickr/flatpickr.min.css') }}" rel="stylesheet" />
@endpush

@section('content')
    <div class="d-flex justify-content-between align-items-center flex-wrap grid-margin">
        <div>
            <!--<h4 class="mb-3 mb-md-0">Welcome to Dashboard</h4>-->
        </div>
       {{-- <div class="d-flex align-items-center flex-wrap text-nowrap">
            <div class="input-group flatpickr wd-200 me-2 mb-2 mb-md-0" id="dashboardDate">
                <span class="input-group-text input-group-addon bg-transparent border-primary" data-toggle><i
                        data-feather="calendar" class="text-primary"></i></span>
                <input type="text" class="form-control bg-transparent border-primary" placeholder="Select date"
                    data-input>
            </div>
            <button type="button" class="btn btn-outline-primary btn-icon-text me-2 mb-2 mb-md-0">
                <i class="btn-icon-prepend" data-feather="printer"></i>
                Print
            </button>
            <button type="button" class="btn btn-primary btn-icon-text mb-2 mb-md-0">
                <i class="btn-icon-prepend" data-feather="download-cloud"></i>
                Download Report
            </button>
        </div> --}}
    </div>

    {{-- <div class="col-lg-5 col-xl-12 grid-margin grid-margin-xl-0 stretch-card">
        <div class="card">
            <div class="card-body" style="overflow-y: scroll;">
                <div class="d-flex justify-content-between align-items-baseline mb-2">
                    <h6 class="card-title mb-0">Recent Activity</h6>
                    <div class="dropdown mb-2">
                        <button class="btn btn-link p-0" type="button" id="dropdownMenuButton6" data-bs-toggle="dropdown"
                            aria-haspopup="true" aria-expanded="false">
                        </button>
                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton6">
                            <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i data-feather="eye"
                                    class="icon-sm me-2"></i> <span class="">View</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</span></a>
                            <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i data-feather="trash"
                                    class="icon-sm me-2"></i> <span class="">Delete</span></a>
                            <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i data-feather="printer"
                                    class="icon-sm me-2"></i> <span class="">Print</span></a>
                            <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                    data-feather="download" class="icon-sm me-2"></i> <span
                                    class="">Download</span></a>
                        </div>
                    </div>
                </div>
                @foreach ($users as $user)
                    @foreach ($user->user_returnfiling as $filing)
                        @php
                            $datas = [];
                            if (!empty($filing)) {
                                if (!empty($filing->gstr1_file)) {
                                    $data = json_decode($filing->gstr1_file);
                                }
                            }

                        @endphp

                        <div class="d-flex flex-column">
                            <a href="javascript:;" class="d-flex align-items-center border-bottom pb-3">
                                <div class="me-3">
                                    <img src="{{ url('https://via.placeholder.com/35x35') }}" class="rounded-circle wd-35"
                                        alt="user">
                                </div>
                                <div class="w-100">
                                    <div class="d-flex justify-content-between">
                                        <h6 class="fw-normal text-body mb-1">
                                            @if (!empty($user->profile))
                                                {{ $user->profile->firm_name }}
                                            @endif
                                        </h6>
                                        <p class="text-muted tx-12">
                                          {{$filing->created_at}}

                                        </p>
                                    </div>
                                    @foreach ($data as $datas)
                                        <p class="text-muted tx-13"> {{ $datas }}...</p>
                                    @endforeach
                                </div>
                            </a>

                        </div>
                    @endforeach
                @endforeach

            </div>
        </div>
    </div> --}}

    <div class="row">
        {{-- <div class="col-lg-6 grid-margin stretch-card"> --}}
        <div class="col-md-12 grid-margin">

            <div class="card">
                <div class="card-body">
                    <h4 class="card-title">Recent Activities</h4>
                    <div class="mb-2">
                        <label for="ageSelect" class="form-label"></label>
                        
                    </div>



                    @php
                        $data = [];
                        if (!empty($year)) {
                            if (!empty($year->gstr1_file)) {
                                $data = json_decode($year->gstr1_file);
                            }
                        }

                    @endphp
                    <div class="mb-3" style="text-align: center">
                        <div class="card">
                            <div class="card-body">
                                <h6 class="card-title"></h6>
                                <label for="" class="form-label" style="font-family: sans-serif;">
                                    @foreach($years as $year)
                                    @endforeach
                                    @if (!empty($year->return_type_gstr1))
                                        {{ $year->return_type_gstr1 }}
                                    @endif
                                    of @if (!empty($year->year))
                                        {{ $year->year }}
                                    @endif
                                    has been submitted successfully on @if (!empty($year->gstr1_date))
                                        {{ $year->gstr1_date }}
                                    @endif
                                    | @if (!empty($year->gstr1_time))
                                        {{ $year->gstr1_time }}
                                    @endif
                                    |
                                    {{-- @if (!empty($year->gstr1_file_status == 'Filed Successfully'))
                                        <a style="color: green">Successfully
                                            Filed
                                        </a>
                                    @else
                                        <a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal">View
                                            Files</a>
                                    @endif --}}



                                </label>
                                <br>
                                @foreach ($chats as $chat)
                                    <label for="" class="form-label" style="font-family: sans-serif;">
                                        You have recived an error msg on {{ $chat->return_type_gstr1 }}
                                        of {{ $chat->gstr1_date }} | {{ $chat->gstr1_time }}
                                        | <a href="#" class="chat" data-id="{{ $chat->gstr1_comment }}"
                                            data-bs-toggle="modal" data-bs-target="#comment">View Comment</a>
                                    </label>
                                    <br>
                                @endforeach


                                {{-- <label for="" class="form-label" style="font-family: sans-serif;">
                                        You have recived an error msg on GSTR1 of Feb 2024 | 10:22 PM
                                    </label>
                                    <br>

                                    <label for="" class="form-label" style="font-family: sans-serif;">
                                        You have reverted to error on GSTR 1 on 29 Feb 2024 | 02:22 PM
                                    </label>
                                    <br>

                                    <label for="" class="form-label" style="font-family: sans-serif;">
                                        Your GSTR 1 of Feb 2024 has been filled sucessfully at 23 Feb 2024 | 02:32 PM
                                    </label> --}}
                            </div>
                        </div>
                    </div>



                    {{-- <div class="mb-3">
                            <h6 class="card-title">GSTR 1 Comment</h6>
                            <textarea id="name" class="form-control" name="gstr1_comment" type="text" rows="5" cols="50" readonly>
                                @if (!empty($year)) {{$year->gstr1_comment}} @endif
                            </textarea>
                            <span class="text-danger">{{ $errors->first('gstr1_comment') }}</span>
                        </div>  --}}

                    @php
                        $data = [];
                        if (!empty($year)) {
                            if (!empty($year->gstr1_file)) {
                                $data = json_decode($year->gstr1_file);
                            }
                        }

                    @endphp

                    @php
                        $gstr3b_file = [];
                        if (!empty($year)) {
                            if (!empty($year->gstr3b_file)) {
                                $gstr3b_file = json_decode($year->gstr3b_file);
                            }
                        }

                    @endphp
                    @if (!empty($year->return_type_gstr3b) == 'GSTR 3B')
                        {{-- <div class="mb-3">
                            <div class="card">
                                <div class="card-body">
                                    <h6 class="card-title">GSTR 3B Return Files</h6>
                                    @foreach ($data as $datas)
                                        <img src="{{ asset('uploads/' . $datas) }}" alt=""
                                        style="height: 50px;width: 50px;">
                                    @endforeach
                                </div>
                            </div>
                        </div>


                  
                        <div class="mb-3">
                            <h6 class="card-title">GSTR 3B Comment</h6>
                            <textarea id="name" class="form-control" name="gstr1_comment" type="text" rows="5" cols="50" readonly>
                                @if (!empty($year)) {{$year->gstr3b_comment}} @endif
                            </textarea>
                            <span class="text-danger">{{ $errors->first('gstr1_comment') }}</span>
                        </div> --}}
                    @endif
                </div>
            </div>
        </div>

    </div>



    <div class="row">
        <div class="col-12 col-xl-12 stretch-card">
            <div class="row flex-grow-1">
                <div class="col-md-3 grid-margin stretch-card">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-flex justify-content-between align-items-baseline">
                                <h6 class="card-title mb-0">Chat</h6>
                                <div class="dropdown mb-2">
                                    
                                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="eye" class="icon-sm me-2"></i> <span
                                                class="">View</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</span></a>
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="trash" class="icon-sm me-2"></i> <span
                                                class="">Delete</span></a>
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="printer" class="icon-sm me-2"></i> <span
                                                class="">Print</span></a>
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="download" class="icon-sm me-2"></i> <span
                                                class="">Download</span></a>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-6 col-md-12 col-xl-5">
                                    <a href="{{route('admin.chat')}}">  <h3 class="mb-2">{{ $returnfiling_count }}</h3></a>

                                    <span class="mb-2">Current: 0</span>
                                    <span class="mb-2">Old: 0</span>
                                    <div class="d-flex align-items-baseline">
                                        <p class="text-danger">
                                            <span></span>
                                            {{-- <i data-feather="arrow-down" class="icon-sm mb-1"></i> --}}
                                        </p>
                                    </div>
                                </div>
                                <div class="col-6 col-md-12 col-xl-7">
                                    {{-- <div id="ordersChart" class="mt-md-3 mt-xl-0"></div> --}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-3 grid-margin stretch-card">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-flex justify-content-between align-items-baseline">
                                <h6 class="card-title mb-0">Return Filing</h6>
                                <div class="dropdown mb-2">
                                    
                                    <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</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</span></a>
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="trash" class="icon-sm me-2"></i> <span
                                                class="">Delete</span></a>
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="printer" class="icon-sm me-2"></i> <span
                                                class="">Print</span></a>
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="download" class="icon-sm me-2"></i> <span
                                                class="">Download</span></a>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-6 col-md-12 col-xl-5">
                                    <a href="{{route('admin.return.filing')}}">  <h3 class="mb-2">{{ $returnfiling_count }}</h3></a>
                                    <a href="{{route('admin.return.filing',['param'=>'current'])}}"><span class="mb-2">Current: {{$currentMonthCount}}</span></a>
                                    <a href="{{route('admin.return.filing',['param'=>'old'])}}"><span class="mb-2">Old: {{$previousMonthCount}}</span></a>
                                    <div class="d-flex align-items-baseline">
                                        <p class="text-success">
                                            <span></span>
                                            {{-- <i data-feather="arrow-up" class="icon-sm mb-1"></i> --}}
                                        </p>
                                    </div>
                                </div>
                                <div class="col-6 col-md-12 col-xl-7">
                                    {{-- <div id="customersChart" class="mt-md-3 mt-xl-0"></div> --}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="col-md-3 grid-margin stretch-card">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-flex justify-content-between align-items-baseline">
                                <h6 class="card-title mb-0">ITC-04</h6>
                                <div class="dropdown mb-2">
                                    
                                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="eye" class="icon-sm me-2"></i> <span
                                                class="">View</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</span></a>
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="trash" class="icon-sm me-2"></i> <span
                                                class="">Delete</span></a>
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="printer" class="icon-sm me-2"></i> <span
                                                class="">Print</span></a>
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="download" class="icon-sm me-2"></i> <span
                                                class="">Download</span></a>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-6 col-md-12 col-xl-5">
                                    <h3 class="mb-2">0</h3>
                                    <span class="mb-2">Current: 0</span>
                                    <span class="mb-2">Old: 0</span>
                                    <div class="d-flex align-items-baseline">
                                        <p class="text-danger">
                                            <span></span>
                                            {{-- <i data-feather="arrow-down" class="icon-sm mb-1"></i> --}}
                                        </p>
                                    </div>
                                </div>
                                <div class="col-6 col-md-12 col-xl-7">
                                    {{-- <div id="ordersChart" class="mt-md-3 mt-xl-0"></div> --}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 grid-margin stretch-card">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-flex justify-content-between align-items-baseline">
                                <h6 class="card-title mb-0">Annual Return</h6>
                                <div class="dropdown mb-2">
                                    {{-- <button class="btn btn-link p-0" type="button" id="dropdownMenuButton2" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                  <i class="icon-lg text-muted pb-3px" data-feather="more-horizontal"></i>
                </button> --}}
                                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton2">
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="eye" class="icon-sm me-2"></i> <span
                                                class="">View</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</span></a>
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="trash" class="icon-sm me-2"></i> <span
                                                class="">Delete</span></a>
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="printer" class="icon-sm me-2"></i> <span
                                                class="">Print</span></a>
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="download" class="icon-sm me-2"></i> <span
                                                class="">Download</span></a>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-6 col-md-12 col-xl-5">
                                    <h3 class="mb-2">0</h3>
                                    <span class="mb-2">Current: 0</span>
                                    <span class="mb-2">Old: 0</span>
                                    <div class="d-flex align-items-baseline">
                                        <p class="text-success">
                                            <span></span>
                                            {{-- <i data-feather="arrow-up" class="icon-sm mb-1"></i> --}}
                                        </p>
                                    </div>
                                </div>
                                <div class="col-6 col-md-12 col-xl-7">
                                    {{-- <div id="growthChart" class="mt-md-3 mt-xl-0"></div> --}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 grid-margin stretch-card">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-flex justify-content-between align-items-baseline">
                                <h6 class="card-title mb-0">Refunds</h6>
                                <div class="dropdown mb-2">
                                    {{-- <button class="btn btn-link p-0" type="button" id="dropdownMenuButton2" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                  <i class="icon-lg text-muted pb-3px" data-feather="more-horizontal"></i>
                </button> --}}
                                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton2">
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="eye" class="icon-sm me-2"></i> <span
                                                class="">View</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</span></a>
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="trash" class="icon-sm me-2"></i> <span
                                                class="">Delete</span></a>
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="printer" class="icon-sm me-2"></i> <span
                                                class="">Print</span></a>
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="download" class="icon-sm me-2"></i> <span
                                                class="">Download</span></a>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-6 col-md-12 col-xl-5">
                                    <h3 class="mb-2">0</h3>
                                    <span class="mb-2">Current: 0</span>
                                    <span class="mb-2">Old: 0</span>
                                    <div class="d-flex align-items-baseline">
                                        <p class="text-success">
                                            <span></span>
                                            {{-- <i data-feather="arrow-up" class="icon-sm mb-1"></i> --}}
                                        </p>
                                    </div>
                                </div>
                                <div class="col-6 col-md-12 col-xl-7">
                                    {{-- <div id="growthChart" class="mt-md-3 mt-xl-0"></div> --}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-md-3 grid-margin stretch-card">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-flex justify-content-between align-items-baseline">
                                <h6 class="card-title mb-0">Amendments</h6>
                                <div class="dropdown mb-2">
                                    {{-- <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="more-horizontal"></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</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</span></a>
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="trash" class="icon-sm me-2"></i> <span
                                                class="">Delete</span></a>
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="printer" class="icon-sm me-2"></i> <span
                                                class="">Print</span></a>
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="download" class="icon-sm me-2"></i> <span
                                                class="">Download</span></a>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-6 col-md-12 col-xl-5">
                                    <h3 class="mb-2">0</h3>
                                    <span class="mb-2">Current: 0</span>
                                    <span class="mb-2">Old: 0</span>
                                    <div class="d-flex align-items-baseline">
                                        <p class="text-success">
                                            <span></span>
                                            {{-- <i data-feather="arrow-up" class="icon-sm mb-1"></i> --}}
                                        </p>
                                    </div>
                                </div>
                                <div class="col-6 col-md-12 col-xl-7">
                                    {{-- <div id="customersChart" class="mt-md-3 mt-xl-0"></div> --}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 grid-margin stretch-card">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-flex justify-content-between align-items-baseline">
                                <h6 class="card-title mb-0">Other Filings</h6>
                                <div class="dropdown mb-2">
                                    {{-- <button class="btn btn-link p-0" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                  <i class="icon-lg text-muted pb-3px" data-feather="more-horizontal"></i>
                </button> --}}
                                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="eye" class="icon-sm me-2"></i> <span
                                                class="">View</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</span></a>
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="trash" class="icon-sm me-2"></i> <span
                                                class="">Delete</span></a>
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="printer" class="icon-sm me-2"></i> <span
                                                class="">Print</span></a>
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="download" class="icon-sm me-2"></i> <span
                                                class="">Download</span></a>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-6 col-md-12 col-xl-5">
                                    <h3 class="mb-2">0</h3>
                                    <span class="mb-2">Current: 0</span>
                                    <span class="mb-2">Old: 0</span>
                                    <div class="d-flex align-items-baseline">
                                        <p class="text-danger">
                                            <span></span>
                                            {{-- <i data-feather="arrow-down" class="icon-sm mb-1"></i> --}}
                                        </p>
                                    </div>
                                </div>
                                <div class="col-6 col-md-12 col-xl-7">
                                    {{-- <div id="ordersChart" class="mt-md-3 mt-xl-0"></div> --}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 grid-margin stretch-card">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-flex justify-content-between align-items-baseline">
                                <h6 class="card-title mb-0">LUT Application</h6>
                                <div class="dropdown mb-2">
                                    {{-- <button class="btn btn-link p-0" type="button" id="dropdownMenuButton2" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                  <i class="icon-lg text-muted pb-3px" data-feather="more-horizontal"></i>
                </button> --}}
                                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton2">
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="eye" class="icon-sm me-2"></i> <span
                                                class="">View</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</span></a>
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="trash" class="icon-sm me-2"></i> <span
                                                class="">Delete</span></a>
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="printer" class="icon-sm me-2"></i> <span
                                                class="">Print</span></a>
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="download" class="icon-sm me-2"></i> <span
                                                class="">Download</span></a>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-6 col-md-12 col-xl-5">
                                    <h3 class="mb-2">0</h3>
                                    <span class="mb-2">Current: 0</span>
                                    <span class="mb-2">Old: 0</span>
                                    <div class="d-flex align-items-baseline">
                                        <p class="text-success">
                                            <span></span>
                                            {{-- <i data-feather="arrow-up" class="icon-sm mb-1"></i> --}}
                                        </p>
                                    </div>
                                </div>
                                <div class="col-6 col-md-12 col-xl-7">
                                    {{-- <div id="growthChart" class="mt-md-3 mt-xl-0"></div> --}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 grid-margin stretch-card">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-flex justify-content-between align-items-baseline">
                                <h6 class="card-title mb-0">Cancellation</h6>
                                <div class="dropdown mb-2">
                                    {{-- <button class="btn btn-link p-0" type="button" id="dropdownMenuButton2" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                  <i class="icon-lg text-muted pb-3px" data-feather="more-horizontal"></i>
                </button> --}}
                                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton2">
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="eye" class="icon-sm me-2"></i> <span
                                                class="">View</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</span></a>
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="trash" class="icon-sm me-2"></i> <span
                                                class="">Delete</span></a>
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="printer" class="icon-sm me-2"></i> <span
                                                class="">Print</span></a>
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="download" class="icon-sm me-2"></i> <span
                                                class="">Download</span></a>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-6 col-md-12 col-xl-5">
                                    <h3 class="mb-2">0</h3>
                                    <span class="mb-2">Current: 0</span>
                                    <span class="mb-2">Old: 0</span>
                                    <div class="d-flex align-items-baseline">
                                        <p class="text-success">
                                            <span></span>
                                            {{-- <i data-feather="arrow-up" class="icon-sm mb-1"></i> --}}
                                        </p>
                                    </div>
                                </div>
                                <div class="col-6 col-md-12 col-xl-7">
                                    {{-- <div id="growthChart" class="mt-md-3 mt-xl-0"></div> --}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 grid-margin stretch-card">
                    <div class="card">
                        <div class="card-body">
                            <div class="d-flex justify-content-between align-items-baseline">
                                <h6 class="card-title mb-0">Service Request</h6>
                                <div class="dropdown mb-2">
                                    {{-- <button class="btn btn-link p-0" type="button" id="dropdownMenuButton2" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                  <i class="icon-lg text-muted pb-3px" data-feather="more-horizontal"></i>
                </button> --}}
                                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton2">
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="eye" class="icon-sm me-2"></i> <span
                                                class="">View</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</span></a>
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="trash" class="icon-sm me-2"></i> <span
                                                class="">Delete</span></a>
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="printer" class="icon-sm me-2"></i> <span
                                                class="">Print</span></a>
                                        <a class="dropdown-item d-flex align-items-center" href="javascript:;"><i
                                                data-feather="download" class="icon-sm me-2"></i> <span
                                                class="">Download</span></a>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-6 col-md-12 col-xl-5">
                                    <h3 class="mb-2">0</h3>
                                    <span class="mb-2">Current: 0</span>
                                    <span class="mb-2">Old: 0</span>


                                    <div class="d-flex align-items-baseline">
                                        <p class="text-success">
                                            <span></span>
                                            {{-- <i data-feather="arrow-up" class="icon-sm mb-1">
                      <span>Current</span></i> --}}
                                        </p>
                                    </div>
                                </div>
                                <div class="col-6 col-md-12 col-xl-7">
                                    {{-- <div id="growthChart" class="mt-md-3 mt-xl-0"></div> --}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- row -->
    <!-- Modal View GSTR 3B Files -->
    <div class="modal fade" id="exampleModal1" tabindex="-1" aria-labelledby="exampleModalLabel1" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">View Files</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="btn-close"></button>
                </div>
                <div class="modal-body">
                    <form action="{{ route('admin.store.chat') }}" method="POST">
                        @csrf
                        <input type="hidden" name="year"
                            @if (!empty($year->year)) value="{{ $year->year }}" @endif>
                        <input type="hidden" name="return_type_gstr1"
                            @if (!empty($year->return_type_gstr1)) value="{{ $year->return_type_gstr1 }}" @endif>
                        <input type="hidden" name="gstr1_file"
                            @if (!empty($year->gstr1_file)) value="{{ $year->gstr1_file }}" @endif>
                        <input type="hidden" name="user_id"
                            @if (!empty($year->user_id)) value="{{ $year->user_id }}" @endif>
                        <input type="hidden" name="return_filing_id"
                            @if (!empty($year->id)) value="{{ $year->id }}" @endif>



                        <div class="mb-3">
                            <div class="card">
                                <div class="card-body">
                                    <h6 class="card-title">GSTR 3B</h6>
                                    @foreach ($gstr3b_file as $data1)
                                        <a href="{{ asset('uploads/' . $data1) }}"
                                            style="height: 50px;width: 50px;">{{ $data1 }}</a>
                                    @endforeach
                                </div>
                            </div>
                        </div>

                        <div class="mb-3">
                            <h6 class="card-title">File Status</h6>
                            <select name="gstr1_file_status" id="" class="form-control">
                                <option value="Under Review" @if (!empty($year) && $year->gstr1_file_status == 'Under Review') selected @endif>Under
                                    Review
                                </option>
                                <option value="Error" @if (!empty($year) && $year->gstr1_file_status == 'Error') selected @endif>Error</option>
                                <option value="Filed Successfully" @if (!empty($year) && $year->gstr1_file_status == 'Filed Successfully') selected @endif>
                                    Filed
                                    Successfully</option>

                            </select>

                            <span class="text-danger">{{ $errors->first('gstr1_file_status') }}</span>
                        </div>

                        <div class="mb-3">
                            <h6 class="card-title">Comment</h6>
                            <textarea id="name" class="form-control" name="gstr1_comment" type="text" rows="5" cols="50"
                                required>
                                
                            </textarea>
                            <span class="text-danger">{{ $errors->first('gstr1_comment') }}</span>
                        </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">Save changes</button>
                </div>
                </form>
            </div>
        </div>
    </div>

    <!-- Modal View Comment -->
    <div class="modal fade" id="comment" tabindex="-1" aria-labelledby="comment" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">View Comment</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="btn-close"></button>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="mb-3">
                            <h6 class="card-title">Comment</h6>
                            <textarea id="name" class="form-control gstr1_comment" name="gstr1_comment" type="text" rows="5"
                                cols="50" required readonly>

                        </textarea>
                            <span class="text-danger">{{ $errors->first('gstr1_comment') }}</span>
                        </div>

                        <div class="mb-3">
                            <h6 class="card-title">Reply</h6>
                            <textarea id="name" class="form-control" name="gstr1_comment" type="text" rows="5" cols="50"
                                required>

                        </textarea>
                            <span class="text-danger">{{ $errors->first('gstr1_comment') }}</span>
                        </div>

                        <div class="mb-3">
                            <h6 class="card-title">Upload File</h6>
                            <input id="name" class="form-control" name="gstr1_comment" type="file" required>

                            <span class="text-danger">{{ $errors->first('gstr1_comment') }}</span>
                        </div>







                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                    <button type="submit" class="btn btn-primary">Save changes</button>

                </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@push('plugin-scripts')
    <script src="{{ asset('assets/plugins/flatpickr/flatpickr.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/apexcharts/apexcharts.min.js') }}"></script>
@endpush

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