@section('externalcss')

    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.2/dist/leaflet.css"
          integrity="sha256-sA+zWATbFveLLNqWO2gtiw3HL/lh1giY/Inf1BJ0z14=" crossorigin=""/>
    <script src="https://unpkg.com/leaflet@1.9.2/dist/leaflet.js"
            integrity="sha256-o9N1jGDZrf5tS+Ft4gbIK7mYMipq9lqpVJ91xHSyKhg=" crossorigin=""></script>
    {{-- <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/7.1.1/d3.min.js"></script>


     <script src="https://cdn.jsdelivr.net/npm/d3-org-chart@2"></script>
     <script src="https://cdn.jsdelivr.net/npm/d3-flextree@2.0.0/build/d3-flextree.js"></script>--}}

    <style>

        .node circle {
            fill: #fff;
            stroke: red;
            stroke-width: 3px;
        }

        .node text {
            font: 14px;
            font-weight: bold;
        }

        .link {
            fill: none;
            stroke: #ccc;
            stroke-width: 2px;
        }

        .svg-chart-container {
            width: 100% !important;
        }

        .toast {
            opacity: 1 !important;
            background-color: #ff6767;
            padding: 5px !important;
            color: #fff;

        }

        .toast-header {
            background-color: #ff6767;
            color: #fff;
        }

    </style>

@endsection

<!--begin::Content-->
@if($org_unit_id)
    <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="row g-5 g-xl-10 mb-xl-10">
                <div class="col-md-12">
                    <h1>Medicine Store Dashboard</h1>
                </div>

            </div>




        </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="row g-5 g-xl-10 mb-xl-10">
                <div class="col-lg-12 col-xl-12 col-xxl-12  text-center">
                    <h4 class="fs-2hx text-danger">Please Select An Unit</h4>
                </div>
            </div>
        </div>
    </div>
@endif
<!--end::Content-->

@section('externaljs')




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

        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();
        });
    </script>
@endsection