@extends('layouts.simpleLayoutMaster')

@section('title', 'العقود المنتهيه')

@section('page-style')
    {{-- Page Css files --}}
    <link rel="stylesheet" href="{{ asset('css/custom/children/expiredContract.css') }}">
@endsection

@section('breadcrumb')
<div class="content-header row">
  <div class="content-header-left col-12 mb-2">
    <div class="row breadcrumbs-top">
      <div class="col-12">
        <h2 class="content-header-title float-start mb-0">معلومات الطالب</h2>
        <div class="breadcrumb-wrapper">
          <ol class="breadcrumb">
            <li class="breadcrumb-item">
              <a href="#"> الرئيسية</a>
            </li>
            <li class="breadcrumb-item">
              <a href="#"> الابناء</a>
            </li>
            <li class="breadcrumb-item">
                <a href="#"> مهره بنت عبد الرحمن بن محمد الحسيني</a>
            </li>
            <li class="breadcrumb-item">
                <a href="#"> العقد الساري</a>
            </li>
            <li class="breadcrumb-item">
              <span> العقود المنتهيه</span>
            </li>

          </ol>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection

@section('content')
<div class="page">
  <div class="expired-contract-page-wrapper">
    <div class="top-card-wrapper card">
        <div class="row header">
          <div class="col-12">
            <div class="header-wrapper">
                <div class="icon-text-wrapper">
                    <img src="{{ asset('assets/proposal.svg') }}" alt="" srcset="">
                    <h2 class="header-text">العقود المنتهيه</h2>
                </div>
              <h3 class="header-lead">عدد العقود المنتهيه ..3</h3>
            </div>
          </div>
        </div>
        <div class="row">
            <div class="col-12">
            <div class="table-responsive">
            <table class="table">
                <thead>
                <tr>
                    <th>كود الطالب</th>
                    <th>السنه الدراسيه</th>
                    <th>الصف الدراسي</th>
                    <th>الفصول</th>
                    <th>النتيجه</th>
                    <th>خطة الدفع</th>
                    <th>فترات القسط </th>
                    <th>الرسوم</th>

                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>11560102</td>
                    <td>2022/2023</td>
                    <td>الرابع الابتدائي</td>
                    <td>2</td>
                    <td class="success-text">ناجح</td>
                    <td>تقسيط</td>
                    <td>2 فتره</td>
                    <td>1600</td>
                </tr>
                <tr>
                    <td>22560102</td>
                    <td>2022/2023</td>
                    <td>الثالث الابتدائي</td>
                    <td>2</td>
                    <td class="error-text">لم ينجح</td>
                    <td>تقسيط</td>
                    <td>2 فتره</td>
                    <td>1300</td>
                </tr>
                <tr>
                    <td>11560102</td>
                    <td>2022/2023</td>
                    <td>الثاني الابتدائي</td>
                    <td>2</td>
                    <td class="success-text">ناجح</td>
                    <td>تقسيط</td>
                    <td>2 فتره</td>
                    <td>1600</td>
                </tr>

                </tbody>
            </table>
            </div>

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

@endsection

@section('page-script')
    <script>

    </script>
@endsection