@extends('backEnd.master')
@section('mainContent')

<section class="mb-40">
    <div class="container-fluid p-0">
        <div class="row">
            <div class="col-lg-8 col-md-6">
                <div class="main-title">
                    <h3 class="mb-30">Select Criteria </h3>
                </div>
            </div>
            <div class="col-lg-4 text-md-right text-left col-md-6 mb-30-lg">
                <button type="button" class="primary-btn small fix-gr-bg">
                    <span class="pr ti-plus"></span>
                    add homework
                </button>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <div class="white-box">
                    <form>
                        <div class="container-fluid p-0">
                            <div class="row">
                                <div class="col-lg-4">
                                    <select class="primary_select ">
                                        <option data-display="Select Class">Select Class</option>
                                        <option value="1">Front Office</option>
                                        <option value="2">Advertisement</option>
                                        <option value="4">Online Front Site</option>
                                        <option value="5">Google Ads</option>
                                        <option value="6">Admission Campaign</option>
                                    </select>
                                </div>

                                <div class="col-lg-4 mt-30-md">
                                    <select class="primary_select ">
                                        <option data-display="Select Section">Select Section</option>
                                        <option value="1">Front Office</option>
                                        <option value="2">Advertisement</option>
                                        <option value="4">Online Front Site</option>
                                        <option value="5">Google Ads</option>
                                        <option value="6">Admission Campaign</option>
                                    </select>
                                </div>

                                <div class="col-lg-4 mt-30-md">
                                    <select class="primary_select ">
                                        <option data-display="Subject">Subject</option>
                                        <option value="1">All</option>
                                        <option value="2">Active</option>
                                        <option value="3">Passive</option>
                                        <option value="4">Dead</option>
                                        <option value="5">Won</option>
                                        <option value="6">Lost</option>
                                    </select>
                                </div>

                                <div class="col-lg-12 mt-30 text-right">
                                    <button class="primary-btn small fix-gr-bg">
                                        <span class="pr ti-search"></span>
                                        search
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="adminssion-query">
    <div class="container-fluid p-0">
        <div class="row">
            <div class="col-lg-4 no-gutters">
                <div class="main-title">
                    <h3 class="mb-0">Homework List</h3>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <table id="table_id" class="table" cellspacing="0" width="100%">
                    <thead>
                        <tr>
                            <th>Class</th>
                            <th>Section</th>
                            <th>Subject</th>
                            <th>Homework Date</th>
                            <th>Evaluation Date</th>
                            <th>Created By</th>
                            <th>Action</th>
                        </tr>
                    </thead>

                    <tbody>
                        <tr>
                            <td>Class 01</td>
                            <td>Section B</td>
                            <td>General Knowledge</td>
                            <td>23rd Oct, 2018</td>
                            <td>25th Oct, 2018</td>
                            <td>Salman Shashimi</td>
                            <td>
                                <div class="dropdown">
                                    <button type="button" class="btn dropdown-toggle" data-toggle="dropdown">
                                        Edit
                                    </button>
                                    <div class="dropdown-menu dropdown-menu-right">
                                        <button class="dropdown-item" type="button">view</button>
                                        <button class="dropdown-item" type="button">edit</button>
                                        <button class="dropdown-item" type="button" data-toggle="modal" data-target="#addHomework">Evaluate</button>
                                        <button class="dropdown-item" type="button">delete</button>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</section>

<!-- Start Modal Area -->
<div class="modal fade student-details" id="addHomework">
    <div class="modal-dialog large-modal modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Evaluate Homework</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>

            <div class="modal-body">
                <div class="container-fluid">
                    <form action="">
                        <div class="row">
                            <div class="col-lg-7">
                                <select class="multipleSelect" multiple name="language">
                                    <option value="Bangladesh1">Bangladesh 1</option>
                                    <option selected value="Barbados1">Barbados 1</option>
                                    <option selected value="Belarus1">Belarus 1</option>
                                    <option value="Belgium1">Belgium 1</option>
                                    <option value="Bangladesh2">Bangladesh 2</option>
                                    <option value="Barbados2">Barbados 2</option>
                                    <option value="Belarus2">Belarus 2</option>
                                    <option value="Belgium2">Belgium 2</option>
                                    <option value="Bangladesh3">Bangladesh 3</option>
                                    <option value="Barbados3">Barbados 3</option>
                                    <option value="Belarus3">Belarus 3</option>
                                    <option value="Belgium3">Belgium 3</option>
                                    <option value="Bangladesh4">Bangladesh 4</option>
                                    <option value="Barbados4">Barbados 4</option>
                                    <option value="Belarus4">Belarus 4</option>
                                    <option value="Belgium4">Belgium 4</option>
                                    <option value="Bangladesh5">Bangladesh 5</option>
                                    <option value="Barbados5">Barbados 5</option>
                                    <option value="Belarus5">Belarus 5</option>
                                    <option value="Belgium5">Belgium 5</option>
                                </select>
                            </div>

                            <div class="col-lg-5">
                                <h4 class="stu-sub-head">Summery</h4>
                                <div class="student-meta-box">
                                <div class="single-meta">
                                    <div class="row">
                                        <div class="col-lg-6 col-md-6">
                                            <div class="name">
                                                Created by
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6">
                                            <div class="value text-left">
                                                Travor James
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="single-meta">
                                    <div class="row">
                                        <div class="col-lg-6 col-md-6">
                                            <div class="name">
                                                Evaluated by
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6">
                                            <div class="value text-left">
                                                Travor James
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="single-meta">
                                    <div class="row">
                                        <div class="col-lg-6 col-md-6">
                                            <div class="name">
                                                Homework Date
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6">
                                            <div class="value text-left">
                                                31st Oct, 2018
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="single-meta">
                                    <div class="row">
                                        <div class="col-lg-6 col-md-6">
                                            <div class="name">
                                                Submission Date
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6">
                                            <div class="value text-left">
                                                31st Oct, 2018
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="single-meta">
                                    <div class="row">
                                        <div class="col-lg-6 col-md-6">
                                            <div class="name">
                                                Evaluation Date
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6">
                                            <div class="value text-left">
                                                31st Oct, 2018
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="single-meta">
                                    <div class="row">
                                        <div class="col-lg-6 col-md-6">
                                            <div class="name">
                                                Section
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6">
                                            <div class="value text-left">
                                                A
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="single-meta">
                                    <div class="row">
                                        <div class="col-lg-6 col-md-6">
                                            <div class="name">
                                                Class
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6">
                                            <div class="value text-left">
                                                01
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="single-meta">
                                    <div class="row">
                                        <div class="col-lg-6 col-md-6">
                                            <div class="name">
                                                Subject
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6">
                                            <div class="value text-left">
                                                General Knowledge
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="single-meta">
                                    <div class="row">
                                        <div class="col-lg-6 col-md-6">
                                            <div class="name">
                                                Description
                                            </div>
                                        </div>
                                        <div class="col-lg-6 col-md-6">
                                            <div class="value text-left">
                                                Sample description
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="mt-30">
                                <button type="button" class="primary-btn small fix-gr-bg">
                                    <span class="pr ti-download"></span>
                                    download
                                </button>
                                </div>
                            </div>
                            </div>

                            <div class="col-lg-12 text-center mt-40">
                                <button class="primary-btn fix-gr-bg">
                                    <span class="ti-check"></span>
                                    save information
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

        </div>
    </div>
</div>
<!-- End Modal Area -->
@endsection
@include('backEnd.partials.data_table_js')