@extends('Frontend.layouts.top-nav') @section('content')

<section class="result mat">
    <div class="container">
        <h3>Results</h3>
        <p>Select Name, Class and Roll Number to view the results</p>

        <div class="result-form mt-4">
            <form>
                <div class="form-row">
                    <div class="form-group col-md-4">
                        <label for="Name">Name</label>
                        <span class="required">*</span>
                        <input type="text" class="form-control" id="Name" placeholder="Your Name" />
                    </div>
                    <div class="form-group col-md-4">
                        <label for="class">Class</label>
                        <span class="required">*</span>
                        <input type="text" class="form-control" id="class" placeholder="Your Class" />
                    </div>
                      <div class="form-group col-md-4">
                        <label for="Roll">Roll Number</label>
                        <span class="required">*</span>
                        <input type="text" class="form-control" id="Roll" placeholder="Enter Your Roll Number" />
                    </div>
                </div>
                <div class="text-center">
                     <button type="submit" class="btn btn-primary result-btn">View Result</button>
                </div>
            </form>
        </div>

        <div class="result-wrapper mt-4">
            <h3>Your Result</h3>
            <div class="row">
                <div class="col-md-6">
                    <div class="result-box">
                        <div class="result-info">
                            <h5>Name:</h5>
                            <span>Jeebit Maharjan</span>
                        </div>
                        <div class="result-info">
                            <h5>Class:</h5>
                            <span>XI</span>
                        </div>
                        <div class="result-info">
                            <h5>Roll Number:</h5>
                            <span>15</span>
                        </div>
                        <div class="result-info">
                            <h5>Result:</h5>
                            <span>Passed</span>
                        </div>
                        <div class="result-info">
                            <h5>Percentage:</h5>
                            <span>80%</span>
                        </div>
                    </div>
                </div>
            </div>

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

@endsection