@extends('user.layout.master')
@section('title', 'Return Filing')

@push('plugin-styles')
    <link href="{{ asset('assets/plugins/datatables-net-bs5/dataTables.bootstrap5.css') }}" rel="stylesheet" />
@endpush

@section('content')
    <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">Return Filing</h4>
                    <br>
                    <div class="mb-3" style="text-align: center">
                        <label for="ageSelect" class="form-label"></label>

                        {{-- @if (!empty($year->return_type_gstr3b) == 'GSTR 3B')
                            <button type="button" class="btn btn-primary" type="submit" value=""
                                style="width: 230px; padding: 20px" disabled>
                                GSTR 1 is Submitted
                            </button>
                            <button type="button" class="btn btn-primary" type="submit" value=""
                                    style="width: 230px; padding: 20px" disabled>
                                    GSTR 3B is Submitted
                            </button>
                            @else
                            <button type="button" class="btn btn-primary" type="submit" value=""
                                style="width: 230px; padding: 20px" disabled>
                                GSTR 1 is Not Submitted
                            </button>
                            <button type="button" class="btn btn-primary" type="submit" value=""
                                style="width: 230px; padding: 20px" disabled>
                                GSTR 3B is Not Submitted
                            </button>
                        @endif --}}
                    </div>


                    @if ($year->return_type_gstr1)
                        @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;">
                                        @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
                                        | <a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal">View
                                            Files</a>

                                    </label>
                                    <br>

                                    @foreach ($chats as $chat)
                                        <label for="" class="form-label" style="font-family: sans-serif;">
                                            You have recived an error msg
                                            form
                                            {{ $chat->admin->name }}
                                            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="#exampleModal1">View Comment</a>
                                        </label>
                                        <br>
                                    @endforeach

                                    {{-- <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>
                    @elseif($year->return_type_gstr3b)
                        @php
                            $data = [];
                            if (!empty($year)) {
                                if (!empty($year->gstr3b_file)) {
                                    $data = json_decode($year->gstr3b_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;">
                                        @if (!empty($year->return_type_gstr3b))
                                            {{ $year->return_type_gstr3b }}
                                        @endif
                                        of @if (!empty($year->year))
                                            {{ $year->year }}
                                        @endif
                                        has been submitted successfully on @if (!empty($year->gstr3b_date))
                                            {{ $year->gstr3b_date }}
                                        @endif
                                        | @if (!empty($year->gstr3b_time))
                                            {{ $year->gstr3b_time }}
                                        @endif
                                        | <a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal3b">View
                                            Files</a>

                                    </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_gstr3b }}
                                            of {{ $chat->gstr3b_date }} | {{ $chat->gstr3b_time }}
                                            | <a href="#" class="chat" data-id="{{ $chat->gstr3b_comment }}"
                                                data-bs-toggle="modal" data-bs-target="#exampleModal1">View Comment</a>
                                        </label>
                                        <br>
                                    @endforeach

                                    {{-- <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>
                    @endif



                    {{-- <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>  --}}
                    {{-- @dd("ads"); --}}
                    @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>
    {{-- @dd($year) --}}
    <!-- Modal View GSTR 1 Files -->
    <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-text="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>
                        <div class="mb-3">
                            <div class="card">
                                <div class="card-body">
                                    <h6 class="card-title">{{ $year->return_type_gstr1 }}</h6>
                                    @foreach ($data as $datas)
                                        <a href="{{ asset('uploads/' . $datas) }}"
                                            style="height: 50px;width: 50px;">{{ $datas }}</a></br>
                                    @endforeach
                                </div>
                            </div>
                        </div>


                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                </div>
                </form>
            </div>
        </div>
    </div>

    <!-- Modal View GSTR 3B Files -->
    <div class="modal fade" id="exampleModal3b" tabindex="-1" aria-labelledby="exampleModalLabel3b" 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>
                        <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>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                </div>
                </form>
            </div>
        </div>
    </div>

    <!-- Modal View Comment -->
    <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 Comment</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" enctype="multipart/form-data">
                        @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>
                            <input type="hidden" name="gstr1_file_status"
                            @if (!empty($year->gstr1_file_status)) value="{{ $year->gstr1_file_status }}" @endif>

                        <input type="hidden" name="customer_name"
                            @if (!empty($year->id)) value="{{ $year->user->name }}" @endif>
                        <input type="hidden" name="customer_id"
                            @if (!empty($year->id)) value="{{ $year->user->email }}" @endif>

                        <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" readonly>

                            </textarea>
                        </div>

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

                            <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_file_rply" type="file">
                            <span class="text-danger">{{ $errors->first('gstr1_file_rply') }}</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-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>
        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>
        $(".chat").on("click", function() {
            var dataId = $(this).attr("data-id");
            $(".gstr1_comment").val(dataId);
            // alert("The data-id of clicked item is: " + dataId);
        });
    </script>

    
@endpush