@extends('layout.layout')
@section('content')

<div class="row mx-2 ">
    <div class="container-fluid py-0">
        <div class="row">
            <div class="col-12">
                <div class="card my-4 pb-3">
                    <div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
                        <div class="shadow-dark border-radius-lg pt-3 pb-2" style="background-color: #0071bd">
                            <h5 class="text-white text-capitalize ps-3">Learning Resource Report</h5>
                            <!-- <p class="mb-0 text-white ps-3"> Enter data about the Learning Resource then press submit.</p> -->
                        </div>
                    </div>
                    <form method="post">
                        <div class="row mt-4 mx-4 px-0">
                            <div class="container col-md-4 mx-0 px-2">
                                <!-- <label for="" class="form-label required">School</label> -->
                                <div class="input-group input-group-outline mb-1">
                                    <select name="school_id" id="school_id" class="form-control" style="border: 1px solid #d2d6da;">
                                        <option disabled selected value class="form-control ">Select Type</option>
                                        <option value="Textbook">Textbook</option>
                                        <option value="Modules">Modules</option>
                                        <option value="SLR">Supplementary Learning Resource - SLR</option>
                                        <option value="Activitysheets">Activity Sheets - AS</option>
                                        <option value="PDM">PDM</option>
                                        <option value="Bigbook">Bigbook</option>
                                        <option value="Smallbook">Smallbook</option>
                                        <option value="GeneralRef">General Reference</option>
                                    </select>
                                </div>
                            </div>

                            <div class="container col-md-4 mx-0 px-2">
                                <select name="type" placeholder="type" class="form-select ps-2 " required style="border: 1px solid #d2d6da;">
                                    <option disabled selected value class="form-control ">Select Type</option>
                                    <option value="TX">Textbook - TX</option>
                                    <option value="LM">Learners Material - LM</option>
                                    <option value="TG">Teacher Guide - TG</option>
                                    <option value="TM">Teacher Manual - TM</option>
                                    <option value="MOD">Module - Mod</option>
                                    <option value="SLR">Supplementary Learning Resource - SLR</option>
                                    <option value="AS">Activity Sheets - AS</option>
                                    <option value="PDM">Professional Development Material - PDM</option>
                                    <option value="BB">Bigbook - BB</option>
                                    <option value="SB">Smallbook - SB</option>
                                    <option value="GR">General Reference - GR</option>
                                </select>
                            </div>
                            <div class="container col-md-4 mx-0 px-2">
                                <select id="source1" name="source1" class="form-select ps-1" required style="border: 1px solid #d2d6da;">
                                    <option disabled selected value>Select Source</option>
                                    <option value="CO">Central Office - BLR</option>
                                    <option value="RO">Regional Office - RO</option>
                                    <option value="Division">Schools Division Office - SDO</option>
                                    <option value="District">District Office</option>
                                    <option value="School">School</option>
                                    <option value="Locally Developed">Locally Developed</option>
                                    <option value="Private Org">Private Organization / Institution</option>
                                    <option value="Private Ind">Private Individual</option>
                                    <option value="LGU">Local Government Unit - LGU</option>
                                </select>
                            </div>
                        </div>
                        <div class="row mt-2 mx-4 px-4 ms-2 mb-2">
                            <div class="container col-md-6 px-2">
                                <FIELDSET>
                                    <label class="mb-0"><strong style='color:gray'>Subject Area:</strong></label>
                                    <form action="" method="post" enctype="multipart/form-data" id="subject_area" required>
                                        <div class="row">
                                            <div class="col-xs-12 col-sm-6 col-md-6">
                                                <div class="form-check">
                                                    <input type="checkbox" name="subject_area[]" value="English" class="form-check-input">
                                                    <label class="form-check-label">
                                                        English
                                                    </label>
                                                </div>
                                                <div class="form-check">
                                                    <input type="checkbox" name="subject_area[]" value="Math" class="form-check-input">
                                                    <label class="form-check-label">
                                                        Mathematics
                                                    </label>
                                                </div>
                                                <div class="form-check">
                                                    <input type="checkbox" name="subject_area[]" value="Science" class="form-check-input">
                                                    <label class="form-check-label">
                                                        Science & Technology
                                                    </label>
                                                </div>
                                                <div class="form-check">
                                                    <input type="checkbox" name="subject_area[]" value="Filipino" class="form-check-input">
                                                    <label class="form-check-label">
                                                        Filipino
                                                    </label>
                                                </div>
                                                <div class="form-check">
                                                    <input type="checkbox" name="subject_area[]" value="MAPEH" class="form-check-input">
                                                    <label class="form-check-label">
                                                        MAPEH
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="col-xs-12 col-sm-6 col-md-6">
                                                <div class="form-check">
                                                    <input type="checkbox" name="subject_area[]" value="EPP/TLE/TVE" class="form-check-input">
                                                    <label class="form-check-label">
                                                        EPP/TLE/TVE
                                                    </label>
                                                </div>
                                                <div class="form-check">
                                                    <input type="checkbox" name="subject_area[]" value="EsP" class="form-check-input">
                                                    <label class="form-check-label">
                                                        EsP
                                                    </label>
                                                </div>
                                                <div class="form-check">
                                                    <input type="checkbox" name="subject_area[]" value="Araling Panlipunan" class="form-check-input">
                                                    <label class="form-check-label">
                                                        Araling Panlipunan
                                                    </label>
                                                </div>

                                                <div class="form-check">
                                                    <input type="checkbox" name="subject_area[]" value="MTB" class="form-check-input">
                                                    <label class="form-check-label">
                                                        MTB - MLE
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                </FIELDSET>
                            </div>
                            <div class="container col-md-6 mx-0 px-2 ">
                                <FIELDSET class="mx-2">
                                    <label class="mb-0"><strong style='color:gray'>Grade Level/s:</strong></label>
                                    <form action="" method="post" enctype="multipart/form-data" id="level" required>

                                        <div class="row ">
                                            <div class="col-xs-12 col-sm-6 col-md-4">
                                                <div class="form-check">
                                                    <input type="checkbox" name="level[]" value="Kindergarten" class="form-check-input">
                                                    <label class="form-check-label">
                                                        Kindergarten
                                                    </label>
                                                </div>

                                                <div class="form-check">
                                                    <input type="checkbox" name="level[]" value="Grade 1" class="form-check-input">
                                                    <label class="form-check-label">
                                                        Grade 1
                                                    </label>
                                                </div>

                                                <div class="form-check">
                                                    <input type="checkbox" name="level[]" value="Grade 2" class="form-check-input">
                                                    <label class="form-check-label">
                                                        Grade 2
                                                    </label>
                                                </div>

                                                <div class="form-check">
                                                    <input type="checkbox" name="level[]" value="Grade 3" class="form-check-input">
                                                    <label class="form-check-label">
                                                        Grade 3
                                                    </label>
                                                </div>

                                                <div class="form-check">
                                                    <input type="checkbox" name="level[]" value="Grade 4" class="form-check-input">
                                                    <label class="form-check-label">
                                                        Grade 4
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="col-xs-12 col-sm-6 col-md-4">
                                                <div class="form-check">
                                                    <input type="checkbox" name="level[]" value="Grade 5" class="form-check-input">
                                                    <label class="form-check-label">
                                                        Grade 5
                                                    </label>
                                                </div>
                                                <div class="form-check">
                                                    <input type="checkbox" name="level[]" value="Grade 6" class="form-check-input">
                                                    <label class="form-check-label">
                                                        Grade 6
                                                    </label>
                                                </div>
                                                <div class="form-check">
                                                    <input type="checkbox" name="level[]" value="Grade 7" class="form-check-input">
                                                    <label class="form-check-label">
                                                        Grade 7
                                                    </label>
                                                </div>
                                                <div class="form-check">
                                                    <input type="checkbox" name="level[]" value="Grade 8" class="form-check-input">
                                                    <label class="form-check-label">
                                                        Grade 8
                                                    </label>
                                                </div>
                                                <div class="form-check">
                                                    <input type="checkbox" name="level[]" value="Grade 9" class="form-check-input">
                                                    <label class="form-check-label">
                                                        Grade 9
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="col-xs-12 col-sm-6 col-md-4">
                                                <div class="form-check">
                                                    <input type="checkbox" name="level[]" value="Grade 10" class="form-check-input">
                                                    <label class="form-check-label">
                                                        Grade 10
                                                    </label>
                                                </div>
                                                <div class="form-check">
                                                    <input type="checkbox" name="level[]" value="Grade 11" class="form-check-input">
                                                    <label class="form-check-label">
                                                        Grade 11
                                                    </label>
                                                </div>
                                                <div class="form-check">
                                                    <input type="checkbox" name="level[]" value="Grade 12" class="form-check-input">
                                                    <label class="form-check-label">
                                                        Grade 12
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                        </LEGEND>
                                </FIELDSET>
                            </div>
                            <div class="container generatelr mt-3">
                                <button type="submit" name="getSchool" class="btn btn-primary shadow-dark submitbtn">Generate Manual Report</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection