Shell File Manager

Current Path : /home/camscanae/www/support/
Upload File :
Current File : /home/camscanae/www/support/interactive_product_selection_guide.php

<?php

$support = 'support';
include_once('../include/config.php');

$log_status = $_GET['log_status'];

?>
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>CamScan FZCO |Support</title>
  <link rel="shortcut icon" type="image/x-icon" href="../camsan_icon.png">
  <link rel="stylesheet" href="./interactiv_style.css">

  <?php

  include('../include/header.php');
  include('../include/nav.php');
  ?>


</head>

<body>

  <br><br><br>

  <?php
  $interactive = "SELECT * FROM interactive_product_selection  ";
  $interactive_run = mysqli_query($connection, $interactive);

  if (mysqli_num_rows($interactive_run) > 0) {
    foreach ($interactive_run as $interactivefor) {
      // print_r($pritems1);
      $categories = $interactivefor['categories'];
      if ($categories == 'Specialty Cameras') {
        $Specialty_Cameras = 'Specialty_Cameras';
      }
      if ($categories == 'IP Cameras') {
        $IP_Cameras = 'IP_Cameras';
      }

      if ($categories == 'HD over Coax') {
        $Hd = 'Hd';
      }

      if ($categories == 'Analogue Cameras') {
        $Analogue_Cameras = 'Analogue_Cameras';
      }

      if ($categories == 'NVR') {
        $NVR = 'NVR';
      }

      if ($categories == 'Analogue DVR') {
        $Analogue_DVR = 'Analogue_DVR';
      }

      if ($categories == 'Miscellaneous') {
        $Miscellaneous = 'Miscellaneous';
      }
    }
  }
  ?>










  <div class="game-catalog">


    <div class="game-catalog__sidebar">

      <div class="catalog-filters">
        <ul class="catalog-filters__list">
          <li class="catalog-filters__item current filter" data-filter="all"><a class="catalog-filters__link js-catalog-filtersTrigger" id="all" data-lvl="1" href="#"> Filter Results </a></li>



          <li class="catalog-filters__item catalog-filters__dropdown filter" data-filter=".<?php print_r($Specialty_Cameras); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="aion" data-lvl="1" href="#">Specialty Cameras</a>
            <ul class="catalog-filters__panel">

              <!-- Specialty Type -->

              <li class="catalog-filters__item filter"><a class="catalog-filters__link js-catalog-filtersTrigger" style="background-color:#ecf0f1 ; color:#595959"> <strong> Product Type </strong></a></li>
              <?php
              $specialty = "SELECT * FROM interactive_product_selection  GROUP BY specialty_type";
              $specialty_run = mysqli_query($connection, $specialty);

              if (mysqli_num_rows($specialty_run) > 0) {
                foreach ($specialty_run as $specialtyfor) {
                  // print_r($pritems1);
                  $specialty_type = $specialtyfor['specialty_type'];

                  if ($specialty_type == 'Explosion_proof') {
                    $Explosion_proof = 'Explosion_proof';
              ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($Specialty_Cameras); ?>-<?php print_r($Explosion_proof); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($Specialty_Cameras); ?>-<?php print_r($Explosion_proof); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - Explosion-proof Camera<span class="second-name"> </span></a></li>
                  <?php
                  } elseif ($specialty_type == 'Thermal_Camera') {
                    $Thermal_Camera = 'Thermal_Camera';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($Specialty_Cameras); ?>-<?php print_r($Thermal_Camera); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($Specialty_Cameras); ?>-<?php print_r($Thermal_Camera); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - Thermal Camera <span class="second-name"> </span></a></li>
                  <?php } elseif ($specialty_type == 'Vehicle_Security') {
                    $Vehicle_Security = 'Vehicle_Security';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($Specialty_Cameras); ?>-<?php print_r($Vehicle_Security); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($Specialty_Cameras); ?>-<?php print_r($Vehicle_Security); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - Vehicle Security <span class="second-name"> </span></a></li>
              <?php }
                }
              }
              ?>



              <!-- Specialty  Criteria -->

              <li class="catalog-filters__item filter"><a class="catalog-filters__link js-catalog-filtersTrigger" style="background-color:#ecf0f1 ; color:#595959"> <strong> Criteria 2 </strong></a></li>
              <?php
              $specialty = "SELECT * FROM interactive_product_selection  GROUP BY specialty_criteria";
              $specialty_run = mysqli_query($connection, $specialty);

              if (mysqli_num_rows($specialty_run) > 0) {
                foreach ($specialty_run as $specialtyfor) {
                  // print_r($pritems1);
                  $specialty_criteria = $specialtyfor['specialty_criteria'];

                  if ($specialty_criteria == 'Rear_view_camera') {
                    $Rear_view_camera = 'Rear_view_camera';
              ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($Specialty_Cameras); ?>-<?php print_r($Rear_view_camera); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($Specialty_Cameras); ?>-<?php print_r($Rear_view_camera); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - Rear View Camera<span class="second-name"> </span></a></li>
                  <?php
                  } elseif ($specialty_criteria == 'Side_view_camera') {
                    $Side_view_camera = 'Side_view_camera';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($Specialty_Cameras); ?>-<?php print_r($Side_view_camera); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($Specialty_Cameras); ?>-<?php print_r($Side_view_camera); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - Side View Camera <span class="second-name"> </span></a></li>
                  <?php } elseif ($specialty_criteria == 'DVR') {
                    $DVR = 'DVR';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($Specialty_Cameras); ?>-<?php print_r($DVR); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($Specialty_Cameras); ?>-<?php print_r($DVR); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - DVR <span class="second-name"> </span></a></li>
                  <?php } elseif ($specialty_criteria == 'LCD_screen') {
                    $LCD_screen = 'LCD_screen';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($Specialty_Cameras); ?>-<?php print_r($LCD_screen); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($Specialty_Cameras); ?>-<?php print_r($LCD_screen); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - LCD Screen <span class="second-name"> </span></a></li>
              <?php }
                }
              }
              ?>

            </ul>
          </li>


          <!-- IP CAmeras  -->

          <li class="catalog-filters__item catalog-filters__dropdown filter" data-filter=".<?php print_r($IP_Cameras); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="aion" data-lvl="1" href="#">IP Cameras</a>
            <ul class="catalog-filters__panel">

              <!-- Ip Environments  -->
              <li class="catalog-filters__item filter"><a class="catalog-filters__link js-catalog-filtersTrigger" style="background-color:#ecf0f1 ; color:#595959"> <strong> Environment </strong></a></li>
              <?php
              $ip = "SELECT * FROM interactive_product_selection  GROUP BY ip_environment";
              $ip_run = mysqli_query($connection, $ip);

              if (mysqli_num_rows($ip_run) > 0) {
                foreach ($ip_run as $ipfor) {
                  // print_r($pritems1);
                  $ip_environment = $ipfor['ip_environment'];

                  if ($ip_environment == 'Outdoor') {
                    $Outdoor = 'Outdoor';
              ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($ip_environment); ?>-<?php print_r($Outdoor); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($ip_environment); ?>-<?php print_r($Outdoor); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - Outdoor <span class="second-name"> </span></a></li>
                  <?php
                  } elseif ($ip_environment == 'Indoor') {
                    $Indoor = 'Indoor';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($ip_environment); ?>-<?php print_r($Indoor); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($ip_environment); ?>-<?php print_r($Indoor); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - Indoor <span class="second-name"> </span></a></li>
                  <?php } elseif ($ip_environment == 'Oi') {
                    $Oi = 'Oi';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($ip_environment); ?>-<?php print_r($Oi); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($ip_environment); ?>-<?php print_r($Oi); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - Outdoor or Indoor <span class="second-name"> </span></a></li>
              <?php }
                }
              }
              ?>



              <!-- Ip Environments  -->

              <li class="catalog-filters__item filter"><a class="catalog-filters__link js-catalog-filtersTrigger" style="background-color:#ecf0f1 ; color:#595959"> <strong> Camera Type </strong></a></li>
              <?php
              $ip = "SELECT * FROM interactive_product_selection  GROUP BY ip_type";
              $ip_run = mysqli_query($connection, $ip);

              if (mysqli_num_rows($ip_run) > 0) {
                foreach ($ip_run as $ipfor) {
                  // print_r($pritems1);
                  $ip_type = $ipfor['ip_type'];

                  if ($ip_type == 'PTZ') {
                    $PTZ = 'PTZ';
              ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($ip_type); ?>-<?php print_r($PTZ); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($ip_type); ?>-<?php print_r($PTZ); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - PTZ <span class="second-name"> </span></a></li>
                  <?php
                  } elseif ($ip_type == 'Bullet') {
                    $Bullet = 'Bullet';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($ip_type); ?>-<?php print_r($Bullet); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($ip_type); ?>-<?php print_r($Bullet); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - Bullet <span class="second-name"> </span></a></li>
                  <?php } elseif ($ip_type == 'Dome') {
                    $Dome = 'Dome';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($ip_type); ?>-<?php print_r($Dome); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($ip_type); ?>-<?php print_r($Dome); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - Dome <span class="second-name"> </span></a></li>
                  <?php } elseif ($ip_type == 'Box') {
                    $Box = 'Box';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($ip_type); ?>-<?php print_r($Box); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($ip_type); ?>-<?php print_r($Box); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - Box <span class="second-name"> </span></a></li>
              <?php }
                }
              }
              ?>

              <!-- Ip Lens  -->
              <li class="catalog-filters__item filter"><a class="catalog-filters__link js-catalog-filtersTrigger" style="background-color:#ecf0f1 ; color:#595959"> <strong> Lens </strong></a></li>
              <?php
              $ip = "SELECT * FROM interactive_product_selection  GROUP BY ip_lens";
              $ip_run = mysqli_query($connection, $ip);

              if (mysqli_num_rows($ip_run) > 0) {
                foreach ($ip_run as $ipfor) {
                  // print_r($pritems1);
                  $ip_lens = $ipfor['ip_lens'];

                  if ($ip_lens == '36x') {
                    $x36 = 'x36';
              ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($ip_lens); ?>-<?php print_r($x36); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($ip_lens); ?>-<?php print_r($x36); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - 36x optical zoom <span class="second-name"> </span></a></li>
                  <?php
                  } elseif ($ip_lens == '12x') {
                    $x12 = 'x12';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($ip_lens); ?>-<?php print_r($x12); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($ip_lens); ?>-<?php print_r($x12); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - 12x optical zoom <span class="second-name"> </span></a></li>
                  <?php } elseif ($ip_lens == '26x') {
                    $x26 = 'x26';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($ip_lens); ?>-<?php print_r($x26); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($ip_lens); ?>-<?php print_r($x26); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - 26x optical zoom <span class="second-name"> </span></a></li>
                  <?php } elseif ($ip_lens == '30x') {
                    $x30 = 'x30';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($ip_lens); ?>-<?php print_r($x30); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($ip_lens); ?>-<?php print_r($x30); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - 30x optical zoom <span class="second-name"> </span></a></li>
                  <?php } elseif ($ip_lens == '3-9mm') {
                    $m39 = 'm39';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($ip_lens); ?>-<?php print_r($m39); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($ip_lens); ?>-<?php print_r($m39); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - 3-9mm varifocal <span class="second-name"> </span></a></li>
                  <?php } elseif ($ip_lens == '3x') {
                    $x3 = 'x3';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($ip_lens); ?>-<?php print_r($x3); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($ip_lens); ?>-<?php print_r($x3); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - 3x optical zoom <span class="second-name"> </span></a></li>
                  <?php } elseif ($ip_lens == 'c_cs') {
                    $c_cs = 'c_cs';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($ip_lens); ?>-<?php print_r($c_cs); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($ip_lens); ?>-<?php print_r($c_cs); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - C / CS-mount <span class="second-name"> </span></a></li>
                  <?php } elseif ($ip_lens == '18x') {
                    $x18 = 'x18';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($ip_lens); ?>-<?php print_r($x18); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($ip_lens); ?>-<?php print_r($x18); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - 18x optical zoom <span class="second-name"> </span></a></li>
                  <?php } elseif ($ip_lens == '3.5x') {
                    $x3_5 = 'x3_5';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($ip_lens); ?>-<?php print_r($x3_5); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($ip_lens); ?>-<?php print_r($x3_5); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - 3.5x optical zoom <span class="second-name"> </span></a></li>
                  <?php } elseif ($ip_lens == '3-10.5') {
                    $x310 = 'x310';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($ip_lens); ?>-<?php print_r($x310); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($ip_lens); ?>-<?php print_r($x310); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - 3-10.5mm varifocal <span class="second-name"> </span></a></li>
                  <?php } elseif ($ip_lens == '3-6') {
                    $x3_6 = 'x3_6';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($ip_lens); ?>-<?php print_r($x3_6); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($ip_lens); ?>-<?php print_r($x3_6); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - 3-6mm varifocal <span class="second-name"> </span></a></li>
                  <?php } elseif ($ip_lens == '3-9mm') {
                    $m3_9 = 'm3_9';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($ip_lens); ?>-<?php print_r($m3_9); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($ip_lens); ?>-<?php print_r($m3_9); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - 3-9mm varifocal <span class="second-name"> </span></a></li>
                  <?php } elseif ($ip_lens == '4mm') {
                    $m4 = 'm4';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($ip_lens); ?>-<?php print_r($m4); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($ip_lens); ?>-<?php print_r($m4); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - 4mm fixed <span class="second-name"> </span></a></li>
              <?php }
                }
              }
              ?>

              <!-- Ip Resolution  -->

              <li class="catalog-filters__item filter"><a class="catalog-filters__link js-catalog-filtersTrigger" style="background-color:#ecf0f1 ; color:#595959"> <strong> Resolution </strong></a></li>
              <?php
              $ip = "SELECT * FROM interactive_product_selection  GROUP BY ip_resolution";
              $ip_run = mysqli_query($connection, $ip);

              if (mysqli_num_rows($ip_run) > 0) {
                foreach ($ip_run as $ipfor) {
                  // print_r($pritems1);
                  $ip_resolution = $ipfor['ip_resolution'];

                  if ($ip_resolution == '1080p') {
                    $PTZ = 'PTZ';
              ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($ip_resolution); ?>-<?php print_r($PTZ); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($ip_resolution); ?>-<?php print_r($PTZ); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - 1080p <span class="second-name"> </span></a></li>
                  <?php
                  } elseif ($ip_resolution == '650 TVL') {
                    $tvl650 = 'tvl650';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($ip_resolution); ?>-<?php print_r($tvl650); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($ip_resolution); ?>-<?php print_r($tvl650); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - 650 TVL <span class="second-name"> </span></a></li>
                  <?php } elseif ($ip_resolution == '5MP') {
                    $mp5 = 'mp5';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($ip_resolution); ?>-<?php print_r($mp5); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($ip_resolution); ?>-<?php print_r($mp5); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - 5MP <span class="second-name"> </span></a></li>
                  <?php } elseif ($ip_resolution == '3MP') {
                    $mp3 = 'mp3';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($ip_resolution); ?>-<?php print_r($mp3); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($ip_resolution); ?>-<?php print_r($mp3); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - 3MP <span class="second-name"> </span></a></li>
                  <?php } elseif ($ip_resolution == '1.3MP') {
                    $mp1_3 = 'mp1_3';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($ip_resolution); ?>-<?php print_r($mp1_3); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($ip_resolution); ?>-<?php print_r($mp1_3); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - 1.3MP <span class="second-name"> </span></a></li>
                  <?php } elseif ($ip_resolution == '8MP') {
                    $mp8 = 'mp8';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($ip_resolution); ?>-<?php print_r($mp8); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($ip_resolution); ?>-<?php print_r($mp8); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - 8MP <span class="second-name"> </span></a></li>
              <?php }
                }
              }
              ?>
            </ul>
          </li>


          <!-- HD over Coax -->

          <li class="catalog-filters__item catalog-filters__dropdown filter" data-filter=".<?php print_r($Hd); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="aion" data-lvl="1" href="#">Hd Over Coax</a>
            <ul class="catalog-filters__panel">

              <!-- HD over Coax technology  -->
              <li class="catalog-filters__item filter"><a class="catalog-filters__link js-catalog-filtersTrigger" style="background-color:#ecf0f1 ; color:#595959"> <strong> Camera Technology </strong></a></li>
              <?php
              $hd = "SELECT * FROM interactive_product_selection  GROUP BY hd_technology";
              $hd_run = mysqli_query($connection, $hd);

              if (mysqli_num_rows($hd_run) > 0) {
                foreach ($hd_run as $hdfor) {
                  // print_r($pritems1);
                  $hd_technology = $hdfor['hd_technology'];

                  if ($hd_technology == 'HD_SDI') {
                    $HD_SDI = 'HD_SDI';
              ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($hd_technology); ?>-<?php print_r($HD_SDI); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($hd_technology); ?>-<?php print_r($HD_SDI); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - HD-SDI <span class="second-name"> </span></a></li>
                  <?php
                  } elseif ($hd_technology == 'EX_SDI') {
                    $EX_SDI = 'EX_SDI';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($hd_technology); ?>-<?php print_r($EX_SDI); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($hd_technology); ?>-<?php print_r($EX_SDI); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - EX-SDI <span class="second-name"> </span></a></li>
                  <?php } elseif ($hd_technology == 'AHD') {
                    $AHD = 'AHD';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($hd_technology); ?>-<?php print_r($AHD); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($hd_technology); ?>-<?php print_r($AHD); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - AHD <span class="second-name"> </span></a></li>
              <?php }
                }
              }
              ?>



              <!-- Hd Environments  -->

              <li class="catalog-filters__item filter"><a class="catalog-filters__link js-catalog-filtersTrigger" style="background-color:#ecf0f1 ; color:#595959"> <strong> Environments </strong></a></li>
              <?php
              $hd = "SELECT * FROM interactive_product_selection  GROUP BY hd_environment";
              $hd_run = mysqli_query($connection, $hd);

              if (mysqli_num_rows($hd_run) > 0) {
                foreach ($hd_run as $hdfor) {
                  // print_r($pritems1);
                  $hd_environment = $hdfor['hd_environment'];

                  if ($hd_environment == 'Outdoor') {
                    $Outdoor_hd = 'Outdoor';
              ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($hd_environment); ?>-<?php print_r($Outdoor_hd); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($hd_environment); ?>-<?php print_r($Outdoor_hd); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - Outdoor <span class="second-name"> </span></a></li>
                  <?php
                  } elseif ($hd_environment == 'Indoor') {
                    $Indoor_hd = 'Indoor';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($hd_environment); ?>-<?php print_r($Indoor_hd); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($hd_environment); ?>-<?php print_r($Indoor_hd); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - Indoor <span class="second-name"> </span></a></li>
                  <?php } elseif ($hd_environment == 'Oi') {
                    $Oi_hd = 'Oi';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($hd_environment); ?>-<?php print_r($Oi_hd); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($hd_environment); ?>-<?php print_r($Oi_hd); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - Outdoor or Indoor <span class="second-name"> </span></a></li>
              <?php }
                }
              }
              ?>



              <!-- Camera Type  -->
              <li class="catalog-filters__item filter"><a class="catalog-filters__link js-catalog-filtersTrigger" style="background-color:#ecf0f1 ; color:#595959"> <strong> Camera Type </strong></a></li>
              <?php
              $hd = "SELECT * FROM interactive_product_selection  GROUP BY hd_type";
              $hd_run = mysqli_query($connection, $hd);

              if (mysqli_num_rows($hd_run) > 0) {
                foreach ($hd_run as $hdfor) {
                  // print_r($pritems1);
                  $hd_type = $hdfor['hd_type'];

                  if ($hd_type == 'PTZ') {
                    $hd_PTZ = 'PTZ';
              ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($hd_type); ?>-<?php print_r($hd_PTZ); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($hd_type); ?>-<?php print_r($hd_PTZ); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - PTZ <span class="second-name"> </span></a></li>
                  <?php
                  } elseif ($hd_type == 'Bullet') {
                    $hd_Bullet = 'Bullet';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($hd_type); ?>-<?php print_r($hd_Bullet); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($hd_type); ?>-<?php print_r($hd_Bullet); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - Bullet <span class="second-name"> </span></a></li>
                  <?php } elseif ($hd_type == 'Dome') {
                    $hd_Dome = 'Dome';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($hd_type); ?>-<?php print_r($hd_Dome); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($hd_type); ?>-<?php print_r($hd_Dome); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - Dome <span class="second-name"> </span></a></li>
                  <?php } elseif ($hd_type == 'Box') {
                    $hd_Box = 'Box';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($hd_type); ?>-<?php print_r($hd_Box); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($hd_type); ?>-<?php print_r($hd_Box); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - Box <span class="second-name"> </span></a></li>
              <?php }
                }
              }
              ?>


              <!-- Hd Lens  -->
              <li class="catalog-filters__item filter"><a class="catalog-filters__link js-catalog-filtersTrigger" style="background-color:#ecf0f1 ; color:#595959"> <strong> Lens </strong></a></li>
              <?php
              $hd = "SELECT * FROM interactive_product_selection  GROUP BY hd_lens";
              $hd_run = mysqli_query($connection, $hd);

              if (mysqli_num_rows($hd_run) > 0) {
                foreach ($hd_run as $hdfor) {
                  // print_r($pritems1);
                  $hd_lens = $hdfor['hd_lens'];

                  if ($hd_lens == '36x') {
                    $hdx36 = 'x36';
              ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($hd_lens); ?>-<?php print_r($hdx36); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($hd_lens); ?>-<?php print_r($hdx36); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - 36x optical zoom <span class="second-name"> </span></a></li>
                  <?php
                  } elseif ($hd_lens == '12x') {
                    $hdx12 = 'x12';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($hd_lens); ?>-<?php print_r($hdx12); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($hd_lens); ?>-<?php print_r($hdx12); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - 2.8 to 12mm varifocal <span class="second-name"> </span></a></li>
                  <?php } elseif ($hd_lens == '3.6mm') {
                    $hd_3 = 'hd_3';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($hd_lens); ?>-<?php print_r($x26); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($hd_lens); ?>-<?php print_r($hd_3); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - 3.6mm fixed <span class="second-name"> </span></a></li>
                  <?php } elseif ($hd_lens == '1.8mm') {
                    $hd_1 = 'hd_1';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($hd_lens); ?>-<?php print_r($hd1); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($hd_lens); ?>-<?php print_r($hd1); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - 1.8mm fixed <span class="second-name"> </span></a></li>
                  <?php } elseif ($hd_lens == '3x') {
                    $hd_3x = 'hd_3x';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($hd_lens); ?>-<?php print_r($hd_3x); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($hd_lens); ?>-<?php print_r($hd_3x); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - 3x optical zoom <span class="second-name"> </span></a></li>
                  <?php } elseif ($hd_lens == 'c_cs') {
                    $hd_c_cs = 'c_cs';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($hd_lens); ?>-<?php print_r($hd_c_cs); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($hd_lens); ?>-<?php print_r($hd_c_cs); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - C / CS-mount <span class="second-name"> </span></a></li>
                  <?php } elseif ($hd_lens == '6mm') {
                    $hd_6 = 'hd_6';
                  ?>
                    <li class="catalog-filters__item filter" data-filter=".<?php print_r($hd_lens); ?>-<?php print_r($hd_6); ?>"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-<?php print_r($ip_lens); ?>-<?php print_r($hd_6); ?>" data-lvl="2" href="#" style="font-size: 13px;"> - 6mm fixed <span class="second-name"> </span></a></li>
              <?php }
                }
              }
              ?>


            </ul>
          </li>





          <li class="catalog-filters__item catalog-filters__dropdown filter" data-filter=".filter_l2"><a class="catalog-filters__link js-catalog-filtersTrigger" id="l2" data-lvl="1" href="#">HD over Coax</a>
            <ul class="catalog-filters__panel">
              <li class="catalog-filters__item filter" data-filter=".filter_l2-ru"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-l2-ruof" data-lvl="2" href="#"> Resolution <span class="second-name"></span></a></li>
              <li class="catalog-filters__item filter" data-filter=".filter_l2-c-ru"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-l2-classic-ru" data-lvl="2" href="#"> Environment <span class="second-name"> </span></a></li>
              <li class="catalog-filters__item filter" data-filter=".filter_l2-c-euro"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-l2-classic-euro" data-lvl="2" href="#">Camera Type <span class="second-name"></span></a></li>
              <li class="catalog-filters__item filter" data-filter=".filter_l2-c-euro"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-l2-classic-euro" data-lvl="2" href="#">Lens <span class="second-name"></span></a></li>
              <!-- <li class="catalog-filters__item catalog-filters__dropdown filter" data-filter=".filter_l2-free"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-l2" data-lvl="2" href="#">Lens <span class="second-name"></span></a>
              <ul class="catalog-filters__panel">
                <li class="catalog-filters__item filter" data-filter=".filter_l2-asterios-x5"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-l2-asterios-x5" data-lvl="3" href="#"> Lineage 2 <span class="second-name">asterios x5</span></a></li>
                <li class="catalog-filters__item filter" data-filter=".filter_l2-asterios-x12"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-l2-asterios-x12" data-lvl="3" href="#"> Lineage 2 <span class="second-name">asterios x12</span></a></li>
              </ul>
            </li> -->
            </ul>
          </li>

          <li class="catalog-filters__item catalog-filters__dropdown filter" data-filter=".filter_aion"><a class="catalog-filters__link js-catalog-filtersTrigger" id="aion" data-lvl="1" href="#">Analogue Cameras</a>
            <ul class="catalog-filters__panel">
              <li class="catalog-filters__item filter" data-filter=".filter_aion-ru"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-aion-ru" data-lvl="2" href="#"> <span class="second-name">Environment </span></a></li>
              <li class="catalog-filters__item filter" data-filter=".filter_aion-euro"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-aion-euro" data-lvl="2" href="#"> <span class="second-name">Camera Type </span></a></li>
              <li class="catalog-filters__item filter" data-filter=".filter_aion-euro"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-aion-euro" data-lvl="2" href="#"> <span class="second-name">Lens </span></a></li>
              <li class="catalog-filters__item filter" data-filter=".filter_aion-euro"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-aion-euro" data-lvl="2" href="#"> <span class="second-name">Depends on previous 2 </span></a></li>
            </ul>
          </li>

          <li class="catalog-filters__item catalog-filters__dropdown filter" data-filter=".filter_aion"><a class="catalog-filters__link js-catalog-filtersTrigger" id="aion" data-lvl="1" href="#">NVR's</a>
            <ul class="catalog-filters__panel">
              <li class="catalog-filters__item filter" data-filter=".filter_aion-ru"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-aion-ru" data-lvl="2" href="#"> <span class="second-name">Number of Channels </span></a></li>
              <li class="catalog-filters__item filter" data-filter=".filter_aion-euro"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-aion-euro" data-lvl="2" href="#"> <span class="second-name">Max. Possible Storage </span></a></li>
            </ul>
          </li>

          <li class="catalog-filters__item catalog-filters__dropdown filter" data-filter=".filter_aion"><a class="catalog-filters__link js-catalog-filtersTrigger" id="aion" data-lvl="1" href="#">Analogue DVR's</a>
            <ul class="catalog-filters__panel">
              <li class="catalog-filters__item filter" data-filter=".filter_aion-ru"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-aion-ru" data-lvl="2" href="#"> <span class="second-name">Number of Channels </span></a></li>
              <li class="catalog-filters__item filter" data-filter=".filter_aion-euro"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-aion-euro" data-lvl="2" href="#"> <span class="second-name">Size </span></a></li>
            </ul>
          </li>

          <li class="catalog-filters__item catalog-filters__dropdown filter" data-filter=".filter_aion"><a class="catalog-filters__link js-catalog-filtersTrigger" id="aion" data-lvl="1" href="#">Miscellaneous</a>
            <ul class="catalog-filters__panel">
              <li class="catalog-filters__item filter" data-filter=".filter_aion-ru"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-aion-ru" data-lvl="2" href="#"> <span class="second-name">Product Type </span></a></li>
              <li class="catalog-filters__item filter" data-filter=".filter_aion-euro"><a class="catalog-filters__link js-catalog-filtersTrigger" id="sub-aion-euro" data-lvl="2" href="#"> <span class="second-name"> Type </span></a></li>
            </ul>
          </li>


        </ul>
      </div>

    </div>








    <div class="game-catalog__content">
      <div class="">



        <ul class="products">
          <div class="products__description">

            <div class="section-title ">
              <h2>Interactive Product Selection Guide</h2>
            </div>
          </div>
          <div class="catalog-filters__placeholder-wrapper">
            <div class="catalog-filters__btn-filters">

            </div>
            <div class="catalog-filters__placeholder placeholder"><span class="placehoder__text">Все игры</span>
              <div class="catalog-filters__btn-more"><i class="fa fa-caret-down"></i></div>
            </div>
          </div>



          <?php

          //القسم الاول جزء اول 
          $specialty = "SELECT * FROM tb1 inner join  interactive_product_selection  on tb1.id=interactive_product_selection.product_id ORDER BY RAND()";
          $specialty_run = mysqli_query($connection, $specialty);

          if (mysqli_num_rows($specialty_run) > 0) {
            foreach ($specialty_run as $specialtyfor) {
              // print_r($pritems1);
              $specialty_type = $specialtyfor['specialty_type'];
              $specialty_criteria = $specialtyfor['specialty_criteria'];
              $Image = $specialtyfor['Image'];
              $id = $specialtyfor['id'];
              $Name = $specialtyfor['Name'];
              $model = $specialtyfor['model'];
              $categories = $specialtyfor['categories'];
              //  print_r($Image);

              if ($categories == 'Specialty Cameras') {
                if ($specialty_type == 'Explosion_proof') {
                  $Explosion_proof = 'Explosion_proof';
          ?>
                  <li class="products__item mix <?php print_r($Specialty_Cameras); ?> <?php print_r($Specialty_Cameras); ?>-<?php print_r($Explosion_proof); ?>">
                    <div class="product-image"><a class="product-image__link" data-id="<?php print_r($id); ?>" href="/product/01-1"><img class="product-image__img" src="../assets/img/products/<?php print_r($Image); ?>" alt="<?php print_r($Image); ?>" /></a>
                      <div class="products__actions"><a class="btn btn_theme_quickview js_btn_sell" href=""><span>Interactive</span></a><a class="btn btn_theme_quickview js_btn_buy" href="../products/Product_details.php?product_id=<?php print_r($id) ?>"><span>Details</span></a></div>
                    </div>
                    <div class="products__inner"><a href="/product/01-1"><?php print_r($Name); ?></a>
                      <div class="products-prices"><span class="products__price"><?php print_r($model); ?></span></div>
                    </div>
                  </li>
                <?php

                } elseif ($specialty_type == 'Thermal_Camera') {
                  $Thermal_Camera = 'Thermal_Camera';
                ?>
                  <li class="products__item mix <?php print_r($Specialty_Cameras); ?> <?php print_r($Specialty_Cameras); ?>-<?php print_r($Thermal_Camera); ?>">
                    <div class="product-image"><a class="product-image__link" data-id="<?php print_r($id); ?>" href="/product/01-1"><img class="product-image__img" src="../assets/img/products/<?php print_r($Image); ?>" alt="<?php print_r($Image); ?>" /></a>
                      <div class="products__actions"><a class="btn btn_theme_quickview js_btn_sell" href=""><span>Interactive</span></a><a class="btn btn_theme_quickview js_btn_buy" href="../products/Product_details.php?product_id=<?php print_r($id) ?>"><span>Details</span></a></div>
                    </div>
                    <div class="products__inner"><a href="/product/01-1"><?php print_r($Name); ?></a>
                      <div class="products-prices"><span class="products__price"><?php print_r($model); ?></span></div>
                    </div>
                  </li>

                <?php

                } elseif ($specialty_type == 'Vehicle_Security') {
                  $Vehicle_Security = 'Vehicle_Security';
                ?>
                  <li class="products__item mix <?php print_r($Specialty_Cameras); ?> <?php print_r($Specialty_Cameras); ?>-<?php print_r($Vehicle_Security); ?>">
                    <div class="product-image"><a class="product-image__link" data-id="<?php print_r($id); ?>" href="/product/01-1"><img class="product-image__img" src="../assets/img/products/<?php print_r($Image); ?>" alt="<?php print_r($Image); ?>" /></a>
                      <div class="products__actions"><a class="btn btn_theme_quickview js_btn_sell" href=""><span>Interactive</span></a><a class="btn btn_theme_quickview js_btn_buy" href="../products/Product_details.php?product_id=<?php print_r($id) ?>"><span>Details</span></a></div>
                    </div>
                    <div class="products__inner"><a href="/product/01-1"><?php print_r($Name); ?></a>
                      <div class="products-prices"><span class="products__price"><?php print_r($model); ?></span></div>
                    </div>
                  </li>

                <?php




                  //القسم الاول جزء ثاني 

                }

                if ($specialty_criteria == 'Rear_view_camera') {
                  $Rear_view_camera = 'Rear_view_camera';
                ?>
                  <li class="products__item mix <?php print_r($Specialty_Cameras); ?> <?php print_r($Specialty_Cameras); ?>-<?php print_r($Rear_view_camera); ?>">
                    <div class="product-image"><a class="product-image__link" data-id="<?php print_r($id); ?>" href="/product/01-1"><img class="product-image__img" src="../assets/img/products/<?php print_r($Image); ?>" alt="<?php print_r($Image); ?>" /></a>
                      <div class="products__actions"><a class="btn btn_theme_quickview js_btn_sell" href=""><span>Interactive</span></a><a class="btn btn_theme_quickview js_btn_buy" href="../products/Product_details.php?product_id=<?php print_r($id) ?>"><span>Details</span></a></div>
                    </div>
                    <div class="products__inner"><a href="/product/01-1"><?php print_r($Name); ?></a>
                      <div class="products-prices"><span class="products__price"><?php print_r($model); ?></span></div>
                    </div>
                  </li>

                <?php
                } elseif ($specialty_criteria == 'Side_view_camera') {
                  $Side_view_camera = 'Side_view_camera';
                ?>
                  <li class="products__item mix <?php print_r($Specialty_Cameras); ?> <?php print_r($Specialty_Cameras); ?>-<?php print_r($Side_view_camera); ?>">
                    <div class="product-image"><a class="product-image__link" data-id="<?php print_r($id); ?>" href="/product/01-1"><img class="product-image__img" src="../assets/img/products/<?php print_r($Image); ?>" alt="<?php print_r($Image); ?>" /></a>
                      <div class="products__actions"><a class="btn btn_theme_quickview js_btn_sell" href=""><span>Interactive</span></a><a class="btn btn_theme_quickview js_btn_buy" href="../products/Product_details.php?product_id=<?php print_r($id) ?>"><span>Details</span></a></div>
                    </div>
                    <div class="products__inner"><a href="/product/01-1"><?php print_r($Name); ?></a>
                      <div class="products-prices"><span class="products__price"><?php print_r($model); ?></span></div>
                    </div>
                  </li>

                <?php
                } elseif ($specialty_criteria == 'DVR') {
                  $DVR = 'DVR';
                ?>
                  <li class="products__item mix <?php print_r($Specialty_Cameras); ?> <?php print_r($Specialty_Cameras); ?>-<?php print_r($DVR); ?>">
                    <div class="product-image"><a class="product-image__link" data-id="<?php print_r($id); ?>" href="/product/01-1"><img class="product-image__img" src="../assets/img/products/<?php print_r($Image); ?>" alt="<?php print_r($Image); ?>" /></a>
                      <div class="products__actions"><a class="btn btn_theme_quickview js_btn_sell" href=""><span>Interactive</span></a><a class="btn btn_theme_quickview js_btn_buy" href="../products/Product_details.php?product_id=<?php print_r($id) ?>"><span>Details</span></a></div>
                    </div>
                    <div class="products__inner"><a href="/product/01-1"><?php print_r($Name); ?></a>
                      <div class="products-prices"><span class="products__price"><?php print_r($model); ?></span></div>
                    </div>
                  </li>


                <?php
                } elseif ($specialty_criteria == 'LCD_screen') {
                  $DVR = 'LCD_screen';
                ?>
                  <li class="products__item mix <?php print_r($Specialty_Cameras); ?> <?php print_r($Specialty_Cameras); ?>-<?php print_r($DVR); ?>">
                    <div class="product-image"><a class="product-image__link" data-id="<?php print_r($id); ?>" href="/product/01-1"><img class="product-image__img" src="../assets/img/products/<?php print_r($Image); ?>" alt="<?php print_r($Image); ?>" /></a>
                      <div class="products__actions"><a class="btn btn_theme_quickview js_btn_sell" href=""><span>Interactive</span></a><a class="btn btn_theme_quickview js_btn_buy" href="../products/Product_details.php?product_id=<?php print_r($id) ?>"><span>Details</span></a></div>
                    </div>
                    <div class="products__inner"><a href="/product/01-1"><?php print_r($Name); ?></a>
                      <div class="products-prices"><span class="products__price"><?php print_r($model); ?></span></div>
                    </div>
                  </li>

          <?php

                } elseif ($categories == 'IP Cameras') {
                }
              }
            }
          } ?>






        </ul>
      </div>

      <div class="show-all">
        More Than <span class="count"></span></div>
    </div>
  </div>


  <!-- partial -->
  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
  <script src='https://cdn.jsdelivr.net/jquery.mixitup/latest/jquery.mixitup.min.js'></script>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js'></script>
  <script src="./interactive.js"></script>
  <?php
  include '../include/footer.php';
  ?>
</body>

</html>

Shell File Manager Version 1.1, Coded By Shell
Email: [email protected]