@extends('layouts.contentLayoutMaster')

@section('content')
<div class="contanier_absent_table">
    <!-- start tables contanier -->

    <table class="table">
        <thead>
            <tr>
                <th scope="col" style="border-left: 1px solid #ccc">
                    رقم الطالب
                </th>
                <th scope="col" style="border-left: 1px solid #ccc">
                    الأسم
                </th>
                <th style="border-left: 1px solid rgb(214, 214, 214);"></th>
                <th></th>
                <th scope="col" style="border-left: 1px solid #ccc">
                    رقم الطالب
                </th>
                <th scope="col" style="border-left: 1px solid #ccc">
                    الأسم
                </th>

                <th></th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td style="border-left: 1px solid #ccc">123456</td>
                <td style="border-left: 1px solid #ccc">محمد علي</td>
                <td style="padding-left: 50px;border-left: 1px solid rgb(214, 214, 214);">
                    <div class="form-check form-switch">
                        <!-- if condation for "checked" here -->
                        <input checked class="form-check-input" type="checkbox" id="flexSwitchCheckDefault" />
                    </div>
                </td>
                <th></th>

                <td style="border-left: 1px solid #ccc">123456</td>
                <td style="border-left: 1px solid #ccc">محمد علي</td>
                <td style="padding-left: 50px">
                    <div class="form-check form-switch">
                        <!-- if condation for "checked" here -->
                        <input checked class="form-check-input" type="checkbox" id="flexSwitchCheckDefault" />
                    </div>
                </td>
                <th></th>
            </tr>

            <tr>
                <td style="border-left: 1px solid #ccc">123456</td>
                <td style="border-left: 1px solid #ccc">محمد علي</td>
                <td style="padding-left: 50px;border-left: 1px solid rgb(214, 214, 214);">
                    <div class="form-check form-switch">
                        <!-- if condation for "checked" here -->
                        <input checked class="form-check-input" type="checkbox" id="flexSwitchCheckDefault" />
                    </div>
                </td>
                <th></th>

                <td style="border-left: 1px solid #ccc">123456</td>
                <td style="border-left: 1px solid #ccc">محمد علي</td>
                <td style="padding-left: 50px">
                    <div class="form-check form-switch">
                        <!-- if condation for "checked" here -->
                        <input checked class="form-check-input" type="checkbox" id="flexSwitchCheckDefault" />
                    </div>
                </td>
                <th></th>
            </tr>

            <tr>
                <td style="border-left: 1px solid #ccc">123456</td>
                <td style="border-left: 1px solid #ccc">محمد علي</td>
                <td style="padding-left: 50px;border-left: 1px solid rgb(214, 214, 214);">
                    <div class="form-check form-switch">
                        <!-- if condation for "checked" here -->
                        <input checked class="form-check-input" type="checkbox" id="flexSwitchCheckDefault" />
                    </div>
                </td>
                <th></th>

                <td style="border-left: 1px solid #ccc">123456</td>
                <td style="border-left: 1px solid #ccc">محمد علي</td>
                <td style="padding-left: 50px">
                    <div class="form-check form-switch">
                        <!-- if condation for "checked" here -->
                        <input checked class="form-check-input" type="checkbox" id="flexSwitchCheckDefault" />
                    </div>
                </td>
                <th></th>
            </tr>

            <tr>
                <td style="border-left: 1px solid #ccc">123456</td>
                <td style="border-left: 1px solid #ccc">محمد علي</td>
                <td style="padding-left: 50px;border-left: 1px solid rgb(214, 214, 214);">
                    <div class="form-check form-switch">
                        <!-- if condation for "checked" here -->
                        <input checked class="form-check-input" type="checkbox" id="flexSwitchCheckDefault" />
                    </div>
                </td>
                <th></th>

                <td style="border-left: 1px solid #ccc">123456</td>
                <td style="border-left: 1px solid #ccc">محمد علي</td>
                <td style="padding-left: 50px">
                    <div class="form-check form-switch">
                        <!-- if condation for "checked" here -->
                        <input checked class="form-check-input" type="checkbox" id="flexSwitchCheckDefault" />
                    </div>
                </td>
                <th></th>
            </tr>

            <tr>
                <td style="border-left: 1px solid #ccc">123456</td>
                <td style="border-left: 1px solid #ccc">محمد علي</td>
                <td style="padding-left: 50px;border-left: 1px solid rgb(214, 214, 214);">
                    <div class="form-check form-switch">
                        <!-- if condation for "checked" here -->
                        <input checked class="form-check-input" type="checkbox" id="flexSwitchCheckDefault" />
                    </div>
                </td>
                <th></th>

                <td style="border-left: 1px solid #ccc">123456</td>
                <td style="border-left: 1px solid #ccc">محمد علي</td>
                <td style="padding-left: 50px">
                    <div class="form-check form-switch">
                        <!-- if condation for "checked" here -->
                        <input checked class="form-check-input" type="checkbox" id="flexSwitchCheckDefault" />
                    </div>
                </td>
                <th></th>
            </tr>

            <tr>
                <td style="border-left: 1px solid #ccc">123456</td>
                <td style="border-left: 1px solid #ccc">محمد علي</td>
                <td style="padding-left: 50px;border-left: 1px solid rgb(214, 214, 214);">
                    <div class="form-check form-switch">
                        <!-- if condation for "checked" here -->
                        <input checked class="form-check-input" type="checkbox" id="flexSwitchCheckDefault" />
                    </div>
                </td>
                <th></th>

                <td style="border-left: 1px solid #ccc">123456</td>
                <td style="border-left: 1px solid #ccc">محمد علي</td>
                <td style="padding-left: 50px">
                    <div class="form-check form-switch">
                        <!-- if condation for "checked" here -->
                        <input checked class="form-check-input" type="checkbox" id="flexSwitchCheckDefault" />
                    </div>
                </td>
                <th></th>
            </tr>
        </tbody>
    </table>

    <!-- end tables contanier -->

    <!--start buttons bar  -->
    <div class="pair_btn">
        <button type="button" class="btn btn-info">
            <span>تاريخ اليوم</span> <input type="date" />
        </button>
        <button type="button" class="btn btn-danger">تصدير PDF</button>


        <button type="button" class="btn btn-success">استيراد Exel</button>
        <button type="button" class="btn btn-danger">تصدير Exel</button>

        <button type="button" class="btn btn-success">استيراد من نور</button>

        <button type="button" class="btn btn-danger">تصدير الي نور</button>

        <button type="button" class="btn btn-primary">تم</button>
    </div>
    <!-- End buttons bar -->
</div>
@endsection