@extends('layouts.buddy-screens')
 @section('content')

 
<style>
    .modal-content{padding:30px 0 !important;}
    </style>
<div class="content-wrapper bgline">
    <div class="container-xxl flex-grow-1 container-p-y">
        <h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light color-green">Digi Gold </span>
        <span class="small-black">Gold Price
                @if(!empty($gold_silver_rate) && isset($gold_silver_rate['result']) && isset($gold_silver_rate['result']['data'])) 
                    {{$gold_silver_rate['result']['data']['rates']['gBuy']}}/Gm
                @endif 
                 <img src="{{asset('/images/right-arrow.png')}}" alt="" class="right-arrow">
            </span>
            <span class="small-black">Silver Price
                @if(!empty($gold_silver_rate) && isset($gold_silver_rate['result']) && isset($gold_silver_rate['result']['data'])) 
                    {{$gold_silver_rate['result']['data']['rates']['sBuy']}}/Gm
                @endif
                <img src="{{asset('/images/right-arrow.png')}}" alt="" class="right-arrow">
            </span>
            <a class="btn right-align" href="{{url('digigold-transfer')}}" style="display:none;">Transfer</a>
            <a class="btn right-align" href="{{url('digigold-redeem')}}" style="margin-left: 10px;margin-right: 10px;">Redeem</a>&nbsp;
           
            <a class="btn right-align" href="{{url('digigold-buy-sell')}}">Buy/Sell</a>&nbsp;
        </h4>

        <div style="display:none">
            <span>Gold Price
                @if(!empty($gold_silver_rate) && isset($gold_silver_rate['result']) && isset($gold_silver_rate['result']['data'])) 
                    {{$gold_silver_rate['result']['data']['rates']['gBuy']}}/Gm
                @endif
            </span>
            <br/>
            <span>Silver Price
                @if(!empty($gold_silver_rate) && isset($gold_silver_rate['result']) && isset($gold_silver_rate['result']['data'])) 
                    {{$gold_silver_rate['result']['data']['rates']['sBuy']}}/Gm
                @endif
            </span>
        </div>

        @if(session('success'))
            <div class="alert alert-success">
                {{ session('success') }}
            </div>
        @endif
        @if(session('error'))
            <div class="alert alert-danger">
                {{ session('error') }}
            </div>
        @endif
        <div class="row">

            <div class="col-md-6 mt-3 pt-3">
                <div id="exTab2" class="tabpanel">
                    <ul class="nav nav-tabs">
                        <li class="active">
                            <a href="#1" class="buy_toggle" data-toggle="tab">Buy</a>
                        </li>
                        <li><a href="#2" class="sell_toggle" data-toggle="tab">Sell</a>
                        </li>
                       <li><a href="#3"  class="sip_toggle" data-toggle="tab">SIP</a>
			</li> 
                    </ul>

			<div class="tab-content ">
			  <div class="tab-pane active buy_goldsilver_tab" id="1">
                <div class="d-grid">
              <label for="Select Metal">Select Metal</label>
              <select name="Metal" id="Metal">
                <option value="Gold">Gold</option>
                <option value="Silver">Silver</option>
                </select>
                <span class="bg-gray">Live Buy Price ₹ <span class="live_price_gold_silver">{{$gold_buy_price}}</span> /gm</span>
				</div>
                <div class="d-flex">
                    <div>
                <input type="radio" id="Buy" class="gold_silver_buy_type" name="fav_language" value="rupees" checked>
                <label for="Buy">Buy in Rupees</label>
                    </div>
                    <div>
                <input type="radio" id="Buy" class="gold_silver_buy_type"  name="fav_language" value="gm">
                <label for="Buy">Buy in Grams</label>
                </div>
                </div>
                <h4 class="d-flex"><sapn class="gold_silver_symbol">₹</sapn> <input type="text" class="form-control gold_silver_amount" value="" placeholder="10,000" style="max-width: 72%;">  <span class="gold_silver_calculated_val"> = 0 gm</span></h4>
                <ul class="buy_in_ruppee_ul">
                    <li><span class="bg-gray buy_in_ruppee_amt" value="500">500</span></li>
                    <li><span class="bg-gray buy_in_ruppee_amt" value="1000">1000</span></li>
                    <li><span class="bg-gray buy_in_ruppee_amt" value="10000">10000</span></li>
                    <li><span class="bg-gray buy_in_ruppee_amt" value="25000">25000</span></li>
                    <li><span class="bg-gray buy_in_ruppee_amt" value="50000">50000</span></li>
                </ul>
                <ul class="buy_in_gm_ul" style="display: none">
                    <li><span class="bg-gray buy_in_gm_amt" value="0.5">0.5</span></li>
                    <li><span class="bg-gray buy_in_gm_amt" value="1">1</span></li>
                    <li><span class="bg-gray buy_in_gm_amt" value="10">10</span></li>
                    <li><span class="bg-gray buy_in_gm_amt" value="15">15</span></li>
                    <li><span class="bg-gray buy_in_gm_amt" value="20">20</span></li>
                </ul>
               
                </div>
				<div class="tab-pane sell_goldsilver_tab" id="2">
                <div class="d-grid">
              <label for="Select Metal">Select Metal</label>
              <select name="Metal" id="Metal">
                <option value="Gold">Gold</option>
                <option value="Silver">Silver</option>
                </select>
                <span class="bg-gray">Live Sell Price ₹ <span class="live_price_gold_silver_sell">{{$gold_sell_price}}</span> /gm</span>
              </div>
                <div class="d-flex">
                    <div>
                        <input type="radio" id="Sell" class="gold_silver_sell_type" name="Sell" value="rupees" checked>
                        <label for="Sell">Sell in Rupees</label>
                    </div>
                    <div>
                        <input type="radio" id="Sell" class="gold_silver_sell_type" name="Sell" value="gm">
                        <label for="Sell">Sell in Grams</label>
                    </div>
                </div>
                <h4 class="d-flex"><sapn class="gold_silver_symbol_sell">₹</sapn> <input type="text" class="form-control gold_silver_amount_sell" value="" placeholder="10,000" style="max-width: 72%;">  <span class="gold_silver_calculated_val_sell"> = 0 gm</span></h4>
                <ul class="sell_in_ruppee_ul">
                    <li><span class="bg-gray sell_in_ruppee_amt" value="500">500</span></li>
                    <li><span class="bg-gray sell_in_ruppee_amt" value="1000">1000</span></li>
                    <li><span class="bg-gray sell_in_ruppee_amt" value="10000">10000</span></li>
                    <li><span class="bg-gray sell_in_ruppee_amt" value="25000">25000</span></li>
                    <li><span class="bg-gray sell_in_ruppee_amt" value="50000">50000</span></li>
                </ul>
                <ul class="sell_in_gm_ul" style="display: none">
                    <li><span class="bg-gray sell_in_gm_amt" value="0.5">0.5</span></li>
                    <li><span class="bg-gray sell_in_gm_amt" value="1">1</span></li>
                    <li><span class="bg-gray sell_in_gm_amt" value="10">10</span></li>
                    <li><span class="bg-gray sell_in_gm_amt" value="15">15</span></li>
                    <li><span class="bg-gray sell_in_gm_amt" value="20">20</span></li>
                </ul>
                <a class="btn mt-3"  id="openModal" style="position: absolute; right: 3%; top: 15%;">Bank Details</a>
                    <br/>
                <span style="font-size:10px">*Gold/Silver purchased in the last 48 hours cannot be sold. Please wait for 48 hours before selling.</span>
      
				</div>
        <div class="tab-pane sip_goldsilver_tab" id="3">
        <div class="d-grid">
              <label for="Select Metal">Select Metal</label>
              <select name="Metal" id="Metal">
                <option value="Gold">Gold</option>
                <option value="Silver">Silver</option>
                </select>
                <span class="bg-gray">Live SIP Price ₹ <span class="live_price_gold_silver_sip">{{$gold_sip_price}}</span> /gm</span>
				</div> 
                <div class="d-grid">
                    <label for="Select Metal">Select Frequency</label>
                    <select name="frequency" id="frequency">
                        <option value="Monthly">Monthly</option>
                        <option value="Daily">Daily</option>
                    </select>
                </div><br/>
                <div class="d-grid">
                    <label for="Select Metal">SIP Start Date</label>
                    <input type="date" class="form-control gold_silver_sip_startdate" id="gold_silver_sip_startdate" name="gold_silver_sip_startdate" value="">
                </div>
                <div class="d-flex">
                    <div style="display:none;">
                <input type="radio" class="gold_silver_sip_type" value="rupees" checked>
                <label for="Buy">Buy in Rupees</label>
                    </div>
                   
                </div>
                <h4 class="d-flex"><sapn class="gold_silver_sip_symbol">₹</sapn> <input type="text" class="form-control gold_silver_sip_amount" value="" placeholder="10,000" style="max-width: 72%;">  <span class="gold_silver_sip_calculated_val"> = 0 gm</span></h4>             
		</div>
    </div>
  </div>
        </div>
        <div class="col-md-4 offset-md-2 d-flex-justify">
            <div class="amount-detail">
                <h4>Amount : <span>₹ <span class="cart_buy_amount">0</span></span></h4>
                <h4 class="tax_total_h">Tax : <span>₹ <span class="cart_buy_tax">0</span></span></h4>
                <hr>
                <h4>Total Amount : <span><b>₹ <span class="cart_buy_total">0</span></b></span></h4>
                <form method="post" action="{{ route('digigold-buy-sell-process')}}" class="buysellform"> 
                    @csrf
                    <input type="hidden" class="unit_price_tax_excl" name="cart_data[unit_price_tax_excl]" value="0">
                    <input type="hidden" class="metal_type" name="cart_data[metal_type]" value="">
                    <input type="hidden" class="order_type" name="cart_data[order_type]" value="">
                    <input type="hidden" class="buy_type" name="cart_data[buy_type]" value="">
                    <input type="hidden" class="buy_quantity" name="cart_data[buy_quantity]" value="">
                    <input type="hidden" class="sell_type" name="cart_data[sell_type]" value="">
                    <input type="hidden" class="sell_quantity" name="cart_data[sell_quantity]" value="">
                    <input type="hidden" class="total_price_tax_excl" name="cart_data[total_price_tax_excl]" value="">
                    <input type="hidden" class="total_tax" name="cart_data[total_tax]" value="">
                    <input type="hidden" class="blockid" name="cart_data[blockid]" value="">
                    <input type="hidden" class="frequency" name="cart_data[frequency]" value="">
                    <input type="hidden" class="sip_start_date" name="cart_data[sip_start_date]" value="">
                    <button class="btn mt-3 w-100 buy_sell_proceed_btn" bank_available="{{$bank_available}}" style="background-color: #309604;color:#fff;" type="buy">Buy</button>
                </form>
            </div>
            </div>
         </div>
    </div>
</div>
<div id="modal" class="modal modalbank">
        <div class="modal-content">
            <span class="close" id="closeModal">&times;</span>
            <div class="modal-text">
                <form method="post" action="{{ route('digigolduserbankupdate')}}">
                @csrf
                    <input type="hidden" name="userBankId" value="{{$bank_data['userBankId']}}">
                <div class="row form-div">
                    <h4 class="text-center color-green mt-3 mb-3">User Bank Details</h4>
                    <div class="col-md-6 mb-3 ">
                        <div class="d-grid">
                            <label for="Select Transfer Type">Full Name</label>
                            <input type="text" id="Name" name="accountName" value="{{$bank_data['accountName']}}" require placeholder="Full Name">
                        </div>
                    </div>               
                    <div class="col-md-6 mb-3 ">
                        <div class="d-grid">
                            <label for="Elect Value type">Enter Account Number*</label>
                            <input type="text" id="holdings" value="{{$bank_data['accountNumber']}}" name="accountNumber" placeholder="Enter Account Number">
                        </div>
                    </div>
                    <div class="col-md-6 mb-3 ">
                        <div class="d-grid">
                            <label for="Available balance for withdrawal">Confirm Account Number*</label>
                            <input type="text" id="balance" value="{{$bank_data['accountNumber']}}" name="accountNumber2" placeholder="Confirm Account Number">
                        </div>
                    </div>
                    <div class="col-md-6 mb-3 ">
                        <div class="d-grid relative">
                            <label for="Available balance for withdrawal" class="d-flex">
                                <div class="d-flex">
                                    <input type="radio" id="enter" name="find" value="sell" checked>
                                    <label for="Buy">Enter IFSC Code</label>
                                </div>
                               
                                <div  class="d-flex " style="display:none !important;">
                                    <input type="radio" class="toggle" id="find" name="find" value="sell" >
                                    <label for="Buy">Find IFSC Code</label>
                                </div>
                            </label>
                            <div id="target" class="find ">
                                <div class="col-md-5">
                                    <div class="d-grid">
                                        <!-- <label for="Available balance for withdrawal">Bank Name</label> -->
                                        <input type="text" id="balance" name="balance" placeholder="Enter Bank Name">
                                    </div>
                                </div>
                                <div class="col-md-5">
                                    <div class="d-grid">
                                        <!-- <label for="Available balance for withdrawal">Branch Name/ City</label> -->
                                        <input type="text" id="balance" name="balance" placeholder="Enter Branch Name/ City">
                                    </div>
                                </div>
                                <div class="col-md-2">
                                    <div class="d-grid">
                                    <a class="btn find-btn">Find</a>
                                    </div>
                                </div>                    
                            </div>
                            <div id="target" >
                            <div class="col-md-12 ">
                        
                        <div class="search-box hide">
                            <h2 class="color-green">Search Result</h2>
                            <ul>
                                <li>
                                    <div class="d-grid">
                                        <p>ICICI BANK LIMITED</p>
                                        <p><span>GURGAONSECTOR 54</span></p>
                                        <p>HDFC32008</p>
                                    </div>
                                    <label><input type="checkbox" class="radio" value="1" name="fooby[1][]" /></label>
                                </li>
                                <li>
                                    <div class="d-grid">
                                        <p>ICICI BANK LIMITED</p>
                                        <p><span>GURGAONSECTOR 54</span></p>
                                        <p>HDFC32008</p>
                                    </div>
                                    <div>
                                <label><input type="checkbox" class="radio" value="1" name="fooby[1][]" /></label>
  
                                </li>
                                <li>
                                    <div class="d-grid">
                                        <p>ICICI BANK LIMITED</p>
                                        <p><span>GURGAONSECTOR 54</span></p>
                                        <p>HDFC32008</p>
                                    </div>
                                    <label><input type="checkbox" class="radio" value="1" name="fooby[1][]" /></label>
                                </li>
                                <li>
                                    <div class="d-grid">
                                        <p>ICICI BANK LIMITED</p>
                                        <p><span>GURGAONSECTOR 54</span></p>
                                        <p>HDFC32008</p>
                                    </div>
                                    <label><input type="checkbox" class="radio" value="1" name="fooby[1][]" /></label>
                                </li>

                            </ul>
                        </div>
                        </div>
                    </div>
                            <div id="enterdiv" class="enterdiv col-md-12 ">
                            <input type="text" id="ifsc" value="{{$bank_data['ifscCode']}}"  name="ifscCode" placeholder="Enter IFSC Code">
                                </div>
                            </div>
                    </div>

                    <div class="col-md-12 mt-3 pt-3 mb-3 text-center">
                        <button type="submit" class="btn btn-primary">Confirm</button>
                    </div>

                </div>
    </form>
            </div>
        </div>
</div>
<div  class="poweredbyaug" style="text-align: center;background: #fff; line-height: 50px;"><a href="{{url('/digigold-termcondition')}}" style="float: left;padding-left:20px;" target="_blank">Terms and Conditions</a> Powered By Augmont</div>

        <link rel="stylesheet" href="{{asset('assets/css/digigold.css')}}" />

<script>
     $(".buy_sell_proceed_btn").on('click', function (e) {
        e.preventDefault();
        var type = $(this).attr('type');
        if(type=='buy' || type=='sip') {
            $('.buysellform').submit();
        }
        if(type=='sell') {
            var bank_available = $(this).attr('bank_available');
            if(bank_available ==1) {
                $('.buysellform').submit();
            }
            else {
                $('#openModal').trigger('click');
            }
        }
     });
    $(".buy_toggle").on('click', function () {
       
       $('.buy_sell_proceed_btn').text('Buy');
       $('.buy_sell_proceed_btn').attr('type', 'buy');
       $('.cart_buy_amount, .cart_buy_tax, .cart_buy_total').text('0');
       $('.tax_total_h').show();
       $('.order_type').val('Buy');
   }); 
   $(".sell_toggle").on('click', function () {
       
       $('.buy_sell_proceed_btn').text('Sell');
       $('.cart_buy_amount, .cart_buy_tax, .cart_buy_total').text('0');
       $('.buy_sell_proceed_btn').attr('type', 'sell');
       $('.tax_total_h').hide();
       $('.order_type').val('Sell');
   }); 
   $(".sip_toggle").on('click', function () {
       
       $('.buy_sell_proceed_btn').text('Create SIP');
       $('.cart_buy_amount, .cart_buy_tax, .cart_buy_total').text('0');
       $('.buy_sell_proceed_btn').attr('type', 'sip');
       $('.tax_total_h').show();
       $('.order_type').val('sip');
   }); 
    $(".buy_goldsilver_tab #Metal").on('change', function () {
       
        calculate_gold_silver_buy();
    }); 

    $(".buy_goldsilver_tab .gold_silver_buy_type").on('click', function () {
       $('.gold_silver_amount').val('0');
       calculate_gold_silver_buy();
   }); 
   $(".buy_goldsilver_tab .gold_silver_amount").on('change, keyup', function () {
        var buy_type = $('.gold_silver_buy_type:checked').val();
        let value_am = $(this).val(); // Parse the input value
        if (!isNaN(value_am)) { // Check if the input is a valid number
            if(buy_type =='gm') {
                if (/^\d+(\.\d{1,4})?$/.test(value_am) === false && /^\d+\.\d+$/.test(value_am)) {// Matches numbers with more than 2 decimals
                    let roundedValue = parseFloat(value_am).toFixed(4); // Round to 2 decimal places
                    $(this).val(roundedValue);
                }
            }
            else {
                if (/^\d+(\.\d{1,2})?$/.test(value_am) === false && /^\d+\.\d+$/.test(value_am)) {// Matches numbers with more than 2 decimals
                    let roundedValue = parseFloat(value_am).toFixed(2); // Round to 2 decimal places
                    $(this).val(roundedValue);
                }
            }
        } else {
        $(this).val('0'); // Clear the input if it's not a valid number
        }

       calculate_gold_silver_buy();
   }); 
   $(".buy_goldsilver_tab .buy_in_gm_amt").on('click', function () {
       var amt = $(this).attr('value');
       $('.gold_silver_amount').val(amt);
       calculate_gold_silver_buy();
   }); 
   $(".buy_goldsilver_tab .buy_in_ruppee_amt").on('click', function () {
       var amt = $(this).attr('value');
       $('.gold_silver_amount').val(amt);
       calculate_gold_silver_buy();
   }); 

    function calculate_gold_silver_buy() {
        var metal_type = $(".buy_goldsilver_tab #Metal").val();
      
        var gold_silver_price = "{{$gold_buy_price}}";
        $('.blockid').val("{{$blockId}}");
        if(metal_type=='Gold') {
            $('.live_price_gold_silver').text("{{$gold_buy_price}}");
            var gold_silver_price = "{{$gold_buy_price}}";
        }
        else {
            $('.live_price_gold_silver').text("{{$silver_buy_price}}");
            var gold_silver_price = "{{$silver_buy_price}}";
        }

       

        var buy_type = $('.gold_silver_buy_type:checked').val();
        var gold_silver_amount =  $('.gold_silver_amount').val();
        if(gold_silver_amount.length ==0) {
            gold_silver_amount = 0;
        }
        $('.buy_type').val(buy_type);
        $('.buy_in_ruppee_ul').hide();
        $('.buy_in_gm_ul').hide();
        var total_price_tax_excl = 0;
        if(buy_type =='rupees') {
            $('.gold_silver_amount').attr('placeholder', '10,000');
            $('.gold_silver_symbol').text('₹');
            $('.buy_in_ruppee_ul').show();
            if(gold_silver_amount > 1000000) {
                gold_silver_amount = 1000000;
                $('.gold_silver_amount').val(gold_silver_amount);
            }

            var total_quantity_in_gm = Math.floor((gold_silver_amount / gold_silver_price) * 10000) / 10000;
            var total_price_tax_excl = gold_silver_amount;
            $('.gold_silver_calculated_val').text(total_quantity_in_gm+' Gm');
            
        }
        else {
            if(gold_silver_amount > 250) {
                gold_silver_amount = 250;
                $('.gold_silver_amount').val(gold_silver_amount);
            }
            $('.gold_silver_amount').attr('placeholder', '10');
            $('.gold_silver_symbol').text('Gm');
            $('.buy_in_gm_ul').show();
            var total_price_tax_excl = (gold_silver_amount*gold_silver_price).toFixed(2);
            var total_quantity_in_gm = gold_silver_amount;
            $('.gold_silver_calculated_val').text('₹ '+total_price_tax_excl);
        } 
       
        $('.cart_buy_amount').text(total_price_tax_excl);
       
        var total_tax = ((total_price_tax_excl*3)/100).toFixed(2);
        $('.cart_buy_tax').text(total_tax);
        $('.cart_buy_total').text((parseFloat(total_tax) + parseFloat(total_price_tax_excl)).toFixed(2));

        $('.metal_type').val(metal_type);
        $('.order_type').val('Buy');
        $('.unit_price_tax_excl').val(gold_silver_price);
        $('.buy_quantity').val(total_quantity_in_gm);
        $('.total_price_tax_excl').val(total_price_tax_excl);
        $('.total_tax').val(total_tax);

    }





    $(".sell_goldsilver_tab #Metal").on('change', function () {       
        calculate_gold_silver_sell();
    }); 

    $(".sell_goldsilver_tab .gold_silver_sell_type").on('click', function () {
        $('.gold_silver_amount_sell').val('0');
        calculate_gold_silver_sell();
    }); 
    $(".sell_goldsilver_tab .gold_silver_amount_sell").on('change, keyup', function () {
        let value_am = $(this).val(); // Parse the input value
        var sell_type = $('.gold_silver_sell_type:checked').val();
        if (!isNaN(value_am)) { // Check if the input is a valid number
            if(sell_type =='gm') {
                if (/^\d+(\.\d{1,4})?$/.test(value_am) === false && /^\d+\.\d+$/.test(value_am)) {// Matches numbers with more than 2 decimals
                    let roundedValue = parseFloat(value_am).toFixed(4); // Round to 2 decimal places
                    $(this).val(roundedValue);
                }
            }
            else {
                if (/^\d+(\.\d{1,2})?$/.test(value_am) === false && /^\d+\.\d+$/.test(value_am)) {// Matches numbers with more than 2 decimals
                    let roundedValue = parseFloat(value_am).toFixed(2); // Round to 2 decimal places
                    $(this).val(roundedValue);
                }
            }
       } else {
            $(this).val('0'); // Clear the input if it's not a valid number
       }
       calculate_gold_silver_sell();
    }); 
    $(".sell_goldsilver_tab .sell_in_gm_amt").on('click', function () {
        var amt = $(this).attr('value');
        $('.gold_silver_amount_sell').val(amt);
        calculate_gold_silver_sell();
    }); 
    $(".sell_goldsilver_tab .sell_in_ruppee_amt").on('click', function () {
        var amt = $(this).attr('value');
        $('.gold_silver_amount_sell').val(amt);
        calculate_gold_silver_sell();
    }); 

    function calculate_gold_silver_sell() {
        var metal_type = $(".sell_goldsilver_tab #Metal").val();
     
        var gold_silver_price = "{{$gold_sell_price}}";
        $('.blockid').val("{{$blockId}}");
        var available_gold_silver_qty = 0;
        var available_gold_silver_price = 0;
        if(metal_type=='Gold') {
           $('.live_price_gold_silver_sell').text("{{$gold_sell_price}}");
           var gold_silver_price = "{{$gold_sell_price}}";
           var available_gold_silver_qty = "{{$avgoldGrms}}";
           var available_gold_silver_price = gold_silver_price * available_gold_silver_qty;
        }
        else {
           $('.live_price_gold_silver_sell').text("{{$silver_sell_price}}");
           var gold_silver_price = "{{$silver_sell_price}}";
           var available_gold_silver_qty = "{{$avsilverGrms}}";
           var available_gold_silver_price = gold_silver_price * available_gold_silver_qty;
       }

      

        var buy_type = $('.gold_silver_sell_type:checked').val();
        var gold_silver_amount =  $('.gold_silver_amount_sell').val();
        if(gold_silver_amount.length ==0) {
            gold_silver_amount = 0;
        }
        $('.sell_type').val(buy_type);
        $('.sell_in_ruppee_ul').hide();
        $('.sell_in_gm_ul').hide();
        if(buy_type =='rupees') {
           $('.gold_silver_amount_sell').attr('placeholder', '10,000');
           $('.gold_silver_symbol_sell').text('₹');
           $('.sell_in_ruppee_ul').show();
           if(gold_silver_amount > parseFloat(available_gold_silver_price)) {
               gold_silver_amount =  Math.floor(available_gold_silver_price * 100) / 100;
               $('.gold_silver_amount_sell').val(gold_silver_amount);
           }

           var total_quantity_in_gm = Math.floor((gold_silver_amount / gold_silver_price) * 10000) / 10000;
           var total_price_tax_excl = gold_silver_amount;
           $('.gold_silver_calculated_val_sell').text(total_quantity_in_gm+' Gm');
           
       }
       else {
           if(gold_silver_amount > parseFloat(available_gold_silver_qty)) {
               gold_silver_amount = available_gold_silver_qty;
               $('.gold_silver_amount_sell').val(gold_silver_amount);
           }
           $('.gold_silver_amount_sell').attr('placeholder', '10');
           $('.gold_silver_symbol_sell').text('Gm');
           $('.sell_in_gm_ul').show();
           var total_price_tax_excl = (gold_silver_amount*gold_silver_price).toFixed(2);
           var total_quantity_in_gm = gold_silver_amount;
           $('.gold_silver_calculated_val_sell').text('₹ '+total_price_tax_excl);
       } 
      
       $('.cart_buy_amount').text(total_price_tax_excl);
      
       var total_tax = 0;
       $('.cart_buy_tax').text(0);
       $('.cart_buy_total').text((parseFloat(total_tax) + parseFloat(total_price_tax_excl)).toFixed(2));

       $('.metal_type').val(metal_type);
       $('.order_type').val('Sell');
       $('.unit_price_tax_excl').val(gold_silver_price);
       $('.sell_quantity').val(total_quantity_in_gm);
       $('.total_price_tax_excl').val(total_price_tax_excl);
       $('.total_tax').val(total_tax);

   }

   $(".sip_goldsilver_tab #Metal").on('change', function () {
       
       calculate_gold_silver_sip();
   });

   $(".sip_goldsilver_tab #frequency").on('change', function () {
       
       calculate_gold_silver_sip();
   });
   $(".sip_goldsilver_tab .gold_silver_sip_startdate").on('change', function () {
       
       calculate_gold_silver_sip();
   });
   $(".sip_goldsilver_tab  .gold_silver_sip_amount").on('change, keyup', function () {
        var buy_type = 'rupees';
        let value_am = $(this).val(); // Parse the input value
        if (!isNaN(value_am)) { // Check if the input is a valid number
            if(buy_type =='rupees') {
                if (/^\d+(\.\d{1,2})?$/.test(value_am) === false && /^\d+\.\d+$/.test(value_am)) {// Matches numbers with more than 2 decimals
                    let roundedValue = parseFloat(value_am).toFixed(2); // Round to 2 decimal places
                    $(this).val(roundedValue);
                }
            }
          
        } else {
        $(this).val('0'); // Clear the input if it's not a valid number
        }

       calculate_gold_silver_sip();
   }); 

   function calculate_gold_silver_sip() {
        var metal_type = $(".sip_goldsilver_tab #Metal").val();
     
        var gold_silver_price = "{{$gold_sip_price}}";
        $('.blockid').val("{{$blockIdSip}}");
        var available_gold_silver_qty = 0;
        var available_gold_silver_price = 0;
        if(metal_type=='Gold') {
           $('.live_price_gold_silver_sip').text("{{$gold_sip_price}}");
           var gold_silver_price = "{{$gold_sip_price}}";

           var available_gold_silver_price = gold_silver_price;
        }
        else {
           $('.live_price_gold_silver_sip').text("{{$silver_sip_price}}");
           var gold_silver_price = "{{$silver_sip_price}}";
           var available_gold_silver_price = gold_silver_price;
       }


       var buy_type = 'rupees';
        var gold_silver_amount =  $('.gold_silver_sip_amount').val();
        if(gold_silver_amount.length ==0) {
            gold_silver_amount = 0;
        }
        $('.buy_type').val(buy_type);
        $('.buy_in_ruppee_ul').hide();
        $('.buy_in_gm_ul').hide();
        var total_price_tax_excl = 0;
        if(buy_type =='rupees') {
            $('.gold_silver_sip_amount').attr('placeholder', '10,000');
            $('.gold_silver_sip_symbol').text('₹');
            $('.buy_in_ruppee_ul').show();
            if(gold_silver_amount > 1000000) {
                gold_silver_amount = 1000000;
                $('.gold_silver_sip_amount').val(gold_silver_amount);
            }

            var total_quantity_in_gm = Math.floor((gold_silver_amount / gold_silver_price) * 10000) / 10000;
            var total_price_tax_excl = gold_silver_amount;
            $('.gold_silver_sip_calculated_val').text(total_quantity_in_gm+' Gm');
            
        }
        
       
        $('.cart_buy_amount').text(total_price_tax_excl);
       
        var total_tax = ((total_price_tax_excl*3)/100).toFixed(2);
        $('.cart_buy_tax').text(total_tax);
        $('.cart_buy_total').text((parseFloat(total_tax) + parseFloat(total_price_tax_excl)).toFixed(2));

        $('.metal_type').val(metal_type);
        $('.order_type').val('sip');
        $('.unit_price_tax_excl').val(gold_silver_price);
        $('.buy_quantity').val(total_quantity_in_gm);
        $('.total_price_tax_excl').val(total_price_tax_excl);
        $('.total_tax').val(total_tax);
        $('.frequency').val($('#frequency').val());
        $('.sip_start_date').val($('.gold_silver_sip_startdate').val());

      


   }
</script>
        <script>
            // Get modal element
            var modal = document.getElementById("modal");
            // Get open modal button
            var openModal = document.getElementById("openModal");
            // Get close button
            var closeModal = document.getElementById("closeModal");
            // Listen for open click
            openModal.onclick = function () {
              modal.style.display = "block";
            };
            // Listen for close click
            closeModal.onclick = function () {
              modal.style.display = "none";
            };
            // Listen for outside click to close modal
            window.onclick = function (event) {
              if (event.target === modal) {
                modal.style.display = "none";
              }
            };
            // Handle form submission
          /*  document.getElementById("contactForm").onsubmit = function (event) {
              event.preventDefault(); // Prevent page refresh
              alert("Form submitted successfully!");
              modal.style.display = "none"; // Close modal after submission
            };*/
        </script>

        <script>
            $('.toggle').click(function() {
                $('#target').removeClass('hide').addClass('show'); 
                $('#enterdiv').addClass('hide'); 
            });
            $('#enter').click(function() {
                $('#target').removeClass('show').addClass('hide'); 
                $('#enterdiv').removeClass('hide').addClass('show'); 
                $('.search-box').removeClass('show').addClass('hide'); 
            });
            $('.find-btn').click(function() {
                $('.search-box').removeClass('hide').addClass('show'); 
            });
            
        </script>
        <script>
            // the selector will match all input controls of type :checkbox
// and attach a click event handler 
$("input:checkbox").on('click', function() {
  // in the handler, 'this' refers to the box clicked on
  var $box = $(this);
  if ($box.is(":checked")) {
    // the name of the box is retrieved using the .attr() method
    // as it is assumed and expected to be immutable
    var group = "input:checkbox[name='" + $box.attr("name") + "']";
    // the checked state of the group/box on the other hand will change
    // and the current value is retrieved using .prop() method
    $(group).prop("checked", false);
    $box.prop("checked", true);
  } else {
    $box.prop("checked", false);
  }
});
</script>

<script>
  document.addEventListener('DOMContentLoaded', function () {
    const input = document.getElementById('gold_silver_sip_startdate');
    
    const today = new Date();
    today.setDate(today.getDate() + 2); // add 2 days

    const year = today.getFullYear();
    const month = String(today.getMonth() + 1).padStart(2, '0');
    const day = String(today.getDate()).padStart(2, '0');

    const minDate = `${year}-${month}-${day}`;
    input.min = minDate;
    input.value = minDate;
    $('.sip_start_date').val(input.value);
  });
</script>
        @endsection