@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>Instructor Apply Form</li>
                    </ul>
                    <!-- <h2>Contact Us</h2> -->
                </div>
            </div>
        </div>
        <!-- End Page Title Area -->


<!-- Start Contact Area -->
        <section class="contact-area pb-100">
            <div class="container">
                <div class="section-title">
                    <span class="sub-title">Instroctor Apply Form</span>
                    <h2>Drop us Message for any Query</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                </div>

                @if(session()->has('message'))
                                <div class="alert alert-success">
                                    {{ session()->get('message') }}
                                </div>
                            @endif
                
                <div class="contact-form">
                    <form  method="post" action="{{route('apply-instructor.store')}}" enctype="multipart/form-data">

                        @csrf



                        <div class="row">

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

                                <label for=""><h4>Personal Info</h4></label>

                            </div>

                            <div class="col-lg-6 col-md-12">
                                <div class="form-group">
                                    <label for="exampleFormControlInput1">Name</label>
                                    <input type="text" name="name" id="name" class="form-control"  data-error="Please enter 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>
                            </div>

                            <div class="col-lg-6 col-md-12">
                                <div class="form-group">
                                    <label for="exampleFormControlInput1">Email Address</label>
                                    <input type="email" name="email" id="email" class="form-control"  data-error="Please enter 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-6 col-md-12">
                                <div class="form-group">
                                    <label for="exampleFormControlInput1">Phone Nmber</label>
                                    <input type="text" name="phone_number" id="phone_number"  data-error="Please enter your number" class="form-control" >
                                    <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-6 col-md-12">
                                <div class="form-group">
                                    <label for="exampleFormControlInput1">Address</label>
                                    <input type="text" name="address" id="msg_subject" class="form-control"  data-error="Please enter your Address" >
                                    <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-6 col-md-12">
                                <div class="form-group">
                                    <label for="">Select Gender</label>
                                    <select class="form-control" name="gender">
                                        <option>Gender</option>
                                        <option value="Male">Male</option>
                                        <option value="Female">Female</option>
                                        <option value="Other">Other</option>
                                    </select>

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

                                    </div>

                                </div>
                            </div>

                            <div class="col-lg-6 col-md-12">
                                <div class="form-group">
                                    <label for="exampleFormControlInput1">Date of Birth</label>
                                    <div class="col-10">
                                        <input class="form-control" type="date" value="2011-08-19" id="example-date-input" name="date_birth">
                                    </div>
                                    <div class="help-block with-errors">
                                        
                                         @if($errors->has('date_birth'))
                                            <div class="error" style="color: red">{{ $errors->first('date_birth') }}</div>
                                        @endif

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

                            <div class="col-lg-12 col-md-12">
                                <div class="form-group">
                                    <label for="exampleFormControlInput1">Upload your recent photo</label>
                                    <input type="file" name="instructor_photo" id="msg_subject" class="form-control"  data-error="Please enter your experience">
                                    <div class="help-block with-errors">
                                        
                                        @if($errors->has('instructor_photo'))
                                            <div class="error" style="color: red">{{ $errors->first('instructor_photo') }}</div>
                                        @endif

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

                            <div class="col-lg-12 col-md-12">
                                <hr>
                            </div>

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

                                <label for=""><h4>Academic</h4></label>

                            </div>    

                            <div class="col-lg-6 col-md-12">
  

                                <div class="form-group">
                                    <label for="">Level of Education</label>
                                    <select class="form-control" name="education_level">
                                        <option value="Higher Secondary">Higher Secondary</option>
                                        <option value="Diploma">Diploma</option>
                                        <option value="Bachelor/Honors">Bachelor/Honors</option>
                                        <option value="Masters">Masters</option>
                                        <option value="PHD">PHD</option>
                                    </select>

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

                                </div>
                            </div>

                            <div class="col-lg-6 col-md-12">

                                <div class="form-group">
                                    
                                    <label>Result</label>
                                    <input type="text" class="form-control" name="result">

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

                                    
                                </div>
                            </div>                            
                            
                            

                            <div class="col-lg-6 col-md-12">

                                <div class="form-group">
                                    <label for="">Year of Passing:</label>
                                    
                                    <input type="text" class="form-control" name="passing_year">

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

                                </div>
                            </div>                                    


                            <div class="col-lg-12 col-md-12">
                                <hr>
                            </div>

                             


                            <div class="col-lg-12 col-md-12">
                            
                                <label for="exampleFormControlInput1"><h4>Employment History</h4></label>
                                    
                            </div> 

                            <div  class="demo-wrap col-md-12 col-lg-12 simple-clone" > 

                                                               
                                    <div id="simple-clone" class="demo-wrap col-md-12 col-lg-12">

                                            <div class="toclone">
                                                <!-- <p class="name"> 
                                                    <input type="text" name="name[]" id="sname" /> 
                                                    <label for="name">Name</label> 
                                                </p> 

                                                <p class="email"> 
                                                    <input type="text" name="email[]" id="semail" /> 
                                                    <label for="email">E-mail</label> 
                                                </p> 

                                                <p class="web"> 
                                                    <input type="text" name="web[]" id="sweb" /> 
                                                    <label for="web">Website</label> 
                                                </p>   -->

                                                <div class="col-lg-6 col-md-12">

                                                    <div class="form-group">
                                                        <label for="">Company Name</label>
                                                        
                                                        <input type="text" class="form-control" name="company_name[]">

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

                                                    </div>
                                                </div>

                                                <div class="col-lg-6 col-md-12">

                                                    <div class="form-group">
                                                        <label for="">Employment Period</label>   
                                                        <input type="text" class="form-control" name="employment_period[]">

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

                                                    </div>
                                                </div>

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

                                                    <div class="form-group">
                                                        <label for="">Responsibilities</label>   
                                                        <textarea class="form-control" name="responsibilities[]" rows="5"></textarea>

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

                                                    </div>
                                                </div>                                                    
                                                <a href="#" class="clone btn btn-primary"><i class="fa fa-plus"></i></a>
                                                <a href="#" class="delete btn btn-danger"><i class="fa fa-minus"></i></a>
                                            </div>

                                          

                                     
                                    </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 -->


        <script>
            $('#simple-clone').cloneya();

        </script>


        
       
        

@endsection