@extends('admin.payment.master')

@section('title')Login
 {{ $title }}
@endsection

@push('css')
<meta name="csrf-token" content="{{ csrf_token() }}" />
<style>
      .login-form .form-group {
    margin-bottom:30px !important }
    .btn{
	padding: 0.375rem 0.75rem !important;
    }
    .theme-form .form-group input[type="text"]{
        font-weight:550;
    }
</style>
@endpush

@section('content')
    <section>
    <div class="container-fluid p-0">
        <div class="row">
            <div class="col-12">
                <div class="login-card">
                    <form class="theme-form login-form" action="{{route('payment')}}" method="get" id="login-form">
                    @csrf
                        <h4 style="text-align:center">Student Detail</h4>
                        <div class="form-group">
                            <div class="input-group">
                                <span class="input-group-text"><i class="icofont icofont-boy"></i></span>
                                <input class="form-control" type="text" name="name" id="name"  placeholder="Name" />
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="input-group">
                                <span class="input-group-text"><i class="icofont icofont-flame-torch"></i></span>
                                <input class="form-control" type="text" name="roll_no" id="roll_no"  placeholder="Roll No" />
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="input-group">
                                <span class="input-group-text"><i class="icofont icofont-business-man-alt-1"></i></span>
                                <input class="form-control" type="text" name="father_name" id="father_name"  placeholder="Father Name" />
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="input-group">
                                <span class="input-group-text"><i class="icofont icofont-flame-torch"></i></span>
                                <input class="form-control" type="text" name="email" id="email"  placeholder="Email" />
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="input-group">
                                <span class="input-group-text"><i class="icofont icofont-ipod-touch"></i></span>
                                <input class="form-control" type="text" name="mobile" id="mobile"  placeholder="Mobile" />
                            </div>
                        </div>
                        <div class="form-group">
                             <div class="text-center" style="text-align:center">
                                <button class="btn btn-primary" type="submit" id="loginBtn">Pay</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>


@push('scripts')
<script src="{{asset('assets/js/notify/bootstrap-notify.min.js')}}"></script>
<script src="{{asset('assets/js/setting/notify.js')}}"></script>

<script>
    $(function(){
        $("#login-form").submit(function(e){
            e.preventDefault();
            var name = $("#name").val()
            var roll = $("#roll_no").val()
            var father = $("#father_name").val()
            var mobile = $("#mobile").val()

            if(name == ""){
                notifyF("Error","Name cannot be blank",'danger',2000)
                return false;
            }
            if(roll == ""){
                notifyF("Error","Roll number cannot be blank",'danger',2000)
                return false;
            }
            if(father == ""){
                notifyF("Error",'Father name cannot be blank','danger',2000)
                return false;
            }
            if(mobile == ""){
                notifyF("Error",'Mobile cannot be blank','danger',2000)
                return false;
            }

            e.currentTarget.submit();
        })
    })
</script>
@if(isset($error))
    <script>
        var errors = {!! $error !!};
        notifyF("Error",errors,'danger','1000');
    </script>
@endif
@endpush

@endsection