{{--@if($serverstatus)--}}

<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">
            <div class="col-md-4">
                <label class="fs-6 fw-bold form-label mb-2">
                    <span class="required">Invoice No.</span>

                </label>
                <!--end::Label-->
                <!--begin::Input-->
                <input class="form-control form-control-solid custominput "
                       placeholder="Enter Invoice No." name="purchase_invoice_no" autocomplete="off" wire:model.defer="purchase_invoice_no"/>
                <!--end::Input-->
                @error('purchase_invoice_no') <span class="text-danger">{{ $message }}</span> @enderror
            </div>
            <div class="col-md-4 py-6">
                <a href="javascript:void(0)" wire:click="showinvoicedetails" class="btn btn-info btn-hover-scale me-5 mt-1">Show</a>
            </div>

        </div>


    </div>
    <!--end::Container-->
    <div class="row">
        <a href="/PurchaseEntryDetails" class="col-md-4 mb-10 btn-hover-scale" >
            <div class="bg-light bg-opacity-50 rounded-3 p-5 mx-md-5 h-md-100 shadow-md  text-center" style="box-shadow: 0px 5px 5px #000;">
                <center>
                    <img class="align-self-center" src="{{asset('assets/icons/checkout.png')}}" width="15%">
                </center>
                <h4 class="mb-1 mt-5 font-bold">Purchase GST / Non GST</h4>
                <div class="text-dark-600 "  style="font-size: 11px;">Purchase Entry With GST and Non GST Type.</div>

            </div>
        </a>

        <a href="javascript:void(0)" wire:click="sendtopurchaseamendent" class="col-md-4 mb-10">
            <div class="bg-light bg-opacity-50 rounded-3 p-5 mx-md-5 shadow-md text-center" style="box-shadow: 0px 5px 5px #000;">
                <center>
                    <img class="align-self-center" src="{{asset('assets/icons/edit-file.png')}}" width="15%">
                </center>
                <h4 class="mb-1 mt-5 font-bold">Amendment</h4>
                <div class="text-dark-600 " style="font-size: 11px;">Purchase Amendment, If any changes required.</div>

            </div>
        </a>

        <a href="/PurchaseReturn" class="col-md-4 mb-10">
            <div class="bg-light bg-opacity-50 rounded-3 p-5 mx-md-5 shadow-md text-center" style="box-shadow: 0px 5px 5px #000;">
                <center>
                    <img class="align-self-center" src="{{asset('assets/icons/product-return.png')}}" width="15%">
                </center>
                <h4 class="mb-1 mt-5 font-bold">Purchase Return</h4>
                <div class="text-dark-600 "  style="font-size: 11px;">Purchase Return, Damage Products Return</div>

            </div>
        </a>

        <a href="/Generatebarcode" class="col-md-4 mb-10">
            <div class="bg-light bg-opacity-50 rounded-3 p-5 mx-md-5 shadow-md text-center" style="box-shadow: 0px 5px 5px #000;">
                <center>
                    <img class="align-self-center" src="{{asset('assets/icons/printing.png')}}" width="15%">
                </center>
                <h4 class="mb-1 mt-5 font-bold">Barcode Generator</h4>
                <div class="text-dark-600 "  style="font-size: 11px;">Purchase Items Barcodes Generator</div>

            </div>
        </a>
    </div>
</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 !!! 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