@extends('admin/layouts/app')

@section('page-title')
    <title>Create Student | Simple Admission</title>
@endsection

@section('page-breadcrumb')
    <div data-kt-swapper="true" data-kt-swapper-mode="prepend"
        data-kt-swapper-parent="{default: '#kt_content_container', 'lg': '#kt_toolbar_container'}"
        class="page-title d-flex align-items-center flex-wrap me-3 mb-5 mb-lg-0">
        <!--begin::Title-->
        <h1 class="d-flex align-items-center text-dark fw-bolder fs-3 my-1">Student</h1>
        <!--end::Title-->
        <!--begin::Separator-->
        <span class="h-20px border-gray-300 border-start mx-4"></span>
        <!--end::Separator-->
        <!--begin::Breadcrumb-->
        <ul class="breadcrumb breadcrumb-separatorless fw-bold fs-7 my-1">
            <!--begin::Item-->
            <li class="breadcrumb-item text-muted">
                <a href="javascript:;" class="text-muted text-hover-primary">Create</a>
            </li>
        </ul>
        <!--end::Breadcrumb-->
    </div>
@endsection

@section('main-content')
    <!--begin::Post-->
    <div class="post d-flex flex-column-fluid" id="kt_post">
        <!--begin::Container-->
        <div id="kt_content_container" class="container-xxl">
            <h1 class="fw-bolder mb-9 ">Create Student</h1>
            <div class="row mb-3">
                <div class="col-md-12 pe-lg-10">

                    <div class="card mt-3">
                        <h5 class="card-header text-light" style="align-items:center !important;background:#1D669F">New Information</h5>
                        <div class="card-body">
                            <form enctype="multipart/form-data" action="{{ route('students.store') }}" name="application"
                                  class="form" method="POST">
                                @method('POST')
                                @csrf
                                <div class="row">
                                    <div class="d-flex flex-column mb-5 fv-row">
                                        <!--begin::Label-->
                                        <label class="required fs-5 fw-bold mb-2">Name</label>
                                        <!--end::Label-->
                                        <!--begin::Input-->
                                        <input value="{{ old('name') }}" type="text" class="form-control form-control-solid" placeholder="Enter Name" name="name" autocomplete="off" required/>
                                        @if($errors->has('name'))
                                            <span class="text-danger">{{ $errors->first('name') }}</span>
                                        @endif

                                        <!--end::Input-->
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="d-flex flex-column mb-5 fv-row">
                                                <!--begin::Label-->
                                                <label class="required fs-5 fw-bold mb-2">Email</label>
                                                <!--end::Label-->
                                                <!--begin::Input-->
                                                <input value="{{ old('email') }}" type="email" class="form-control form-control-solid" placeholder="Enter Email" name="email" autocomplete="off" required/>
                                                @if($errors->has('email'))
                                                    <span class="text-danger">{{ $errors->first('email') }}</span>
                                                @endif
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="d-flex flex-column mb-5 fv-row">
                                                <!--begin::Label-->
                                                <label class="required fs-5 fw-bold mb-2">Phone Number</label>
                                                <!--end::Label-->
                                                <!--begin::Input-->
                                                <input value="{{ old('phone_number') }}" type="text" class="form-control form-control-solid" placeholder="Enter Phone Number" name="phone_number" autocomplete="off" required/>
                                                @if($errors->has('phone_number'))
                                                    <span class="text-danger">{{ $errors->first('phone_number') }}</span>
                                                @endif
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="d-flex flex-column mb-5 fv-row">
                                            <!--begin::Label-->
                                            <label class="fs-5 fw-bold mb-2">Source of Lead</label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="text" class="form-control form-control-solid" placeholder="Enter Source of Lead" name="source_of_lead" value="" autocomplete="off" />

                                            <!--end::Input-->
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="d-flex flex-column mb-5 fv-row">
                                            <!--begin::Label-->
                                            <label class="fs-5 fw-bold mb-2">কখন কল করব?</label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input class="form-control form-control-solid flatpickr-input" placeholder="Enter Call Time" name="call_time" value="" autocomplete="off" />
                                            <!--end::Input-->
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="d-flex flex-column mb-5 fv-row">
                                            <!--begin::Label-->
                                            <label class="fs-5 fw-bold mb-2">পরামর্শদাতার নাম</label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="text" class="form-control form-control-solid" placeholder="Enter Consultant Name" name="consultant_name" value="" autocomplete="off" />

                                            <!--end::Input-->
                                        </div>
                                    </div>
{{--                                    <div class="col-md-6">--}}
{{--                                        <div class="d-flex flex-column mb-5 fv-row">--}}
{{--                                            <!--begin::Label-->--}}
{{--                                            <label class="required fs-5 fw-bold mb-2">Student Name</label>--}}
{{--                                            <!--end::Label-->--}}
{{--                                            <!--begin::Input-->--}}
{{--                                            <input type="text" required class="form-control form-control-solid" placeholder="Enter Student Name" name="student_name" value="" autocomplete="off" />--}}
{{--                                            <!--end::Input-->--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
                                    <div class="col-md-6">
                                        <div class="d-flex flex-column mb-5 fv-row">
                                            <label class="fs-6 fw-bold mb-2">Student Division</label>
                                            <select name="division_id" data-control="select2" data-placeholder="Select a Division ..." class="form-select form-select-solid" onchange="getDistrictByDiv(this.value)">
                                                <option selected disabled value="">Select Division</option>
                                                @if(!empty($divisions))
                                                    @foreach($divisions as $division)
                                                        <option value="{{$division->id}}">{{$division->name}}</option>
                                                    @endforeach
                                                @endif
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="d-flex flex-column mb-5 fv-row">
                                            <label class="fs-6 fw-bold mb-2">Student District</label>
                                            <select name="area" id="district" data-control="select2" data-placeholder="Select a District ..." class="form-select form-select-solid">
                                                <option selected disabled value="">Select District</option>
                                                @if(!empty($districts))
                                                    @foreach($districts as $district)
                                                        <option value="{{$district->id}}">{{$district->name}}</option>
                                                    @endforeach
                                                @endif
                                            </select>
                                        </div>
                                    </div>

                                    {{--<div class="col-md-6">
                                        <div class="d-flex flex-column mb-5 fv-row">
                                            <!--begin::Label-->
                                            <label class="fs-5 fw-bold mb-2">Student Mobile 1</label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="number" class="form-control form-control-solid" placeholder="Enter Student Mobile 1" name="mobile" value="" autocomplete="off" />
                                            <!--end::Input-->
                                        </div>
                                    </div>--}}
                                    <div class="col-md-6">
                                        <div class="d-flex flex-column mb-5 fv-row">
                                            <!--begin::Label-->
                                            <label class="fs-5 fw-bold mb-2">Student Mobile 2</label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="number" class="form-control form-control-solid" placeholder="Enter Student Mobile 2" name="mobile_two" value="" autocomplete="off" />
                                            <!--end::Input-->
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="d-flex flex-column mb-5 fv-row">
                                            <!--begin::Label-->
                                            <label class="fs-5 fw-bold mb-2">Student Location</label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="text" class="form-control form-control-solid" placeholder="Enter Student Location" name="location" value="" autocomplete="off" />


                                            <!--end::Input-->
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="d-flex flex-column mb-5 fv-row">
                                            <!--begin::Label-->
                                            <label class="fs-5 fw-bold mb-2">Guardian Mobile 1</label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="number" class="form-control form-control-solid" placeholder="Enter Gurdian Mobile 1" name="gd_mobile" value="" autocomplete="off" />


                                            <!--end::Input-->
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="d-flex flex-column mb-5 fv-row">
                                            <!--begin::Label-->
                                            <label class="fs-5 fw-bold mb-2">Guardian Mobile 2</label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="number" class="form-control form-control-solid" placeholder="Enter Gurdian Mobile 2" name="gd_mobile_two" value="" autocomplete="off" />


                                            <!--end::Input-->
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="d-flex flex-column mb-5 fv-row">
                                            <label class=" fs-6 fw-bold mb-2">Last Passing Degree</label>
                                            <select id="education_level" name="education_level" data-control="select2" data-placeholder="Select an Option ..." class="form-select form-select-solid" onchange="checkOtherVal(this.value)">
                                                <option selected disabled value="">Select Last Passing Degree</option>
                                                <option value="1">Diploma</option>
                                                <option value="2">Bachelor</option>
                                                <option value="3">Masters</option>
                                                <option value="4">Ph.D</option>
                                                <option value="0">Others</option>
                                            </select>

                                        </div>
                                    </div>


                                    <div class="col-md-6">
                                        <div class="d-flex flex-column mb-5 fv-row">
                                            <!--begin::Label-->
                                            <label class=" fs-5 fw-bold mb-2">Study Gap</label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="text" class="form-control form-control-solid" placeholder="Enter Study Gap" name="study_gap" value="" autocomplete="off" />
                                            <!--end::Input-->
                                        </div>
                                    </div>

                                    <div class="col-md-12 other_education_level d-none">
                                        <div class="d-flex flex-column mb-5 fv-row">
                                            <!--begin::Label-->
                                            <label class="fs-5 fw-bold mb-2">Other Passing Degree</label>
                                            <!--end::Label-->
                                            <!--begin::Input-->
                                            <input type="text" class="form-control form-control-solid" placeholder="Enter text" name="other_education_level" value="" autocomplete="off" />

                                            <!--end::Input-->
                                        </div>
                                    </div>

                                    <div class="col-md-6">
                                        <div class="d-flex flex-column mb-5 fv-row">
                                            <label class="fs-6 fw-bold mb-2">Category</label>
                                            <select id="category" name="category" data-control="select2" data-placeholder="Select a Category ..." class="form-select form-select-solid">
                                                <option selected disabled value="">Select Category</option>
                                                @if(!empty($categories))
                                                    @foreach($categories as $category)
                                                        <option value="{{$category->id}}">{{$category->name}}</option>
                                                    @endforeach
                                                @endif
                                            </select>
                                        </div>
                                    </div>

                                </div>

                                <div class="d-flex justify-content-end">
                                    <a style="margin-right:5px;" href="{{route('students.index')}}" class="btn btn-secondary">Back</a>
                                    <button type="submit" class="btn btn-primary" id="kt_contact_submit_button">
                                        <!--begin::Indicator-->
                                        <span class="indicator-label">Create</span>
                                    </button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


@endsection

@section('extra-css')
    <link href="{{ asset('css/toastr.css') }}" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="{{ asset('css/dropify.min.css') }}">
    <link rel="stylesheet" href="{{ asset('summernote/summernote.css') }}">
    <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
@endsection

@section('extra-script')
    <script>
        $(document).ready(function() {
            $('.menu-item-student-management').addClass('here');
            $('.menu-item-student-management').addClass('show');
            $('.menu-sub-item-student-management-student-create').addClass('active');
        });
        function getDistrictByDiv(id) {
            $.ajax({
                url: '