<div class="container home-section padding-top">
       <div class="row">
           <div class="col-sm-12">
                <h2>All Readers</h2>
           </div>
       </div>
       <div class="row">
<?php

    $psychiclist = simplexml_load_file('https://www.thecircle.com/newcircle/export/agents.asp?user=PsychicBoud&password=872Jss64');

    foreach ($psychiclist as $psychicinfo):
        $largeimg=$psychicinfo->largeimg;
        $status=$psychicinfo->status;
        $name=$psychicinfo->name;
        $pin=$psychicinfo->pin;
        $text=$psychicinfo->text;
        $cssclass = strtolower($status);
      //  echo "<script>console.log('$p')</script>";
        if ($status == "available" OR $status == "busy") {
        echo "
        <div class='col-sm-6'>
            <div class='row row-centered'>
                <div class='col-sm-4 col-xs-4'>
                    <img height='100%' width='100%' src='",$largeimg,"'>
                    <p class='status ",$cssclass,"'>",$status,"</p>
                </div>
                <div class='col-sm-8 col-xs-8 text-left'>
                    <p class='name text-left'>",$name,"</p>
                    <p class='pin text-left'>Pin: ",$pin,"</p>
                    <p class='description'>",$text,"</p>
                </div>
            </div>
        </div>
        ";}
        $counter++;
                 if ($counter % 2 == 0) {
                 echo '</div><div class="row">';
               }

    endforeach;
?>

</div>

<div>
        <div>
            <?php $numOfCols= 2;  $rowCount= 0;  $bootstrapColWidth= 12/$numOfCols;?>
            <div class="row">
                <?php foreach ($carts as $cart ) : ?>
                    <div class="col-sm-12 col-lg-<?php echo $bootstrapColWidth; ?>" style="margin-bottom: 25px;">
                        <a href="<?php echo base_url();?>category/parts/<?php echo $cart->id; ?>">
                            <div class="card" style="min-width: 250px;">
                                <img class="card-img-top" style="min-width: 400px; height: 14rem;width: 100%; top: 0;bottom: 0; margin: auto; position: relative;" src="assets/uploads/<?=$cart->image?>" alt="Card image cap" >
                                <div class="card-img-overlay">
                                    <h3 class="card-title">
                                        <a href="<?php echo base_url();?>category/parts/<?php echo $cart->id; ?>"><?= $cart->cart;?></a>
                                    </h3>

                                </div>
                            </div>
                        </a>
                    </div>

                    <?php
                        $rowCount++;
                        if($rowCount % $numOfCols == 0)
                            echo '</div><div class="row">';
                    ?>
                <?php endforeach; ?>
            </div>
        </div>
    </div>