@extends('layouts.app')

@section('title')
    Student Statement
@endsection

@section('content')
    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="page-bar">
                <div class="page-title-breadcrumb">

                </div>
            </div>

            @if (session('error'))
                <div class="alert alert-danger alert-dismissible show" role="alert">
                    <strong>{{ session('error') }}</strong><a href="#" class="alert-link"></a>
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
                        <span aria-hidden="false"></span>
                    </button>
                </div>
            @elseif(session('success'))
                <div class="alert alert-success alert-dismissible show" role="alert">
                    <strong>{{ session('success') }}</strong><a href="#" class="alert-link"></a>
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
                        <span aria-hidden="false"></span>
                    </button>
                </div>
            @endif

            <div class="row">
                <div class="col-md-12 col-sm-12">
                    <div class="card card-box">
                        <div class="card-head">
                            <header style="display: flex;justify-content: center;">Search Student</header>
                        </div>
                        <div class="card-body" id="bar-parent2"><br>
                            <div style="display: flex;justify-content: center;" id="personalDet" class="row">

                                    {{-- column1 --}}
                                    <div  class="col-md-4 col-sm-8">
                                        <div class="blogThumb">
                                            <div class="white-box">
                                                
                                                <form method="post" action="{{ url('get-student-statement') }}" enctype="multipart/form-data" id="form_sample_1" class="form-horizontal">
                                                    <label>Student No</label>
                                                    <input type="text" name="student_no" class="form-control" placeholder="" required>
                                                    <br>
                                                    <button type="submit" class="btn btn-success btn-rounded waves-effect waves-light m-t-20">QUERY</button>
                                                </form>
                                            </div>
                                        </div><br>

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

        </div>
    </div>
	<!-- end page content -->
<script>
// Get the modal
var modal = document.getElementById("myModal");

// When the user clicks the button, open the modal 
fee.onclick = function() {
  modal.style.display = "block";
}

function clsFee()
{    
    modal.style.display = "none";
}

</script>

@endsection