<!--begin inax-ir plugin-->
<div style="clear:both;">
            
<div class="row">
    <div class="col-lg-12">

            <div class="card shadow mb-4 p-2 border-default">
            <div class="card-header mb-2 p-2 ">
                <i class="fa fa-shopping-cart fa-fw"></i>
                خرید بسته اینترنت                 <a class="btn btn-primary btn-sm btn-left text-decoration-none mx-1 inax-font" href="https://www.digikalaman.ir/main/"><i class="fa fa-home fa-fw"></i> صفحه اصلی فروشگاه</a>            </div>
            <div class="card-body mt-2 p-0">
                <div class="alert alert-primary">لطفا شماره موبایل، اپراتور و نوع سیم کارت تلفن همراه خود را انتخاب نمائید</div>

                                
                <form action="https://www.digikalaman.ir/internet/?" method="POST">
                    <input type="hidden" id="Token" name="Token" value="e8e8164cf6" /><input type="hidden" name="_wp_http_referer" value="/internet/?output_format=markdown" />

                    <div class="row row-cols-1 row-cols-sm-12 row-cols-md-12 g-12">
                        <div class="input-group mb-3">
                            <span class="input-group-text" id="basic-addon2"><i class="fa fa-phone fa-fw fa-1x"></i></span>
                            <input type="tel" class="form-control text-center" onmouseout="inax_check_numbers2('inlineFormInputGroup','internet');" onkeyup="inax_check_numbers2('inlineFormInputGroup','internet');" id="inlineFormInputGroup" maxlength="11" aria-label="شماره تلفن همراه" aria-describedby="basic-addon1" placeholder="شماره تلفن همراه" dir="ltr" name="mobile" value="" tabindex="1" required>
                        </div>
                    </div>

                    
                    <div class="album py-2 bg-light" >
                        <div class="row row-cols-2 row-cols-sm-2 row-cols-md-4 g-3">
                            <div class="col text-center">
                                <div class="card shadow-sm border-2 card_MTN "><!-- border-warning -->
                                    <input   id="operator_MTN" type="radio" name="operator" class="hide-checkbox-circle" value="MTN" tabindex="3" />
                                    <label class="" for="operator_MTN" onclick="handle_checkbox('MTN');">
                                        <img class="bd-placeholder-img card-img-top operator_MTN gray_img" width="100%" height="auto" src="https://www.digikalaman.ir/wp-content/plugins/inax-ir/assets/images/mtn.png" class="card-img-top" alt="شارژ مستقیم ایرانسل">
                                    </label>
                                </div>
                            </div>
                            <div class="col text-center">
                                <div class="card shadow-sm border-2 card_MCI "><!-- border-info -->
                                    <input  id="operator_MCI" type="radio" name="operator" class="hide-checkbox-circle" value="MCI" tabindex="3" />
                                    <label class="" for="operator_MCI" onclick="handle_checkbox('MCI');">
                                        <img class="bd-placeholder-img card-img-top operator_MCI gray_img" width="100%" height="auto" src="https://www.digikalaman.ir/wp-content/plugins/inax-ir/assets/images/mci.png" class="card-img-top" alt="شارژ مستقیم همراه اول">
                                    </label>
                                </div>
                            </div>
                            <div class="col text-center ">
                                <div class="card shadow-sm border-2 card_RTL "><!-- border-perple -->
                                    <input  id="operator_RTL" type="radio" name="operator" class="hide-checkbox-circle" value="RTL" tabindex="3" />
                                    <label class="" for="operator_RTL" onclick="handle_checkbox('RTL');">
                                        <img class="bd-placeholder-img card-img-top operator_RTL gray_img" width="100%" height="auto" src="https://www.digikalaman.ir/wp-content/plugins/inax-ir/assets/images/rtl.png" class="card-img-top" alt="شارژ مستقیم رایتل">
                                    </label>
                                </div>
                            </div>
                            <div class="col text-center ">
                                <div class="card shadow-sm border-2 card_SHT "><!-- border-primary -->
                                    <input  id="operator_SHT" type="radio" name="operator" class="hide-checkbox-circle" value="SHT" tabindex="3" />
                                    <label class="" for="operator_SHT" onclick="handle_checkbox('SHT');" ><!-- operator_SHT -->
                                        <img class="bd-placeholder-img card-img-top operator_SHT gray_img" width="100%" height="auto" src="https://www.digikalaman.ir/wp-content/plugins/inax-ir/assets/images/sht.png" class="card-img-top" alt="شارژ مستقیم شاتل موبایل">
                                    </label>
                                </div>
                            </div>
                        </div>
                    </div>    
                    <hr/>

                    <div class="row row-cols-1 row-cols-sm-12 row-cols-md-12 g-12">
                        <div class="cc-selector">
                            <span class="radio_sim inax-font" style="display:none;" id="sim_credit" ><input  id="sim_credit_1" type="radio" name="sim" value="credit" tabindex="3" required/> <label for="sim_credit_1"> سیم کارت اعتباری</label></span>
                            <span class="radio_sim inax-font" style="display:none;" id="sim_permanent"><input  id="sim_permanent_1" type="radio" name="sim" value="permanent" tabindex="3" required/> <label for="sim_permanent_1"> سیم کارت دائمی</label></span>
                            <span class="radio_sim inax-font" style="display:none;" id="sim_TDLTE" ><input  id="sim_TDLTE_1" type="radio" name="sim" value="TDLTE" tabindex="3" required/> <label for="sim_TDLTE_1"> سیم کارت TD-LTE</label></span>
                            <span class="radio_sim inax-font" style="display:none;" id="sim_data"><input  id="sim_data_1" type="radio" name="sim" value="data" tabindex="3" required/> <label for="sim_data_1" > سیم کارت دیتا</label></span>
                        </div>
                    </div>

                    <div class="row row-cols-1 row-cols-sm-12 row-cols-md-12 g-12">
                        <div class="input-group mb-3">
                            <button class="btn btn-primary form-control border-primary inax-font" name="continue" type="submit"><i class="fa fa-check"></i> ادامه</button>
                        </div>
                    </div>
                </form>
                
                <script>
                function handle_checkbox(operator) {
                    const operators = ['MTN', 'MCI', 'RTL', 'SHT'];
                    operators.forEach((op) => {
                        var img = document.querySelector(".operator_" + op);//operator_MTN - operator_MCI ...

                        let border_class = "secondary";
                        if(op=='MTN'){
                            border_class = "border-warning";
                        }else if( op=='MCI'){
                            border_class = "border-info";
                        }else if( op=='RTL'){
                            border_class = "border-perple";
                        }else if( op=='SHT'){
                            border_class = "border-primary";
                        }

                        //console.log( op );
                        if(op==operator){
                            img.classList.remove("gray_img");

                            //add border
                            document.querySelector(".card_" + op).classList.add(border_class);
                        }else{
                            img.classList.add("gray_img");

                            //remove border
                            document.querySelector(".card_" + op).classList.remove(border_class);
                        }
                    });

                    sim_type_auto(operator,event);
                    //console.log(operator);
                }

                function sim_type_auto(operator, event){
                    //console.log(event.target)
                    //console.log(event.type)

                    //uncheck all radio btn if change operator by click on operator icon or changing mobile number 
                    if(event.type!='mouseout'){
                        //console.log('clear checked');
                        
                        var ele = document.getElementsByName("sim");
                        for(var i=0;i<ele.length;i++){
                            ele[i].checked = false;
                        }                     
                    }

                    //hide all sim type except sim_credit
                    document.getElementById("sim_permanent").style.display = 'none';
                    document.getElementById("sim_TDLTE").style.display = 'none';
                    document.getElementById("sim_data").style.display = 'none';

                    document.getElementById("sim_credit").style.display = '';

                    if( operator=='MTN' || operator=='MCI' || operator=='RTL' ){
                        document.getElementById("sim_permanent").style.display = '';
                    }
                    if( operator=='MTN' ){
                        document.getElementById("sim_TDLTE").style.display = '';
                    }
                    if( operator=='MCI' ){
                        document.getElementById("sim_data").style.display = '';
                    }

                }
                </script>
            </div>
        </div>
    
    
    </div>
</div>

</div><!--end inax-ir plugin--># خرید بسته اینترنت

- پیوند: https://www.digikalaman.ir/internet/
- منتشرشده: 2024-12-16T20:54:35+03:30
- نویسنده: digikalaman
