<style>
    .playstation{
        background: url({$path}/images/bg3.png) 75%;
        background-size: cover;
        background-repeat: no-repeat;
        overflow: hidden;
    }
    .playstation .intro{
        text-align: right;
        margin: 20px 50px 0;
        color:#fff;
        font-family: Tahoma, Geneva, sans-serif;
    }
    .card{
        width: 25%;
        margin: 60px 4%;
        float: right;
        border-radius: 10px;
        box-shadow:2px 2px 10px #444,-2px -2px 10px #444
    }
    .cardName{
        text-align: center;
        margin-bottom: 30px;
    }
    .form-card{
        /* box-shadow: 2px 2px 5px #607d8b, -2px -2px 4px #ddd;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 10px;
    background-color: white; */
        overflow: hidden;
        margin-top: 25px;
        margin-bottom: 20px;
    }
    .playstation .form-group{
        margin: 5px;
        overflow: hidden;
    }
    .scan-img{
        margin: 0 20%;
        width: 60%;
    }
</style>
<div class="row">
    <div class="container">
        <ol class="breadcrumb">
            <li><a href="#"> المطاعم</a></li>
            <li><a href="restaurantplaystation.php?do=show">باقات البلاي ستيشن</a></li>
            <li class="active">اختيار باقة </li>
        </ol>
        <div class="panel panel-default panel-m playstation" style="">
            <div class="intro">
                <h1>Package recharge</h1>
                <h2>شحن باقة</h2>
            </div>
            <div class="row">
                <!--<img src="{$path}/images/cart2.png" class="card">-->
                {foreach $allPlaystationCards as $card}
                <div class="col-md-4 col-xs-4">
                    <a href="playStationCardController.php?do=chargeCard&card={$card->id}">
                        <img src="../upload/playstationCard/{$card->file}"  class="card"/>
                    </a>
                </div>
                {/foreach}
            </div>

        </div>



    </div>
</div>
