@extends('admin.include.main')
@section('content')

    <div class="wrapper wrapper-content">

        <div class="row">
            <div class="col-lg-12">
                <div class="ibox ">
                    <div class="ibox-title">
                        <h5>All form elements <small>With custom checbox and radion elements.</small></h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                            <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                                <i class="fa fa-wrench"></i>
                            </a>
                            <ul class="dropdown-menu dropdown-user">
                                <li><a href="#" class="dropdown-item">Config option 1</a>
                                </li>
                                <li><a href="#" class="dropdown-item">Config option 2</a>
                                </li>
                            </ul>
                            <a class="close-link">
                                <i class="fa fa-times"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <form action="{{route('printcharactercertificate')}}" method="POST">
                            @csrf





                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group"><label>Select Template<span class="text-danger">*</span></label>
                                    <select class="form-control m-b" name="template">
                                        <label>Select Template<span class="text-danger">*</span></label>

                                        <option value="" selected disabled>Select Template</option>
                                         <option value="0">Default</option>
                                        <option value="1">One</option>

                                    </select>

                                </div>
                            </div>
                        </div>
                        <div class="hr-line-dashed"></div>



                        <h1>For Multiple Students</h1>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group"><label>Select Class<span class="text-danger">*</span></label>
                                    <select class="form-control m-b" name="class">
                                        <label>Select Class<span class="text-danger">*</span></label>

                                        <option value="" selected disabled>Select Class</option>
                                        <option>One</option>
                                        <option>Two</option>
                                        <option>Three</option>
                                        <option>Four</option>
                                        <option>Five</option>
                                        <option>Six</option>


                                    </select>

                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group"><label>Select Section<span class="text-danger">*</span></label>
                                    <select class="form-control m-b" name="template">
                                        <label>Select Section<span class="text-danger">*</span></label>

                                        <option value="" selected disabled>Select Section</option>
                                        <option>One</option>
                                        <option>Two</option>
                                        <option>Three</option>
                                        <option>Four</option>
                                        <option>Five</option>
                                        <option>Six</option>


                                    </select>

                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group"><label>Select Student<span class="text-danger">*</span></label>
                                    <select class="form-control m-b" name="student">
                                        <label>Select Student<span class="text-danger">*</span></label>

                                        <option value="" selected disabled>Select Student</option>
                                        <option>One</option>
                                        <option>Two</option>
                                        <option>Three</option>
                                        <option>Four</option>
                                        <option>Five</option>
                                        <option>Six</option>


                                    </select>

                                </div>
                            </div>
                        </div>
                        <button type="submit" class="btn btn-success">Submit</button>
                        <div class="hr-line-dashed"></div>


                        <div class="active-student" style="padding-top:10px;">
                            <h2>For Active Students</h2>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group"><label>All Active Student<span class="text-danger">*</span></label>
                                        <select class="form-control m-b" name="active">
                                            <label>Active Student<span class="text-danger">*</span></label>

                                            <option value="" selected disabled>Select Class</option>
                                            <option>One</option>
                                            <option>Two</option>
                                            <option>Three</option>
                                            <option>Four</option>
                                            <option>Five</option>
                                            <option>Six</option>


                                        </select>

                                    </div>
                                </div>

                            </div>
                            <button type="submit" class="btn btn-success">Submit</button>

                        </div>
                        <div class="hr-line-dashed"></div>




                        <h3>For Particular Student</h3>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>Search Student</label>
                                    <input type="text" name="search" id="search" class="form-control"  >
                                </div>
                            </div>
                        </div>
                        <button type="submit" class="btn btn-success">Submit</button>

                    </div>
                </div>












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



@endsection