@extends('front.inner-layout.app')
@section('content')


<link href="{{ asset('assets/css/colorPick.css') }}" rel='stylesheet' />
<link href="{{ asset('assets/css/colorPick.dark.theme.css') }}" rel='stylesheet' />
<style>
    .shippingmodal .shipping label {
        padding: 4px 50px !important;
        height: 33px !important;
    }
    #shippingmodal .listingli li{
        width: 46.5%;
    }
    #shippingmodal .listingli li label{
        width: 100%;
        text-align: center;
    }
    .shipping-price-section{padding-right:24px;padding-left:15px;}
</style>
<div class="page-content dashboard-wrapper mdashboard-wrapper clientd-wrapper setting-wrapper">
    <div class="row align-items-center">
        <div class="col-lg-4 col-md-4 col-sm-4">
            <h1 class="page-title eagle-font font-400"><span class="arca-font">My</span> Products
            </h1>
        </div>
        @include('front.inner-layout.header')
    </div>
    <div class="brdr-bttm"></div>

    <div class="service-table-top products-table-top">
        <div class="row">
            <div class="col-md-6">
                <div class="row">
                    <div class="col-xl-7 col-lg-7 col-6">
                        <div class="sortdropdown-area">
                            <div class="input-group">
                                <input type="text" style="background-color: #f7f7f7;" class="form-control" placeholder="Search Products" name="searchProductName" id="searchProductName" autocomplete="off">
                                <div class="input-group-append">
                                    <span class="input-group-text" id="basic-addon2"><i class="fa fa-search"></i></span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-5 col-lg-5 col-6 pr-0">
                        <ul class="list-inline icons-listing productpage-dropdown">
                            <li class="list-inline-item dropdown">
                                <a  title="Sort" href="#" class="dropdown-toggle " data-toggle="dropdown"><img src='{{asset("assets/images/sort2.svg")}}' alt="" class="img-fluid"></a>
                                <div class="dropdown-menu">
                                    <a class="dropdown-item d-none" href="#" id="productSorting" data-index="product_name">Product name</a>
                                    <a class="dropdown-item d-none" href="#" id="productSorting" data-index="allow_client_reorder">Client re-orders</a>
                                    <a class="dropdown-item d-none" href="#" id="productSorting" data-index="product_quantity">Stock levels</a>

                                    <a class="dropdown-item " href="#" id="productSorting" data-flag="asc" data-index="product_name">Product name A-Z</a>
                                    <a class="dropdown-item " href="#" id="productSorting" data-flag="desc" data-index="product_name">Product name Z-A</a>
                                    <a class="dropdown-item " href="#" id="productSorting" data-flag="desc" data-index="allow_client_reorder">Client re-orders</a>
                                    <a class="dropdown-item " href="#" id="productSorting" data-flag="asc" data-index="product_quantity">Stock levels - lowest to highest</a>
                                    <a class="dropdown-item " href="#" id="productSorting" data-flag="desc" data-index="product_quantity">Stock levels - highest to lowest</a>


                                </div>
                            </li>
                            <li class="list-inline-item"><a title="Print" href="#" class="printProduct"><img src='{{asset("assets/images/print-icon-green.svg")}}' alt="Print" class="img-fluid"></a></li>
                            <li class="list-inline-item"><a title="Download" href="{{route('practitioner.export.product')}}"><img src='{{asset("assets/images/download-icon-green.svg")}}' alt="Download" class="img-fluid"></a></li>
                        </ul>
                    </div>
                </div>
            </div>
            {{--@if( $is_member == 0 )--}}
            <div class="col-md-6 text-right">
                <ul class="list-inline ">
                    <li class="list-inline-item"><a href="#AddProductModal" class="btn btn-fill add-product" data-toggle="modal"><i class="fa fa-plus" aria-hidden="true"></i> Add Product</a></li>
                    <li class="list-inline-item"><a href="#shippingmodal" class="btn btn-unfill" data-toggle="modal">Shipping</a></li>
                </ul>
            </div>
            {{--@endif--}}
        </div>
    </div>

    <div class="service-new-table product-new-table" id="productTable">
        <div class="table-responsive">
            <table class="table table-striped">
                <thead class="head-brdr">
                    <tr>
                        <th colspan="2">Product</th>
                        <th class="text-center">GST </th>
                        <th class="text-center">In stock</th>
                        <th class="text-center">Notify</th>
                        <th>Suggested use</th>
                        <th class="text-center">Re-orders</th>
                        <th>&nbsp;</th>
                        <th>&nbsp;</th>
                    </tr>
                </thead>
                <tbody id="productAppend"></tbody>
            </table>
        </div>
    </div>
    <br>
    <div class="text-center">
        {{--  @if($productStep == 0)
            <li class="list-inline-item"><a href="{{route('practitioner.mysetupwizard')}}" class="btn btn-unfill">Next</a></li>
            @endif
        --}}
        <a href="#" class="btn btn-fill load-more hide">Load more</a>
    </div>

    <!-- AddProductModal Modal Start --->
    <div class="client-follow-popup login-modal videoconsultationmodal customscroll remindersModal calenderinterval-modal customscroll clientabpopup businessdetails AddProductModal" id="myclienthide">
        <div class="modal fade" id="AddProductModal" tabindex="-1" role="dialog">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="popup-marg">
                        <div class="modal-header">
                            <h5 class="modal-title text-center eagle-font">Add Product</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true"><img src='{{asset("assets/images/close-img.png")}}' alt="" class="img-fluid"></span>
                            </button>
                        </div>
                        <form id="addProducts" action="{{route('practitioner.settings.addUpdateProducts')}}" enctype="multipart/form-data" method="POST">
                            @csrf
                            <input type="hidden" name="id" />
                            <input type="hidden" name="image_path" />
                            <div class="modal-body p-0">
                                <div class="mCustomScrollbar mCSBcrollbar ">
                                    <div class="boxwhite mt-30">
                                        <div class="test-results-area labeltop mt-3">
                                            <div class="label-input">
                                                <div class="row">
                                                    <div class="col-lg-5 col-md-6">
                                                        <label>Product name</label>
                                                    </div>
                                                    <div class="col-lg-7 col-md-6">
                                                        <div class="form-group brdrfull">
                                                            <input type="text" id="product-name" required class="form-control typeahead" name="product_name" placeholder="Enter name">
                                                        </div>
                                                        <span class="invalid-feedback d-block"></span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="label-input">
                                                <div class="row">
                                                    <div class="col-lg-5 col-md-6">
                                                        <label>Code</label>
                                                    </div>
                                                    <div class="col-lg-7 col-md-6">
                                                        <div class="form-group brdrfull">
                                                            <input type="text" class="form-control" name="product_code" placeholder="Enter code">
                                                        </div>
                                                        <span class="invalid-feedback d-block"></span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="label-input">
                                                <div class="row align-items-center justify-content-center">
                                                    <div class="col-lg-5 col-md-6 col-sm-6">
                                                        <label>Cost</label>
                                                    </div>
                                                    <div class="col-lg-7 col-md-6 col-sm-6">
                                                        <div class="form-group brdrfull">
                                                            <span class="dollar-icon">$</span>
                                                            <input type="text" required class="form-control numeric-dot-only w-100" name="product_price" placeholder="Enter product cost including GST if applicable">
                                                        </div>
                                                        <span class="invalid-feedback d-block"></span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="label-input">
                                                <div class="row align-items-center justify-content-center">
                                                    <div class="col-lg-5 col-md-6 col-sm-6">
                                                        <label>GST Inc</label>
                                                    </div>
                                                    <div class="col-lg-7 col-md-6 col-sm-6">
                                                        <div class="form-group brdrfull">
                                                            <div class="row">
                                                                <div class="col-auto pr-0">
                                                                    <div class="age-title">
                                                                        <input checked="true" type="radio" value="on" id="addgst-yes" name="is_gst">
                                                                        <label for="addgst-yes">Yes</label>
                                                                    </div>
                                                                </div>
                                                                <div class="col-auto">
                                                                    <div class="age-title">
                                                                        <input type="radio" id="addgst-no" value="off" name="is_gst">
                                                                        <label for="addgst-no">No</label>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="label-input">
                                                <div class="row align-items-center justify-content-center">
                                                    <div class="col-lg-5 col-md-6 col-sm-6">
                                                        <label>In stock</label>
                                                    </div>
                                                    <div class="col-lg-7 col-md-6 col-sm-6">
                                                        <div class="form-group brdrfull">
                                                            <input type="text" required class="form-control float_number_validation" name="product_quantity" placeholder="Enter product quantity you have on hand">
                                                        </div>
                                                        <span class="invalid-feedback d-block"></span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="label-input">
                                                <div class="row align-items-center justify-content-center">
                                                    <div class="col-lg-5 col-md-6 col-sm-6">
                                                        <label>Notify</label>
                                                    </div>
                                                    <div class="col-lg-7 col-md-6 col-sm-6">
                                                        <div class="form-group brdrfull">
                                                            <input type="text" class="form-control float_number_validation" name="product_notify_at" placeholder="Notification sent when stock levels reach this number">
                                                        </div>
                                                        <span class="invalid-feedback d-block"></span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="label-input">
                                                <div class="row align-items-center justify-content-center">
                                                    <div class="col-lg-5 col-md-6 col-sm-6">
                                                        <label>Suggested use</label>
                                                    </div>
                                                    <div class="col-lg-7 col-md-6 col-sm-6">
                                                        <div class="form-group brdrfull textarea-container">
                                                            <p class="d-none"><span class="input-wrap"><span class="width-machine" aria-hidden="true"></span><input class="input" value="99" type="number"></span></p>
                                                            <textarea id="textArea1" rows="1" name="product_suggested_use" class=" expand-textarea autosizetextaria" placeholder="Suggested use e.g dosage instructions"></textarea>
                                                            <!-- <div id="copytext1 " class="autosizetextaria"></div> -->
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                           


                                            <div class="label-input">
                                                <div class="row align-items-center justify-content-center">
                                                    <div class="col-lg-5 col-md-6 col-sm-6">
                                                        <label class="tooltip-new">Allow re-orders
                                                            <span class="tooltip-info-icon">
                                                                <img src='{{asset("assets/images/information-icon-new.svg")}}' alt="" class="img-fluid info-icon">
                                                            </span>
                                                            <div class="tooltiptext">
                                                                <div class="media">
                                                                    <img src='{{asset("assets/images/information-icon-new.svg")}}' alt="" class="img-fluid info-icon mr-2">
                                                                    <div class="media-body">Allows clients to reorder recommended products via their My Appointments account.</div>
                                                                </div>
                                                            </div>
                                                        </label>
                                                    </div>
                                                    <div class="col-lg-7 col-md-6 col-sm-6">
                                                        <div class="form-group brdrfull">
                                                            <div class="row">
                                                                <div class="col-auto pr-0">
                                                                    <div class="age-title">
                                                                        <input checked="true" type="radio" id="re-orders-yes" value="on" name="allow_client_reorder">
                                                                        <label for="re-orders-yes">Yes</label>
                                                                    </div>
                                                                </div>
                                                                <div class="col-auto">
                                                                    <div class="age-title">
                                                                        <input type="radio" id="re-orders-no" value="off" name="allow_client_reorder">
                                                                        <label for="re-orders-no">No</label>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        @php
                                                            $data = Common::getMyPlan();
                                                            $showPaymentSectionClass = $data['isBankDetailsFilled'] == 1 ? 'd-none' : '';
                                                        @endphp
                                                        <div class="label-input text-center pre-payment px-4 {{ $showPaymentSectionClass }}">
                                                            <p class="text-grey">To allow product re-orders please activate your payment gateway. Our payment partners take up to 24 business hours to process your application.</p>
                                                            <a href="{{ $data['redirect'] }}" class="btn-unfill">{{ $data['title'] }}</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div id="delivery-method-main">
                                                <div class="label-input">
                                                    <div class="row align-items-center justify-content-center">
                                                        <div class="col-lg-5 col-md-6 col-sm-6">
                                                            <label>Delivery method</label>
                                                        </div>
                                                        <div class="col-lg-7 col-md-6 col-sm-6">
                                                            <div class="form-group brdrfull no-bttm-full select2-multiple-autoselect">
                                                                <select class="form-control text-capitalize" id="product_delivery_method" name="product_delivery_method">
                                                                    <option value="1">Pickup</option>
                                                                    <option value="2">Shipping</option>
                                                                    <option value="3">Pickup & Shipping</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="label-input" id="weight" style="display: none;">
                                                    <div class="row align-items-center justify-content-center">
                                                        <div class="col-lg-5 col-md-6 col-sm-6">
                                                            <label>Weight</label>
                                                        </div>
                                                        <div class="col-lg-7 col-md-6 col-sm-6">
                                                            <div class="row">
                                                                <div class="col-auto pr-0">
                                                                    <div class="form-group brdrfull">
                                                                        <input type="text" class="form-control select-80 numeric-only" maxlength="5" name="product_weight" placeholder="00">
                                                                    </div>
                                                                </div>
                                                                <div class="col-auto pl-2">
                                                                    <span class="hrs-label">Grams</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="label-input">
                                                    <div class="row align-items-center justify-content-center">
                                                        <div class="col-lg-5 col-md-6 col-sm-6">
                                                            <label>Repeats</label>
                                                        </div>
                                                        <div class="col-lg-7 col-md-6 col-sm-6">
                                                            <!-- <div class="form-group brdrfull">
                                                                <input type="text" class="form-control numeric-only" maxlength="7" name="product_repeat" placeholder="The number of times a client can order without a consult">
                                                            </div> -->
                                                            <div class="form-group brdrfull no-bttm-full select2-multiple-autoselect">
                                                                <select class="form-control text-capitalize" required name="product_repeat">
                                                                    <option value="">Select</option>
                                                                    <option value="unlimited">Unlimited</option>
                                                                    <option value="0">0 </option>
                                                                    <option value="1">1 </option>
                                                                    <option value="2">2</option>
                                                                    <option value="3">3</option>
                                                                    <option value="4">4 </option>
                                                                    <option value="5">5</option>
                                                                    <option value="6">6</option>
                                                                </select>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="label-input">
                                                <div class="row justify-content-center">
                                                    <div class="col-lg-5 col-md-6 col-sm-6">
                                                        <label>Product image</label>
                                                    </div>
                                                    <div class="col-lg-7 col-md-6 col-sm-6">
                                                        <div class="form-group brdrfull">
                                                            <div class="label-input test_file_upload position-relative">
                                                                <div class="file-upload position-relative p-0">
                                                                    <div class="image-upload-wrap">
                                                                        <input class="file-upload-input" name="file" type='file' onchange="readURL(this);" accept="image/*" id="fileLoader" />
                                                                        <div class="drag-text">
                                                                            <img src="{{asset("assets/images/upload-icon-g.png")}}" alt="" class="img-fluid browsebox">
                                                                            <h3>Drag and drop image here </h3>
                                                                            <span class="d-block textor">- or -</span>
                                                                        </div>
                                                                        <button class="file-upload-btn btn-transp" type="button" onclick="$('.file-upload-input').trigger( 'click' )">Browse
                                                                            files</button>
                                                                    </div>
                                                                    <div class="file-upload-content">
                                                                        <img class="file-upload-image" src="#" alt="your image" />
                                                                        <div class="image-title-wrap">

                                                                            <button type="button" onclick="removeUpload()" class="remove-image5 remove-pic-text">
                                                                                <i class="fa fa-camera" aria-hidden="true"></i>
                                                                                Remove</button>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <div class="text-center">
                                    <button type="submit" class="cursor-pointer save-btn save-btn-bg confirm-bttn mt-0 w-100">Save</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- AddProductModal Modal End -->

    <!--- shippingmodal start -->
    <div class="client-follow-popup login-modal bookingonline customscroll calenderinterval-modal customscroll clientabpopup businessdetails shippingmodal" id="myclienthide">
        <div class="modal fade" id="shippingmodal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel13" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <div class="popup-marg">
                        <div class="modal-header">
                            <h5 class="modal-title text-center eagle-font" id="exampleModalLabel13">Shipping Prices</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true"><img src='{{asset("assets/images/close-img.png")}}' alt="" class="img-fluid"></span>
                            </button>
                        </div>
                        <form method="POST" id="storeShippingDetails" action="{{route('practitioner.settings.addShippingDetails')}}">
                            @csrf
                            <div class="modal-body p-0">
                                <div style=" " class="mCustomScrollbar">
                                    <div class="boxwhite mt-30">
                                        <div class="test-results-area">
                                            <div class="shipping-tab">
                                                <div class="table-responsive">
                                                    <table class="table">
                                                        <tr>
                                                            <th>Shipping Costs</th>                                                            
                                                        </tr>
                                                        <tr>
                                                            <td>Does shipping incur GST?<span style="color: red;">*</span></td>
                                                            <td colspan="2">
                                                                <ul class="age-title shipping p-0 listingli mb-0 d-flex justify-content-between">
                                                                    <li class="ml-0">
                                                                        <input class="form-control" type="radio" id="gst_yes" name="is_gst" value="on" @if(isset($practitionerShippingDetails) && $practitionerShippingDetails->is_gst =='on') checked @endif>
                                                                        <label for="gst_yes">Yes</label>
                                                                    </li>                                                                    
                                                                    <li class="mr-0">
                                                                        <input class="form-control" type="radio" id="gst_no" name="is_gst" value="off" @if(isset($practitionerShippingDetails) && $practitionerShippingDetails->is_gst =='off') checked @endif>
                                                                        <label for="gst_no">No</label>
                                                                    </li>
                                                                </ul> 
                                                                <span class="invalid-feedback d-block"></span>   
                                                            </td>   
                                                                                                            
                                                        </tr>
                                                        <tr>
                                                            <td colspan="3">
                                                                <hr>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <th></th>
                                                            <th>Regular</th>
                                                            <th>Express</th>
                                                        </tr>
                                                        <tr>
                                                            <td>Flat rate</td>
                                                            <td>
                                                                <div class="comm-form">
                                                                    <div class="form-group">
                                                                        <div class="inner-addon left-addon"><i class="glyphicon fa fa-usd"></i>
                                                                            <input type="text" id="flat_regular_rate"
                                                                             name="flat_regular_rate" 
                                                                             @if(isset($practitionerShippingDetails->flat_regular_rate))
                                                                             value="{{ $practitionerShippingDetails->flat_regular_rate =="0.00" ? '':$practitionerShippingDetails->flat_regular_rate }}" 
                                                                             @endif
                                                                             class="form-control float_number_validation"
                                                                              placeholder="00.00">
                                                                        </div>
                                                                    </div>
                                                                    <span class="invalid-feedback d-block"></span>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="comm-form">
                                                                    <div class="form-group">
                                                                        <div class="inner-addon left-addon"><i class="glyphicon fa fa-usd"></i>
                                                                            <input type="text"
                                                                            @if(isset($practitionerShippingDetails->flat_express_rate))
                                                                            value="{{ $practitionerShippingDetails->flat_express_rate =="0.00" ? '':$practitionerShippingDetails->flat_express_rate }}" 
                                                                            @endif

                                                         
                                                                            name="flat_express_rate" 
                                                                            id="flat_express_rate" 
                                                                            class="form-control float_number_validation" 
                                                                            placeholder="00.00">
                                                                        </div>
                                                                    </div>
                                                                    <span class="invalid-feedback d-block"></span>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="3">
                                                                <div class="or-textarea"><span>Or</span></div>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <th></th>
                                                            <th>Regular</th>
                                                            <th>Express</th>
                                                        </tr>
                                                        @foreach($weightList as $weight)
                                                        <tr>
                                                            <td>{{$weight->weight_from}} to {{$weight->weight_to}}g</td>
                                                            <td>
                                                                <div class="comm-form">
                                                                    <div class="form-group">
                                                                        <input type="hidden" name="weight_id[]" value="{{$weight->id}}">
                                                                        <div class="inner-addon left-addon"><i class="glyphicon fa fa-usd"></i>
                                                                            <input type="text" name="regular_rate[]" class="shippingByWeight form-control float_number_validation" value="{{$weight->regular_rate =="0.00" ? "": $weight->regular_rate}}" placeholder="00.00">
                                                                        </div>
                                                                    </div>
                                                                    <span class="invalid-feedback d-block"></span>
                                                                </div>
                                                            </td>
                                                            <td>
                                                                <div class="comm-form">
                                                                    <div class="form-group">
                                                                        <div class="inner-addon left-addon"><i class="glyphicon fa fa-usd"></i>
                                                                            <input type="text" name="express_rate[]" class="shippingByWeight form-control float_number_validation" value="{{$weight->express_rate=="0.00" ? "":$weight->express_rate}}" placeholder="00.00">
                                                                        </div>
                                                                    </div>
                                                                    <span class="invalid-feedback d-block"></span>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        @endforeach

                                                        <tr>
                                                            <td colspan="3">
                                                                <hr>
                                                            </td>
                                                        </tr>

                                                        <tr>
                                                            <td>Free shipping</td>
                                                            <td colspan="2">
                                                                <ul class="age-title shipping p-0 listingli mb-0 d-flex justify-content-between">
                                                                @if( $free_shipping_on_amount_set == 1 )
                                                                    <li class="ml-0">
                                                                        <input type="radio" id="obook11" name="free_shipping" @if(isset($practitionerShippingDetails->free_shipping) && $practitionerShippingDetails->free_shipping == 1) ? checked @endif value="1">
                                                                        <label for="obook11">Yes</label>
                                                                    </li>
                                                                    <li class="mr-0">
                                                                        <input type="radio" id="obook21" name="free_shipping" value="0" @if(isset($practitionerShippingDetails->free_shipping) && $practitionerShippingDetails->free_shipping == 0) ? checked @endif>
                                                                        <label for="obook21">No</label>
                                                                    </li>
                                                                @else
                                                                    <li class="ml-0">
                                                                        <input type="radio" id="obook11" name="free_shipping" value="1">
                                                                        <label for="obook11">Yes</label>
                                                                    </li>
                                                                    <li class="mr-0">
                                                                        <input checked type="radio" id="obook21" name="free_shipping" value="0">
                                                                        <label for="obook21">No</label>
                                                                    </li>
                                                                @endif
                                                                </ul> 
                                                                <span class="invalid-feedback d-block"></span>   
                                                            </td>                                          
                                                        </tr> 

                                                    </table>
                                                </div>
                                            </div>

                                            <!-- <div class="brdr-bttm mt-30"></div> -->

                                            <!-- <div class="label-input yesno-right border-top pt-4" style="border-color: #cccccc!important;">
                                                <div class="row"> -->
                                                    <!-- <div class="col-lg-4 col-md-8 col-sm-8">
                                                        <label class="font-14 font-bold">Free shipping</label>
                                                    </div>
                                                    <div class="col-lg-8 col-md-4 col-sm-4">
                                                        <ul class="age-title p-0 listingli mb-0">
                                                            @if( $free_shipping_on_amount_set == 1 )
                                                                <li>
                                                                <input type="radio" id="obook11" name="free_shipping" @if(isset($practitionerShippingDetails->free_shipping) && $practitionerShippingDetails->free_shipping == 1) ? checked @endif value="1">
                                                                <label for="obook11">Yes</label>
                                                                </li>
                                                                <li>
                                                                <input type="radio" id="obook21" name="free_shipping" value="0" @if(isset($practitionerShippingDetails->free_shipping) && $practitionerShippingDetails->free_shipping == 0) ? checked @endif>
                                                                <label for="obook21">No</label>
                                                                </li>
                                                            @else
                                                                <li>
                                                                <input type="radio" id="obook11" name="free_shipping" value="1">
                                                                <label for="obook11">Yes</label>
                                                                </li>
                                                                <li>
                                                                <input checked type="radio" id="obook21" name="free_shipping" value="0">
                                                                <label for="obook21">No</label>
                                                                </li>
                                                            @endif
                                                        </ul>
                                                    </div> -->
                                                    
                                                <!-- </div>
                                            </div> -->
                                            <div id="w_order_total_more_t" class="yesno-right mb-30   @if( $free_shipping_on_amount_set == 1 ) @else d-none @endif">
                                                @if( isset( $practitionerShippingDetails->order_total_more_than ) )
                                                    <input type="hidden" name="current_shipping" id="current_shipping" value="{{$practitionerShippingDetails->order_total_more_than}}">
                                                @else
                                                    <input type="hidden" name="current_shipping" id="current_shipping" value="">
                                                @endif
                                                <div class="row align-items-center">
                                                    <div class="col-lg-8 col-md-8 col-sm-8">
                                                        <label class="font-14 text-blue" style="padding-left: 10px;">When order total more than</label>
                                                    </div>
                                                    <div class="col-lg-4 col-md-4 col-sm-4 shipping-tab shipping-price-section">
                                                        <div class="comm-form">
                                                            <div class="form-group mb-0">
                                                                <div class="inner-addon left-addon"><i class="glyphicon fa fa-usd"></i>
                                                                    <input type="text" style="width: 100% !important;" value="{{isset($practitionerShippingDetails->order_total_more_than) ? $practitionerShippingDetails->order_total_more_than : ''}}" name="order_total_more_than" id="order_total_more_than" class="form-control float_number_validation" placeholder="00.00" readonly>
                                                                </div>
                                                            </div>
                                                            <span class="invalid-feedback d-block"></span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="modal-footer">
                                <div class="text-center">
                                    <button type="submit" class="cursor-pointer save-btn save-btn-bg confirm-bttn mt-0 w-100">Update and
                                        Save</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--- shippingmodal End -->


</div>
@endsection

@section('css')

<style>
    .select2-selection__arrow::after {right: 7px !important;}
    .select2-container--default .select2-selection--single {border: 1px solid #c7c7c7 !important;height: 33px !important;}
    .textarea-container {position: relative;}
    .textarea-container>textarea {min-height: 33px;}
    .textarea-container>div {padding-bottom: 1.5em;visibility: hidden;}
    .typeahead li a{
       word-wrap: break-word;
    max-width: 300px;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    /* white-space: break-spaces; */
    height: auto;
    }
</style>

@endsection

@section('js')
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.min.js" ></script>
<script>
    /*====== input type file start =======*/
    function readURL(input) {
        if (input.files && input.files[0]) {

            var reader = new FileReader();

            reader.onload = function(e) {
                $('.image-upload-wrap').hide();

                $('.file-upload-image').attr('src', e.target.result);
                $('.file-upload-content').show();

                $('.image-title').html(input.files[0].name);
            };

            reader.readAsDataURL(input.files[0]);

        } else {
            removeUpload();
        }
    }

    function removeUpload() {
        $('.file-upload-input').replaceWith($('.file-upload-input').clone());
        $('.file-upload-content').hide();
        $('.image-upload-wrap').show();
        $('input[name="image_path"]').val("");
        $('input[name="file"]').val("");

    }
    $('.image-upload-wrap').bind('dragover', function() {
        $('.image-upload-wrap').addClass('image-dropping');
    });
    $('.image-upload-wrap').bind('dragleave', function() {
        $('.image-upload-wrap').removeClass('image-dropping');
    });

    /*====== input type file end   =======*/

    $(document).ready(function() {    
            $(function() {
            $("#product-name").on("click", function(e) {
                $(".typeahead").addClass("d-block");
                e.stopPropagation()
            });
            $(document).on("click", function(e) {
                if ($(e.target).is(".typeahead") === false) {
                $(".typeahead").removeClass("d-block");
                }
            });
        });

        $('#product-popup-delivery-method').select2({});
        // Dealing with Input width textarea height
        let el = document.querySelector(".input-wrap .input");
        let widthMachine = document.querySelector(".input-wrap .width-machine");
        el.addEventListener("keyup", () => {
            widthMachine.innerHTML = el.value;
        });

        function calcHeight(value) {
            let numberOfLineBreaks = (value.match(/\n/g) || []).length;
            // min-height + lines x line-height + padding + border
            let newHeight = 20 + numberOfLineBreaks * 20 + 12 + 2;
            return newHeight;
        }

        // let textarea = document.querySelector(".expand-textarea");
        // textarea.addEventListener("keyup", () => {
        //     textarea.style.height = calcHeight(textarea.value) + "px";
        // });

    });
</script>

<script>
    $("#addProducts").submit(function(e) {
        e.preventDefault();
        var radioValue = $("input[name='allow_client_reorder']:checked").val();

        if(radioValue!="off"){
            if (getShippingStatus() == 'error' && $('#product_delivery_method').val() !=1) {
                // $("#AddProductModal").modal('hide');
                $("#shippingmodal").modal('show');
                return false;
            }
        }
        var modal = $("#AddProductModal");
        var datas = new FormData($(this)[0]);
        //  datas.append('files', JSON.stringify($('input[type="files[]"]').val()));
        $.ajax({
            url: $(this).attr("action"),
            data: datas,
            type: 'POST',
            contentType: false, // NEEDED, DON'T OMIT THIS (requires jQuery 1.6+)
            processData: false, // NEEDED, DON'T OMIT THIS
        }).done(function(response) {
            if (response.status == "success") {
                getSetupWizardStatus();
                Swal.fire({
                    icon: response.status,
                    title: response.msg,
                    //text: response.msg,
                    showClass: {
                        popup: 'animate__animated animate__fadeInDown'
                    },
                    hideClass: {
                        popup: 'animate__animated animate__fadeOutUp'
                    }
                });
                modal.modal("hide");
                getProductList('', '','');
            } else if (response.status == "false") {
                var input = $('input[name="product_name"]');
                var parent = input.parent().next('.invalid-feedback').text('Product name already exists');
                input.addClass('is-invalid');
                setTimeout(function() {
                    $('.invalid-feedback').text('');
                }, 5000);
            } else {
                $.each(response.errors, function(key, value) {
                    var input = $('input[name=' + key + ']');
                    var parent = input.parent().next('.invalid-feedback').text(value[0]);
                    input.addClass('is-invalid');
                });
                setTimeout(function() {
                    $('.invalid-feedback').text('');
                }, 4000);

            }

        });

    });

    $('#AddProductModal').on('hidden.bs.modal', function() {
        $('.file-upload-content').hide();
        $('.image-upload-wrap').show();
        $("#AddProductModal").find('.modal-title').text('Add Product');
        $("#AddProductModal").find('.confirm-bttn').text('Save');
        if ($("input[name='allow_client_reorder']").val() == "on") {
            $("#delivery-method-main").css('display', 'block');
            $("select[name='product_repeat']").prop('required', true);
        } else {
            $("#delivery-method-main").css('display', 'none');
            $("select[name='product_repeat']").prop('required', false);
        }

        $("input[name='product_weight']").prop('required', false);
        $("input[name='id']").val('');
        $("input[name='product_weight']").val('');
        $("#weight").css('display', 'none');

    });

    var searchData = '';
    getProductList(searchData, '','');

    $('#searchProductName').on('input', function() {
        getProductList($(this).val(), '');
    });

    $('.load-more').on('click', function() {
        getProductListForLoadMore('', '');
    });

    function getProductListForLoadMore(searchData, sorting) {
        $.ajax({
            url: "{{ route('practitioner.productlist')}}",
            method: 'POST',
            data: {
                searchData: searchData,
                sorting: sorting,
                skip: $('.count_tr').length
            },
            success: function(data) {
                if (data.data.length != 0) {
                    var html = '';
                    $.each(data.data, function(key, value) {
                        var imageId = 'image_' + key + '_id';
                        var client_reorder_id = 'client_reorder_' + key + '_id';
                        var gst_id = 'gst_' + key + '_id';

                        var allow_client_reorder = 'No';
                        if (value.allow_client_reorder == 'on') {
                            allow_client_reorder = 'Yes';
                        }

                        var is_gst = 'No';
                        if (value.is_gst == 'on') {
                            is_gst = 'Yes';
                        }


                        var method = 'N/A';
                        if (value.product_delivery_method == 1) {
                            method = 'Pickup';
                        } else if (value.product_delivery_method == 2) {
                            method = 'Shipping';
                        } else if (value.product_delivery_method == 3) {
                            method = 'Pickup & Shipping';
                        }

                        var onError = "this.src='{{asset("admin_assets/images/no-image.jpg")}}'";

                        html = renderProductTable( value, onError, is_gst, allow_client_reorder, method, data.is_member );

                        $("#productAppend").append(html);
                        $('input').attr('autocomplete', 'off');
                        //displayToggleMessage();
                    });

                    if( $('.count_tr').length < data.count ) {
                        $('.load-more').removeClass('hide');
                    } else {
                        $('.load-more').addClass('hide');
                    }
                }
            }
        });
    }


    function getProductList(searchData, sorting,flag) {
        $.ajax({
            url: "{{ route('practitioner.productlist')}}",
            method: 'POST',
            data: {
                searchData: searchData,
                sorting: sorting,
                flag:flag
            },
            success: function(data) {
                productlist(data)
            }
        });
    }

    $(document).on('click', '#productSorting', function() {
        getProductList('', $(this).data("index"),$(this).data("flag"));
    });

    function productlist(data) {
        console.log(data);
        if (data.data.length != 0) {

            var html = '';
            $.each(data.data, function(key, value) {
                var imageId = 'image_' + key + '_id';
                var client_reorder_id = 'client_reorder_' + key + '_id';
                var gst_id = 'gst_' + key + '_id';

                var allow_client_reorder = 'No';
                if (value.allow_client_reorder == 'on') {
                    allow_client_reorder = 'Yes';
                }

                var is_gst = 'No';
                if (value.is_gst == 'on') {
                    is_gst = 'Yes';
                }

                var method = 'N/A';
                if (value.product_delivery_method == 1) {
                    method = 'Pickup';
                } else if (value.product_delivery_method == 2) {
                    method = 'Shipping';
                } else if (value.product_delivery_method == 3) {
                    method = 'Pickup & Shipping';
                }
                var onError = "this.src='{{asset("admin_assets/images/no-image.jpg")}}'";

                html += renderProductTable( value, onError, is_gst, allow_client_reorder, method, data.is_member );

                $("#productAppend").html(html);
                $('input').attr('autocomplete', 'off');
                //displayToggleMessage();
            });

            if ($('.count_tr').length < data.count) {
                $('.load-more').removeClass('hide');
            } else {
                $('.load-more').addClass('hide');
            }

        } else {
            // $("#productAppend").html('<h3>No records found</h3>');
            $("#productAppend").html('');
            $('.load-more').addClass('hide');
        }
    }

    function renderProductTable( value, onError, is_gst, allow_client_reorder, method, is_member )
    {
        var html = '';

        html = '<tr class="count_tr">';

        html += '<td><div class="product-upload"> <img src="' + value.file_path + '" onError='+onError+' style="height:90px;object-fit:contain;margin-top: 0 !important;" class="imagesImg" alt=""> </div> </td>';

        html += '<td><div class="product-table-product-detail"><p class="product-name">' + value.product_name + '</p> <p>' + value.product_code + '</p> <p class="mb-0">$' + value.product_price + '</p> </div> </td>';
        
        html += '<td class="text-center">' + is_gst + '</td>';
        
        html += '<td class="text-center">' + value.product_quantity+ '</td>';
        
        html += '<td class="text-center">' + value.product_notify_at + '</td>';

        html += '<td class="suggest-col text-break">' + value.product_suggested_use + '</td>';

        html += '<td class="text-center">' + allow_client_reorder + '</td>';

        html += '<td>';
        
        html +='<table class="table product-sub-table">';
        
        html +='<tr>';
        html += '<td class="font-weight-bold">Delivery Methods</td>';
        html += '<td>' +method+'</td>';
        html += '</tr>';

        html += '<tr>';
        html += '<td class="font-weight-bold">Weight</td>';
        html += '<td>' +(value.product_weight == 'null' ? 'N/A' : value.product_weight ) + '</td>';
        html += '</tr>';

        html += '<tr>';
        html += '<td class="font-weight-bold">';
        html += '<div class="tooltip-new">Repeats <span class="tooltip-info-icon d-none"> <img src="{{asset("assets/images/information-icon-new.svg")}}" alt="" class="img-fluid info-icon"> </span> <div class="tooltiptext"> <div class="media"> <img src="{{asset("assets/images/information-icon-new.svg")}}" alt="" class="img-fluid info-icon mr-2"> <div class="media-body">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div> </div> </div> </div>';
        html += '</td>';
        html += '<td>' + value.product_repeat + '</td>';
        html += '</tr>';

        html += '</table>';
        html += '</td>';
        html += '<td>';

        // if( is_member == 0 ) {
            html += '<div class="dropdown three-dot-dropdown">';
            html += '<a href="#" class="dropdown-toggle three-dot-menu" data-toggle="dropdown"><span></span><span></span><span></span></a>';
            html += '<div class="dropdown-menu">';
            html += '<a class="dropdown-item cursor-pointer" id="editProduct" data-id="' + value.id + '">Edit</a>';
            html += '<a class="dropdown-item cursor-pointer removeProduct" data-id="' + value.id + '">Delete</a>';
            html += '</div>';
        // }

        html += '</div> </td> </tr>';

        return html;
    }

    $(document).on('click', '#editProduct', function() {
        var id = $(this).data('id');
        $.ajax({
            url: "{{ route('practitioner.get.product')}}",
            method: 'POST',
            data: {
                id: id
            },


            success: function(response) {
                if (response.data) {

                    $("input[name='id']").val(response.data.id);
                    $("input[name='image_path']").val(response.data.file);
                    $("input[name='product_name']").val(response.data.product_name);
                    $("input[name='product_code']").val(response.data.product_code);
                    $("input[name='product_price']").val(response.data.product_price);
                    $("input[name='product_quantity']").val(response.data.product_quantity);
                    $("input[name='product_notify_at']").val(response.data.product_notify_at);
                    $("textarea[name='product_suggested_use']").val(response.data.product_suggested_use);
                    $("input[name='product_weight']").val(response.data.product_weight);
                    $("select[name='product_repeat']").val(response.data.product_repeat);
                    $("#product_delivery_method").val(response.data.product_delivery_method);


                    if (response.data.allow_client_reorder == 'on') {
                        $('#re-orders-yes').prop('checked', true);
                        $('#re-orders-no').prop('checked', false);
                        $("#delivery-method-main").css('display', 'block');
                        $("select[name='product_repeat']").prop('required', true);
                    } else {
                        $('#re-orders-no').prop('checked', true);
                        $('#re-orders-yes').prop('checked', false);
                        $("#delivery-method-main").css('display', 'none');
                        $("select[name='product_repeat']").prop('required', false);
                    }

                    if (response.data.is_gst == 'on') {
                        $('#addgst-yes').prop('checked', true);
                        $('#addgst-no').prop('checked', false);
                    } else {
                        $('#addgst-no').prop('checked', true);
                        $('#addgst-yes').prop('checked', false);
                    }

                    if (response.data.product_delivery_method == 2 || response.data.product_delivery_method == 3) {
                        $('#weight').css('display', 'block');
                        $("input[name='product_weight']").prop('required', true);
                    } else {
                        $('#weight').css('display', 'none');
                        $("input[name='product_weight']").prop('required', false);
                    }

                    if(response.data.file_path){
                        $('.file-upload-content').show();
                        $('.image-upload-wrap').hide();
                        $('.file-upload-image').attr('src', response.data.file_path);
                    } else{
                        $('.image-upload-wrap').show();
                        $('.file-upload-content').hide();
                    }
                               
                    $('.autosizetextaria').each(function () {
                        this.setAttribute('style', 'height:' + (this.scrollHeight) + 'px; overflow-y: scroll;');
                       
                        }).load('textarea','keyup', function () {
                        //alert("Hello 45");
                        this.style.height = 'auto';
                        
                        this.style.height = (this.scrollHeight) + 'px ';
                    });
                  
                    $("#AddProductModal").modal('show');
                    $("#AddProductModal").find('.modal-title').text('Edit Product');
                    $("#AddProductModal").find('.confirm-bttn').text('Update');
                  
                }


            }

        });
    });

    $(document).on('click', '.add-product', function() {
        $('.autosizetextaria').each(function () {
            this.setAttribute('style', 'height:' + (this.scrollHeight) + 'px;  overflow-y: scroll; ');
            }).on('input', function () {
            this.style.height = 'auto';
            this.style.height = (this.scrollHeight) + 'px ';
        });
    });

    $('.autosizetextaria').each(function () {
        this.setAttribute('style', 'height:' + (this.scrollHeight) + 'px;  overflow-y: scroll; ');
    }).on('input', function () {
        this.style.height = 'auto';
        this.style.height = (this.scrollHeight) + 'px ';
    });

    $(document).on('click', '.removeProduct', function(event) {
        var ids = $(this).data("id");
        Swal.fire({
            title: 'Delete Product?',
            text: 'This cannot be undone',
            icon: 'warning',
            confirmButtonText: 'Delete',
            showCloseButton: true,
        }).then((result) => {

            if (result.value) {
                if (ids) {
                    $.ajax({
                        url: "{{ route('practitioner.settings.deleteProduct')}}",
                        data: {
                            id: ids
                        },
                        type: 'POST',
                    }).done(function(response) {
                        if (response.status == "success") {
                            Swal.fire({
                                icon: response.status,
                                title: response.msg,
                                showClass: {
                                    popup: 'animate__animated animate__fadeInDown'
                                },
                                hideClass: {
                                    popup: 'animate__animated animate__fadeOutUp'
                                }
                            });
                            getProductList('', '','');
                        }
                    });
                }
            }
        });
    });

    var path = "{{ route('practitioner.search.product') }}";
    $("input[name^='product_name']").typeahead({
        source: function(query, process) {
            return $.get(path, {
                query: query
            }, function(data) {

                // if($("input[name^='product_name']").val() ==''){
                //     $('input[name="product_name"]').val("");
                //     $('textarea[name="product_suggested_use"]').val("");
                //     $('input[name="product_code"]').val("");
                //     $('input[name="product_quantity"]').val("");
                //     $('input[name="product_price"]').val("");
                //     $('input[name="product_weight"]').val("");
                //     $('input[name="product_notify_at"]').val("");
                //     $('.file-upload-content').hide();
                //     $('.image-upload-wrap').show();
                // }

                return process(data);
            });
        }
    });

    //Auto suggest dropdown
    $("body").on('change', '.typeahead', function() {

        var _this = $(this);
        var product_id = $(this).val();
        var url = "{{route('practitioner.single.product')}}";
        var type = "POST"
        var formData = new FormData();
        formData.append('name', product_id);
        $.ajax({
                url: url,
                data: formData,
                dataType: 'JSON',
                type: type,
                contentType: false, // NEEDED, DON'T OMIT THIS (requires jQuery 1.6+)
                processData: false, // NEEDED, DON'T OMIT THIS
            })
            .done(function(response) {
                if (response.status == 'success') {
                    if ($.isEmptyObject(response.data.product) != true) {
                        $('input[name="product_name"]').val(response.data.product.name);
                        $('textarea[name="product_suggested_use"]').val(response.data.product.description);
                        $('input[name="product_code"]').val(response.data.product.code);
                        $('input[name="product_quantity"]').val(response.data.product.available_qty);
                        $('input[name="product_price"]').val(response.data.product.price);
                        $('input[name="product_weight"]').val(response.data.product.product_weight);
                        $('input[name="product_notify_at"]').val(response.data.product.product_notify_at);

                        if (response.data.product.image) {
                            $('.file-upload-content').show();
                            $('.image-upload-wrap').hide();
                            $('.file-upload-image').attr('src', response.data.product.image);
                            $('input[name="image_path"]').val(response.data.product.image_path);
                        } else {
                            $('.file-upload-content').hide();
                            $('.image-upload-wrap').show();
                        }

                    }
                }
            });
    });

    $("#storeShippingDetails").submit(function(e) {
        var status = getShippingStatus();
        e.preventDefault();
        $(".profile-form-error").hide();
        if ($(this).parsley().isValid()) {
            var modal = $("#shippingmodal");
            $.ajax({
                url: $(this).attr("action"),
                data: $(this).serialize(),
                type: 'POST',
            }).done(function(response) {
                if (response.status == "success") {
                    Swal.fire({
                        icon: response.status,
                        title: '',
                        text: response.msg,
                        showClass: {
                            popup: 'animate__animated animate__fadeInDown'
                        },
                        hideClass: {
                            popup: 'animate__animated animate__fadeOutUp'
                        }
                    });
                    modal.modal("hide");
                    $("#AddProductModal").find('.confirm-bttn').text('Save');
                    if( status== 'success')
                    {
                        location.reload();
                    }
                    // setTimeout(function() {
                    //     location.reload();
                    // }, 2000);
                } else {
                    Swal.fire({
                        icon: 'warning',
                        title: 'Shipping costs required',
                        text :'To enable shipping, flat rate or weighted shipping costs are required.',
                        showClass: {
                            popup: 'animate__animated animate__fadeInDown'
                        },
                        hideClass: {
                            popup: 'animate__animated animate__fadeOutUp'
                        }
                    });

                    $(".invalid-feedback").text('');
                    $.each(response.errors, function(key, value, i) {
                        console.log(key);
                        var [before, after] = key.split(".");
                        var input = modal.find('input[name="' + before + '[]"]');
                        var span = modal.find('input[name="' + before + '[]"]').parent().next();
                        var da = span[after];
                        if(da)
                        {
                            da.append(value[0].replace(key, before));
                        }

                        if(key =='is_gst')
                        {
                            var input = $('input[name=' + key + ']');
                            var parent = input.parent().parent().next('.invalid-feedback').text(value[0]);
                            input.addClass('is-invalid');
                        }
                        
                    });
                }
            });
        }
    });

    $(document).on('click', '.printProduct', function(event) {
        var conent = 'productTable';
        var header = 'Product list';
        printJS({
            printable: conent,
            type: 'html',
            css: baseUrl + '/assets/css/default.css',
            header: header
        });
    });

    $("input[name='allow_client_reorder']").change(function() {

        if ($(this).val() == "on") {
            $("#delivery-method-main").css('display', 'block');
            $("select[name='product_repeat']").prop('required', true);
           // $("input[name='product_weight']").prop('required', true);
        } else {
            $("#delivery-method-main").css('display', 'none');
            $("select[name='product_repeat']").prop('required', false);
            //$("input[name='product_weight']").prop('required', false);
            $("select[name='product_delivery_method']").val('1');
            $("input[name='product_weight']").val('');
            $("#weight").css('display', 'none');
        }
    });

    $("select[name='product_delivery_method']").change(function() {
        console.log($(this).val());
        if ($(this).val() == 2 || $(this).val() == 3) {
            $('#weight').css('display', 'block');
            $("input[name='product_weight']").prop('required', true);
            if (getShippingStatus() == 'error') {
                $("#AddProductModal").find('.confirm-bttn').text('Add shipping costs');
            }
        } else {
            $("#AddProductModal").find('.confirm-bttn').text('Save');
            $('#weight').css('display', 'none');
            $("input[name='product_weight']").prop('required', false);
        }

    });

    function getShippingStatus() {
        var status;
        status = $.ajax({
            url: "{{route('practitioner.getshipping.status')}}",
            data: $(this).serialize(),
            type: 'GET',
            dataType: 'html',
            context: document.body,
            global: false,
            async: false,
        }).done(function(response) {
            return response;
        }).responseText;

        status = JSON.parse(status);

        return status.status;
    }

    $('input[type=radio][name=free_shipping]').change(function() {
        var shippingValue = $("#current_shipping").val();
        if( this.value == '1' ) {
           $("#order_total_more_than").prop( 'readonly', false );
           $('#w_order_total_more_t').addClass("d-block"); 
           $('#w_order_total_more_t').removeClass("d-none"); 
       } else if (this.value == '0') {
           $("#order_total_more_than").prop( 'readonly', true );
           $("#order_total_more_than").val(shippingValue);
           $('#w_order_total_more_t').addClass("d-none"); 
           $('#w_order_total_more_t').removeClass("d-block"); 
       }
    });

    $("#product-name").bind('change keyup paste', function() {
        $(".autosizetextaria").each(function () {
            this.setAttribute("style", "height:" + (this.scrollHeight) + "px; overflow-y: scroll;");
        }).load("textarea", function () {
            this.style.height = "auto";
            this.style.height = (this.scrollHeight) + "px";
        });
    });

    $(document).ready(function() {
        $(function() {
        $("#product-name").on("click", function(e) {
            $(".typeahead").addClass("d-block");
            e.stopPropagation()
        });
        $(document).on("click", function(e) {
            if ($(e.target).is(".typeahead") === false) {
            $(".typeahead").removeClass("d-block");
            }
        });
        });
    });

    $("#flat_regular_rate").keyup(function(){
        $("input[name^=regular_rate]").each(function(){
            $(this).val('');
        });
        $("input[name^=express_rate]").each(function(){
            $(this).val('');
        });
    });

    $("#flat_express_rate").keyup(function(){
        $("input[name^=regular_rate]").each(function(){
            $(this).val('');
        });
        $("input[name^=express_rate]").each(function(){
            $(this).val('');
        });
    });

    $(".shippingByWeight").keyup(function(){
        $("input[name=flat_regular_rate]").val('');
        $("input[name=flat_express_rate]").val('');
    });
    

</script>
@endsection