
<head>
    <title>برنامج البسيط للمحاسبة</title>
    <meta charset="utf-8">
    <!-- read and write any langs -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="shortcut icon" href="{$path}/assets/2.ico" type="image/ico" />
    <!-- Favicons
            ================================================== -->
    <!--link rel="shortcut icon" href="assets/images/favicon/favicon.ico"-->

    <link rel="apple-touch-icon" href="assets/images/favicon/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="assets/images/favicon/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="assets/images/favicon/apple-touch-icon-114x114.png">

    <!-- Bootstrap -->
    <link href="{$path}/assets/css/bootstrap.min.css" rel="stylesheet" media="screen">

    <style>
        .card-pay{
            box-shadow: 2px 2px 4px #ddd, -2px -2px 4px #ddd;
            border-radius: 10px;
            padding: 18px 63px;
            
            background-color: #e1effb;
            background: url({$path}/assets/img/bg-pay2.jpg);
            background-size: cover;
            color:#fff;
            font-family: 'Expo Arabic Book'!important;
            width: 100%;
            height: 100%;

        }
        .notpayed-note{
            background-color: rgb(195 5 5);
            padding: 9px 73px 10px;
            border-radius: 50px 0;
            font-size: 54px;
            margin: 0;
            display: inline-block;
            color: #fff;
        }
        .half-circle-container {
            width: 300px;
            height: 300px;
        }
        .half-circle-container > svg {
            width: 100%;
            height: 100%;
        }
        .card-img{
            width: 100%;
            min-height: 480px;
            /* float: left; */
            /*border: 4px solid #f5f5f5;*/
            /*border-radius: 50%;*/
            /*position: relative;*/
        }


        .card-title{
            color: #fff;
            margin: 34px 0 36px;
            font-size: 50px;
            font-family: 'Expo Arabic Book'!important;

        }
        .card-title span{
            color:#fff;
            font-family: 'Expo Arabic Book'!important;

        }
        .card-block{
            text-align: center;
            margin-top: 94px;
        }
        @media(max-width:1000px) {
            .card-block {
                margin-top: 54px;
            }
        }

    </style>
    <script language="javascript" type="text/javascript">

            setTimeout(window.close, 10000);

    </script>

</head>


<body class="usedfont" >
<div class="" >

    <div class="card-pay">
        <div class="row " style="margin-top: 130px;">
            <div class="col-lg-7 col-sm-8">
                 {if $notstudent == 1}
                <div class="card-block ">
                    <h2 class="card-title"> <span>{$students->studentname}  </span></h2>
                    <h2 class="card-title" {if $statusbranch eq 2} style="background-color:red" {else}
                    style="background-color:#00ff2b" {/if} > <span>{$branchstudent.branchName}</span></h2>
                    {if $status == 2}
                    <p class="notpayed-note">
                        لم يتم الدفع
                    </p>
                    {else}
                     <p class="notpayed-note" style="background-color:#00ff2b">
             تم الدفع
                    </p>
                    {/if}
                </div> 
                 {else if $notstudent == 3 }
                   <div class="card-block ">
                 <h2 class="notpayed-note">
                        برجاء وضع الكارت بصوره صحيحه    
                    </h2>
                                     </div>
                 {else}
                  <div class="card-block ">
                 <h2 class="notpayed-note">
                        تم برمجة الكارت  
                    </h2>
                                     </div>

                 {/if}
            </div>

            <div class="col-lg-5 col-sm-4 bg-intro">
                {if $students->studentimage != ""}
                 <img src="../views/default/images/students/{$students->studentimage}"   alt="" class="card-img">
                {else}
                <img src="../views/default/assets/img/blank.png"  alt="" class="card-img">
                {/if}
                
            </div>

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


</div>
</div>