<div class="container mt-5 mt-md-4 px-lg-5 px-3">
   <div class="row px-md-5 mb-3 pt-md-0">
     <div class="col-md-12 px-md-2 d-flex justify-content-between align-baseline" >
         <div class="">
           <h2 class="pb-0 mb-0 border-kai-bottom-light fw-loungethbold">เบอร์มงคล</h2>
           <!--<hr class="line1 my-1">-->
         </div>
         <a href="../home/search.php" class="text-decoration-none text-kai-link">ดูเพิ่มเติม</a>
     </div>
   </div>
   <?php  ?>
   <div class="row px-md-5">
     <?php
     $nr=1;
     $list_phr = array('table'=>'phonenumber','where'=>'status = 1 AND status_number=1 ','order'=> "ORDER BY id DESC LIMIT 20");
     $view_phr = $view_db->view($list_phr);
     $result_phr = $view_db->q_re($view_phr);
     while($row_phr = $view_db->q_ro($result_phr))
     {
       $output2='';
       $arr_P3_all=array();
       $pass3_all_n=array();
       $Fullscore_p=0;
       $TotalScore_plus=0;
       $TotalScore_delete=0;
       $percent_number=0;
       $phonenumber = $row_phr['phonenumber'];

       include('perl.php');


       $Fullscore_p = 100 * count($pass3_all_n);
       $percent_number = (($TotalScore_plus - abs($TotalScore_delete))*100)/$Fullscore_p;

       $list_phrn = array('table'=>'mobilenetwork','where'=>'id = "'.$row_phr['mobilenetwork'].'"','order'=> "ORDER BY id DESC LIMIT 0 , 1");
       $view_phrn = $view_db->view($list_phrn);
       $row_phrn = $view_db->q($view_phrn);

       $list_phrc = array('table'=>'category','where'=>'id = "'.$row_phr['category'].'"','order'=> "ORDER BY id DESC LIMIT 0 , 1");
       $view_phrc = $view_db->view($list_phrc);
       $row_phrc = $view_db->q($view_phrc);

       $list_phre = array('table'=>'element','where'=>'id = "'.$row_phr['element_id'].'"','order'=> "ORDER BY id DESC LIMIT 0 , 1");
       $view_phre = $view_db->view($list_phre);
       $row_phre = $view_db->q($view_phre);
/*
       echo "<pre>";
       print_r($row_phr);
       echo "</pre>";
       */
       $cate_img='';
       $network_img='';
       if($row_phr['category']==7){$cate_img='icon-01-love.webp';}
       if($row_phr['category']==8){$cate_img='icon-02-office.webp';}
       if($row_phr['category']==10){$cate_img='icon-05-foster.webp';}
       if($row_phr['category']==11){$cate_img='icon-04-money.webp';}
       if($row_phr['category']==12){$cate_img='icon-03-family.webp';}
       if($row_phr['category']==13){$cate_img='icon-07-chat.webp';}
       if($row_phr['category']==16){$cate_img='icon-06-health.webp';}
       if($row_phr['category']==17){$cate_img='icon-08-avoid.webp';}

       if($row_phr['mobilenetwork']==1){$network_img='0222- ais.webp';}
       if($row_phr['mobilenetwork']==2){$network_img='01- ddd.webp';}
       if($row_phr['mobilenetwork']==3){$network_img='03- true.webp';}
       if($row_phr['mobilenetwork']==8){$network_img='05- yyyy.webp';}

       $dpr = 0;
       $dpr = $percent_number*1.5;
       $dpr = 440 -$dpr;
       // /echo $dpr;
       ?>

       <style media="screen">

       </style>
     <div class="col-12 col-sm-6 col-md-6 col-lg-4 col-xxl-3 px-1 mb-3">
       <div class="border-kai2 px-3 py-2 text-center cursor-pointer" onclick="location.href='../reading/detail.php?phonenumber=<?php echo $row_phr['phonenumber']; ?>'">

           <h2 class="pb-1 mb-0 border-kai-bottom mb-2 pt-1" style="font-size: 31px;">
             <?php echo $Phone_class->phonenumber($row_phr['phonenumber']);?>
           </h2>

           <div class="row">
             <div class="col-3 p-0">
               <div class="container__progressbars" >
                 <div class="progressbar">
                   <svg class="progressbar__svg">
                     <circle cx="23" cy="26" r="27" class="progressbar__svg-circle circle-html1 shadow-html"
                     style="stroke-dashoffset: <?php echo $dpr; ?>;"> </circle>
                   </svg>
                   <span class="progressbar__text shadow-html">
                     <!--<img src="../redbag/category/icon-01-love.webp" alt="" class="w-100" >-->
                     <img src="../redbag/category/<?php echo $cate_img; ?>" alt="" class="w-100" >
                   </span>
                 </div>
                 <small class="progressbar_text2 fix-s" style="top: 2px"> <?php echo number_format($percent_number,2); ?>%</small>
               </div>
             </div>
             <div class="col-6 px-0">
               <div class="border-kai-bottom w-100">
                 <!--<small class="small-kai "><?php echo $row_phrc['name']; ?></small>-->
                 <label ><?php echo $row_phrc['name']; ?></label>
               </div>
               <div class="border-kai-bottom w-100">
                 <img src="../redbag/mobilenetwork/<?php echo $network_img; ?>" alt="" height="33" >
               </div>
               <!--<small class="small-kai"><?php echo $row_phr['price']; ?>-</small>-->
               <label style="top: 5px;position: relative;"><?php echo $row_phr['price']; ?>-</small>
             </div>
             <div class="col-3 p-0 border-kai-left pe-2" >
               <div class="py-0 pe-1">
                 <div class="border-kai-bottom w-100">
                   <label class="fix-l" >ผลรวม</label>
                   <h1 class="ps-2 p-0 m-0 fix-h1"><?php echo $row_phr['sum_number']; ?></h1>

                 </div>

                 <small class="fix-s">ธาตุ<?php echo $row_phre['name']; ?></small>
               </div>
             </div>
           </div>

       </div>
     </div>
     <?php } ?>



   </div>

</div>