{{--@if($serverstatus)--}}
    {{--  @if(\Illuminate\Support\Facades\Auth::user()->isAbleTo('store_manage_selling_price-read'))--}}  {{--Permissions--}}
    <div class="content d-flex flex-column flex-column-fluid" id="kt_content">
        <!--begin::Container-->
        <div id="kt_content_container" class="container-fluid">

            <!--begin::Card-->
            <div class="card card-flush mt-5" style="box-shadow: 0px 5px 5px #1a1a1a; min-height: 500px;">

                <!--begin::Card header-->
                <div class="card-header mt-5">

                    <div class="row">
                        <h1 class="fs-6 font-bold text-uppercase">GSTR1 Report</h1>
                        <br/>
                        <p class="fw-bolder fs-2">A better way to generate GSTR1 Report</p>
                        <p class="fs-7">We are following as per the government GST File Format</p>
                    </div>
                    <div class="row w-full mt-10">
                        <div class="col-md-12 fv-row mb-7">
                            <div class="row">


                                <div class="col-md-4">
                                    <label class="fs-6 fw-bold form-label mb-2">
                                        <span >From Date</span>

                                    </label>
                                    <!--end::Label-->
                                    <!--begin::Input-->
                                    <input type="date" class="form-control custominput"
                                           placeholder="Enter a From Date" name="start_date" wire:model="start_date"/>
                                    <!--end::Input-->
                                    @error('start_date') <span class="text-danger">{{ $message }}</span> @enderror
                                </div>

                                <div class="col-md-4">
                                    <label class="fs-6 fw-bold form-label mb-2">
                                        <span >To Date</span>

                                    </label>
                                    <!--end::Label-->
                                    <!--begin::Input-->
                                    <input type="date" max="{{date('Y-m-d')}}" step="1" class="form-control custominput"
                                           placeholder="Enter a To Date" name="end_date" wire:model="end_date"/>
                                    <!--end::Input-->
                                    @error('end_date') <span class="text-danger">{{ $message }}</span> @enderror
                                </div>


                                <div class="col-md-4 py-6">
                                    <div class="d-flex">
                                        <a href="javascript:void(0)" wire:click="showreport" class="btn btn-info btn-hover-scale me-5">Generate Report</a>
                                        @if($viewreport)
                                            <a href="javascript:void(0)" wire:click="downloadreport" class="btn btn-primary btn-hover-scale me-5">Download All Reports</a>
                                        @else


                                        @endif
                                    </div>


                                </div>
                            </div>
                            <!--begin::Label-->
                        </div>

                    </div>


                </div>
                <!--end::Card header-->
                <!--begin::Card body-->
                <div class="card-body table-responsive pt-0 overflow-scroll" >

                    <div class="row">
                        <div class="col-md-12 mb-5">
                            @if($viewreport)
                            <div class="card shadow-md">
                                <div class="card-header card-header-stretch">
                                    <h6 class="card-title fs-6">
                                        @if(session('session_start_date') && session('session_end_date'))
                                            {{\Carbon\Carbon::parse(session('session_start_date'))->format('d-F-Y')}} To  {{\Carbon\Carbon::parse(session('session_end_date'))->format('d-F-Y')}}
                                        @endif
                                    </h6>
                                    <div class="card-toolbar">
                                        <ul class="nav nav-tabs nav-line-tabs nav-stretch fs-8 text-dark border-0">
                                            <li class="nav-item">
                                                <a class="nav-link text-dark active" data-bs-toggle="tab" href="#b2b">B2B</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" data-bs-toggle="tab" href="#b2ba">B2BA</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" data-bs-toggle="tab" href="#b2cl">B2CL</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" data-bs-toggle="tab" href="#b2cla">B2CLA</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" data-bs-toggle="tab" href="#b2cs">B2CS</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" data-bs-toggle="tab" href="#b2csa">B2CSA</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" data-bs-toggle="tab" href="#cdnr">CDNR</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" data-bs-toggle="tab" href="#cdnra">CDNRA</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" data-bs-toggle="tab" href="#cdnur">CDNUR</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" data-bs-toggle="tab" href="#cdnura">CDNURA</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" data-bs-toggle="tab" href="#exp">EXP</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" data-bs-toggle="tab" href="#expa">EXPA</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" data-bs-toggle="tab" href="#at">AT</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" data-bs-toggle="tab" href="#ata">ATA</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" data-bs-toggle="tab" href="#atadj">ATADJ</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" data-bs-toggle="tab" href="#atadja">ATADJA</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" data-bs-toggle="tab" href="#exemp">EXEMP</a>
                                            </li>
                                            <li class="nav-item">
                                                <a class="nav-link" data-bs-toggle="tab" href="#hsn">HSN</a>
                                            </li>
                                           {{-- <li class="nav-item">
                                                <a class="nav-link" data-bs-toggle="tab" href="#docs">DOCS</a>
                                            </li>--}}
                                        </ul>
                                    </div>
                                </div>
                                <div class="card-body">
                                    <div class="tab-content" id="myTabContent">
                                        <div class="tab-pane fade show active" id="b2b" role="tabpanel">
                                            @livewire('reports.gstr1-b2b-livewire')
                                        </div>
                                        <div class="tab-pane fade" id="b2ba" role="tabpanel">
                                            @livewire('reports.gstr1-b2ba-livewire')
                                        </div>
                                        <div class="tab-pane fade" id="b2cl" role="tabpanel">
                                            @livewire('reports.gstr1-b2cl-livewire')
                                        </div>
                                        <div class="tab-pane fade" id="b2cla" role="tabpanel">
                                            @livewire('reports.gstr1-b2cla-livewire')
                                        </div>
                                        <div class="tab-pane fade" id="b2cs" role="tabpanel">
                                            @livewire('reports.gstr1-b2cs-livewire')
                                        </div>
                                        <div class="tab-pane fade" id="b2csa" role="tabpanel">
                                            @livewire('reports.gstr1-b2csa-livewire')
                                        </div>
                                        <div class="tab-pane fade" id="cdnr" role="tabpanel">
                                            @livewire('reports.gstr1-cdnr-livewire')
                                        </div>
                                        <div class="tab-pane fade" id="cdnra" role="tabpanel">
                                            @livewire('reports.gstr1-cdnra-livewire')
                                        </div>
                                        <div class="tab-pane fade" id="cdnur" role="tabpanel">
                                            @livewire('reports.gstr1-cdnur-livewire')
                                        </div>
                                        <div class="tab-pane fade" id="cdnura" role="tabpanel">
                                            @livewire('reports.gstr1-cdnura-livewire')
                                        </div>
                                        <div class="tab-pane fade" id="exp" role="tabpanel">
                                            @livewire('reports.gstr1-exp-livewire')
                                        </div>
                                        <div class="tab-pane fade" id="expa" role="tabpanel">
                                            @livewire('reports.gstr1-expa-livewire')
                                        </div>
                                        <div class="tab-pane fade" id="at" role="tabpanel">
                                            @livewire('reports.gstr1-at-livewire')
                                        </div>
                                        <div class="tab-pane fade" id="ata" role="tabpanel">
                                            @livewire('reports.gstr1-ata-livewire')
                                        </div>
                                        <div class="tab-pane fade" id="atadj" role="tabpanel">
                                            @livewire('reports.gstr1-atadj-livewire')
                                        </div>

                                        <div class="tab-pane fade" id="atadja" role="tabpanel">
                                            @livewire('reports.gstr1-atadja-livewire')
                                        </div>

                                        <div class="tab-pane fade" id="exemp" role="tabpanel">
                                            @livewire('reports.gstr1-exemp-livewire')
                                        </div>
                                        <div class="tab-pane fade" id="hsn" role="tabpanel">
                                            @livewire('reports.gstr1-hsn-livewire')
                                        </div>
                                        <div class="tab-pane fade" id="docs" role="tabpanel">
                                            ...
                                        </div>
                                    </div>
                                </div>
                            </div>
                                @endif
                        </div>


                    </div>

                </div>
                <!--end::Card body-->
            </div>
            <!--end::Card-->
        </div>
        <!--end::Container-->
    </div>
    {{--  @else
          <div class="content d-flex flex-column flex-column-fluid" id="kt_content">
              <!--begin::Container-->
              <div id="kt_content_container" class="container-fluid">
                  <div class="card card-flush">
                      <div class="card-body">
                          <h1 class=" text-center text-bold" style="font-size: 25px; font-weight: bold; color: red;">Sorry !!! Unauthorized Access.</h1>
                      </div>
                  </div>
              </div>
          </div>
      @endif--}}
{{--@else
    <div class="content d-flex flex-column flex-column-fluid" id="kt_content">
        <!--begin::Container-->
        <div id="kt_content_container" class="container-fluid">
            <div class="card card-flush">
                <div class="card-body">
                    <h1 class=" text-center text-bold" style="font-size: 25px; font-weight: bold; color: red;">Sorry !!! Service Is Not Available.</h1>
                </div>
            </div>
        </div>
    </div>
@endif--}}

@section('externaljs')

    <script>
        $("#invoice_date").flatpickr({
            maxDate: "today"
        });
        /* $("#mfg_date").flatpickr({
             altInput: true,
             altFormat: "d-m-Y",
             dateFormat: "Y-m-d",
         });
         $("#expiry_date").flatpickr({
             altInput: true,
             altFormat: "Y-m-d",
             dateFormat: "Y-m-d",
         });*/
        function popupmodal() {
            Swal.fire({
                text: "Are you sure you would like to close?",
                icon: "warning",
                showCancelButton: !0,
                buttonsStyling: !1,
                confirmButtonText: "Yes, close it!",
                cancelButtonText: "No, return",
                customClass: {
                    confirmButton: "btn btn-info",
                    cancelButton: "btn btn-active-light"
                }
            }).then((function (result) {

                if (result.isConfirmed) {
                    closemodal();
                } else if (
                    /* Read more about handling dismissals below */
                    result.dismiss === Swal.DismissReason.cancel
                ) {
                    swalWithBootstrapButtons.fire(
                        'Cancelled',
                        'Your imaginary file is safe :)',
                        'error'
                    )
                }


            }))
        }

        function showsuccessmsg($msg) {
            Swal.fire({
                text: $msg,
                icon: "success",
                buttonsStyling: false,
                confirmButtonText: "Ok, got it!",
                customClass: {
                    confirmButton: "btn btn-success"
                }
            });
        }

        function showerrorsmsg($msg) {
            Swal.fire({
                text: $msg,
                icon: "error",
                buttonsStyling: false,
                confirmButtonText: "Ok, got it!",
                customClass: {
                    confirmButton: "btn btn-danger"
                }
            });
        }

        function closemodal() {
            $('.modal').modal('hide');
        }
        window.addEventListener('closemodal', event => {
            closemodal();
        });

        window.addEventListener('showsuccessmsg', event => {
            if(event.detail.type =="success"){
                showsuccessmsg(event.detail.message);
            }else{
                showerrorsmsg(event.detail.message);
            }
            //showsuccessmsg();
        });


    </script>
@endsection