@extends('frontEnd.master')

@section('content')

<!-- Start Page Title Area -->
        <div class="page-title-area item-bg2 jarallax" data-jarallax='{"speed": 0.3}'>
            <div class="container">
                <div class="page-title-content">
                    <ul>
                        <li><a href="index.html">Home</a></li>
                        <li>Admission Form</li>
                    </ul>
                    <!-- <h2>Contact Us</h2> -->
                </div>
            </div>
        </div>
        <!-- End Page Title Area -->



        <!-- Start Contact Area -->
        <section class="contact-area pb-100" style="margin-top: 5%">
            <div class="container">
                <div class="section-title">
                    <span class="sub-title">Admission Form</span>
                    
                </div>

                <div class="col-md-12">
                    
                    <div class="row">
                        
                        <div class="col-md-1"></div>

                        <div class="col-md-10">
                            
                            @if(session()->has('message'))
                                <div class="alert alert-success">
                                    {{ session()->get('message') }}
                                </div>
                            @endif

                        </div>

                        <div class="col-md-1"></div>

                    </div>

                </div>

                <div class="contact-form">
                    <form  method="post" action="{{route('admission.store')}}">

                        @csrf

                        <div class="row">
                            <div class="col-lg-12 col-md-12">
                                <div class="form-group">
                                    <input type="text" name="name" id="name" class="form-control"  data-error="Please enter your name" placeholder="Your Name">
                                    
                                    <div class="help-block with-errors">
                                        
                                        @if($errors->has('name'))
                                            <div class="error" style="color: red">{{ $errors->first('name') }}</div>
                                        @endif
     

                                    </div>
                                </div>


                            <!--     @if($errors->has('name'))
                                    <div class="error" style="color: red">{{ $errors->first('name') }}</div>
                                @endif -->


                            </div>

                            <div class="col-lg-12 col-md-12">
                                <div class="form-group">
                                    <input type="email" name="email" id="email" class="form-control"  data-error="Please enter your email" placeholder="Your Email">
                                    <div class="help-block with-errors">
                                        
                                        @if($errors->has('email'))
                                            <div class="error" style="color: red">{{ $errors->first('email') }}</div>
                                        @endif

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

                            <div class="col-lg-12 col-md-12">
                                <div class="form-group">
                                    <input type="text" name="phone_number" id="phone_number"  data-error="Please enter your number" class="form-control" placeholder="Your Phone">
                                    <div class="help-block with-errors">
                                        
                                        @if($errors->has('phone_number'))
                                            <div class="error" style="color: red">{{ $errors->first('phone_number') }}</div>
                                        @endif

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

                            <div class="col-lg-12 col-md-12">
                                <div class="form-group">
                                    <input type="text" name="address" id="msg_subject" class="form-control"  data-error="Please enter your adress" placeholder="Your adress">
                                    <div class="help-block with-errors">
                                        
                                        @if($errors->has('address'))
                                            <div class="error" style="color: red">{{ $errors->first('address') }}</div>
                                        @endif


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

                            <div class="col-lg-12 col-md-12">
                                
                                <div class="form-group">

                                    <select class="selectpicker" name="courses_id">
                                        <option selected>Choose Course</option>
                                        @foreach($courses as $course)
                                        <option value="{{$course->id}}">{{$course->course_name}}</option>
                                        @endforeach
                                </select>

                                <div class="help-block with-errors">
                                        
                                        @if($errors->has('address'))
                                            <div class="error" style="color: red">{{ $errors->first('address') }}</div>
                                        @endif


                                    </div>

                                 </div>   

                            </div>

                            

                            <div class="col-lg-12 col-md-12">
                                <button type="submit" class="default-btn"><i class='bx bx-paper-plane icon-arrow before'></i><span class="label">Submit</span><i class="bx bx-paper-plane icon-arrow after"></i></button>
                                <div id="msgSubmit" class="h3 text-center hidden"></div>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

            <div id="particles-js-circle-bubble-3"></div>
            <div class="contact-bg-image"><img src="assets/img/map.png" alt="image"></div>
        </section>
        <!-- End Contact Area -->

        

        

@endsection