@extends('../student_layout/' . $layout)

@section('subhead')
    <title>Change Profile</title>
@endsection

@section('subcontent')
    <div class="intro-y flex items-center mt-8">
        <h2 class="text-lg font-medium mr-auto">Change Profile</h2>
    </div>
    <div class="grid grid-cols-11 gap-x-6 mt-5 pb-20">
      
        <div class="intro-y col-span-11 2xl:col-span-9">
           
            <!-- BEGIN: Product Information -->
            <form action="{{route('student.credential.setting')}}" method="post">
                @csrf
                @method('post')
            <div class="intro-y box p-5 mt-5">
                <div class="border border-slate-200/60 dark:border-darkmode-400 rounded-md p-5">
                    <div class="font-medium text-base flex items-center border-b border-slate-200/60 dark:border-darkmode-400 pb-5">
                          Change Email & Password
                    </div>
                    <div class="mt-5">
                        <div class="form-inline items-start flex-col xl:flex-row mt-5 pt-5 first:mt-0 first:pt-0">
                            <div class="form-label xl:w-64 xl:!mr-10">
                                <div class="text-left">
                                    <div class="flex items-center">
                                        <div class="font-medium">Email</div>
                                        {{-- <div class="ml-2 px-2 py-0.5 bg-slate-200 text-slate-600 dark:bg-darkmode-300 dark:text-slate-400 text-xs rounded-md">Required</div> --}}
                                    </div>
                                </div>
                            </div>
                            <div class="w-full mt-3 xl:mt-0 flex-1">
                                <input id="product-name" type="text" name="email" class="form-control" placeholder="Email" value="{{$student->email}}">
                                {{-- <div class="form-help text-right">Maximum character 0/70</div> --}}
                            </div>
                        </div>
                        <div class="form-inline items-start flex-col xl:flex-row mt-5 pt-5 first:mt-0 first:pt-0">
                            <div class="form-label xl:w-64 xl:!mr-10">
                                <div class="text-left">
                                    <div class="flex items-center">
                                        <div class="font-medium">Password</div>
                                        {{-- <div class="ml-2 px-2 py-0.5 bg-slate-200 text-slate-600 dark:bg-darkmode-300 dark:text-slate-400 text-xs rounded-md">Required</div> --}}
                                    </div>
                                </div>
                            </div>
                            <div class="w-full mt-3 xl:mt-0 flex-1">
                                <input id="product-name" type="text" name="password" class="form-control" placeholder="Password" value="{{$student->password}}">
                            </div>
                        </div>
                         
                    </div>
                </div>
            </div>
            <!-- END: Product Information -->
            
           
            <div class="flex justify-end flex-col md:flex-row gap-2 mt-5">
                {{-- <button type="button" class="btn py-3 border-slate-300 dark:border-darkmode-400 text-slate-500 w-full md:w-52">Cancel</button>
                <button type="button" class="btn py-3 border-slate-300 dark:border-darkmode-400 text-slate-500 w-full md:w-52">Save & Add New Product</button> --}}
                <button type="submit" class="btn py-3 btn-primary w-full md:w-52">Save</button>
            </div>
        </form>

        </div>
         
    </div>
@endsection

@section('script')
    <script src="{{ mix('dist/js/ckeditor-classic.js') }}"></script>
@endsection