<div class="breadcrumbs">
    <div class="col-sm-4">
        <div class="page-header float-left">
            <div class="page-title">
                <h1>Assessment</h1>
            </div>
        </div>
    </div>
    <div class="col-sm-8">
        <div class="page-header float-right">
            <div class="page-title">
                <ol class="breadcrumb text-right">
                    <li class="active"></li>
                </ol>
            </div>
        </div>
    </div>
</div>

<div class="content mt-3">
    <div class="col-sm-12 col-lg-12">
        <p>
            <button class="btn btn-sm btn-success" onclick="grade_processing()">
                <span class="fas fa-arrow-left"></span>
                Back
            </button>
        </p>
        <div class="d-flex justify-content-between mb-2 bg-white p-2">
            <div>Subject grade processing</div>
        </div>
        <div>
            <p class="text-secondary">1.Subject grade processing</p>
            <div class="row">
                <div class="col-12 col-sm-12 col-md-4 col-lg-3">
                    <select class="form-control form-control-sm">
                        <option selected disabled>Choose year</option>
                        <option>2018</option>
                        <option>2019</option>
                        <option>2020</option>
                    </select>
                </div>
                <div class="col-12 col-sm-12 col-md-4 col-lg-3">
                    <select class="form-control form-control-sm">
                        <option selected disabled>Form</option>
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                    </select>
                </div>
                <div class="col-12 col-sm-12 col-md-4 col-lg-3">
                    <select class="form-control form-control-sm">
                        <option selected disabled>Term</option>
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                    </select>
                </div>
                <div class="col-12 col-sm-12 col-md-12 col-lg-3">
                    <button class="btn btn-primary btn-sm btn-block">Process</button>
                </div>
            </div>
            <p class="text-secondary mt-4">2.Term records processing</p>
            <div class="row">
                <div class="col-12 col-sm-12 col-md-4 col-lg-3">
                    <select class="form-control form-control-sm">
                        <option selected disabled>Choose year</option>
                        <option>2018</option>
                        <option>2019</option>
                        <option>2020</option>
                    </select>
                </div>
                <div class="col-12 col-sm-12 col-md-4 col-lg-3">
                    <select class="form-control form-control-sm">
                        <option selected disabled>Form</option>
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                        <option>4</option>
                    </select>
                </div>
                <div class="col-12 col-sm-12 col-md-4 col-lg-3">
                    <select class="form-control form-control-sm">
                        <option selected disabled>Term</option>
                        <option>1</option>
                        <option>2</option>
                        <option>3</option>
                    </select>
                </div>
                <div class="col-12 col-sm-12 col-md-12 col-lg-3">
                    <button class="btn btn-primary btn-sm btn-block">Process</button>
                </div>
            </div>
        </div>
    </div>
</div> <!-- .content -->

