@extends('layouts.layout')
@section('title', 'Customer Student')
@section('content')
@include('customers.customer_sidebar')
<div class="tab-content-wrap">
<div class="tab-pane">
                <div class="d-flex justify-content-between align-items-center mb-4">
                <a href="#" data-toggle="modal" data-target="#addstudentmodal" class="btn">Add Student</a>
                    <!-- <a href="{{ url('/customers')}}"  class="btn">Back</a> -->
                    <a href="{{url('customers/'.request()->id.'/customer-account')}}" class="btn">Back</a>
                </div>
            </div> 
    
    <div class="paymentTabbing customer-tabbing student-tabbing">
       @include('customers.student_list')
     
        <div class="modal fade small-modal" id="addstudentmodal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                        <div class="modal-dialog modal-dialog-centered" role="document">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h3 class="modal-title" id="exampleModalLabel">Add Student</h3>
                                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                        <span aria-hidden="true">&times;</span>
                                    </button>
                                </div>
                                <!-- {{url('admin/staff/update')}} -->
                                <div class="modal-body">
                                <form method="post" action="{{ url('student/store',request()->id)}}" id="newstudent"  class="newstudent" >
                                 @csrf
                                <div class="custom-form-inner">
                                    <div class="custom-form-column fluid-column">
                                        <div class="form-wrap form-wrap-custom">
                                            <input type="text" id="fname" class="form-control" name="firstname" placeholder=" " >
                                            <label for="fname">First Name*</label>
                                        </div>
                                        <div class="form-wrap  form-wrap-custom">
                                            <input type="text" id="lname" class="form-control" name="lastname" placeholder="">
                                            <label for="lname">Last Name*</label>
                                        </div>
                                        <div class="form-wrap">
                                            <select name="gender" id="" class="form-select">
                                                <option value="">Select Gender*</option>
                                                <option value="male">Male</option>
                                                <option value="female">Female</option>
                                                <option value="other">Other</option>
                                            </select>
                                        </div>
                                        <div class="form-wrap datepicker date input-group style-input">
                                            <label for="dobdate" class="style-label">Date Of Birth*</label>
                                            <input type="text" id="dobdate" class="form-control datepicker-custom" name="dob" >
                                            <div class="input-group-append">
                                                <i class="fas fa-calendar-alt"></i>
                                            </div>
                                        </div>
                                        <div class="form-wrap">
                                            <select name="status" id="" class="form-select">
                                                <option value="">Select Status*</option>                                               
                                                <option value="1" selected>Active</option>
                                                <option value="0">Inactive</option>
                                            </select>
                                        </div>
                                        <div class="form-wrap form-wrap-custom">
                                            <textarea id="medicalnote" class="form-control" name="medical_note" placeholder=" " ></textarea>
                                            <label for="medicalnote">Medical Note</label>
                                        </div>
                                    </div>
                                    
                               </div>
                                                        
                                <div class="d-flex justify-content-end">
                                    <button type="submit" class="btn">Save</button>
                                </div>
                                   
                             </form> 
                                </div>
                            </div>
                        </div>
                    </div>
    </div>
</div>
{!! JsValidator::formRequest('App\Http\Requests\AddStudentRequest', '#newstudent'); !!}
@endsection