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

                    <h1 class="fs-2hx text-uppercase">Generate GST Report</h1>

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

                    <div class="row">
                        <div class="col-md-6 mb-5">
                            <div class="row">
                                <a href="/gstr1_report" class="col-md-12">
                                    <div class="card shadow-md bg-light-info" style="min-height: 120px;">
                                        <!--begin::Card body-->
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-12">
                                                    <!--begin::Info-->
                                                    <div class="d-flex align-items-center ">

                                                        <h4 class="fs-2hx fw-bolder text-info me-2 lh-1 text-center">
                                                            GSTR1
                                                        </h4>
                                                    </div>
                                                    <br/>
                                                    <hr/>
                                                    <!--end::Info-->
                                                    <!--begin::Subtitle-->
                                                    <span class="text-dark pt-1 font-bold fs-8">Form GSTR-1 is a monthly/quarterly Statement of Outward Supplies to be furnished by all normal and casual registered taxpayers .</span>
                                                    <!--end::Subtitle-->
                                                </div>

                                            </div>

                                        </div>

                                        <!--end::Card body-->
                                    </div>
                                </a>
                            </div>
                        </div>

                        <div class="col-md-6 mb-5">
                            <div class="row">
                                <a href="/gstr2_report" class="col-md-12">
                                    <div class="card shadow-md bg-light-primary " style="min-height: 120px;">
                                        <!--begin::Card body-->
                                        <div class="card-body">
                                            <div class="row">
                                                <div class="col-12">
                                                    <!--begin::Info-->
                                                    <div class="d-flex align-items-center ">

                                                        <h4 class="fs-2hx fw-bolder text-info me-2 lh-1 text-center">
                                                            GSTR2
                                                        </h4>
                                                    </div>
                                                    <br/>
                                                    <hr/>
                                                    <!--end::Info-->
                                                    <!--begin::Subtitle-->
                                                    <span class="text-dark pt-1 font-bold fs-8">
                                                        The GSTR-2 is a monthly tax return showing the purchases you've made for that month.
                                                    </span>
                                                    <!--end::Subtitle-->
                                                </div>

                                            </div>

                                        </div>

                                        <!--end::Card body-->
                                    </div>
                                </a>
                            </div>
                        </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