@extends('layout')
@section('content')
    

<?php
                                
    $adminType = App\Helpers\PermissionActivity::adminType();
        
?>

<!-- begin::main content -->

<main class="main-content">

    <div class="container">

        <!-- begin::page header -->
        <div class="page-header">
            <h3>Add User's  Parent</h3>
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="#">Dashboard</a></li>  
                    <li class="breadcrumb-item active" aria-current="page"><a href="{{asset('superadmin/user-list/')}}">User</a></li>                  
                    <li class="breadcrumb-item active" aria-current="page">Add</li>
                </ol>
            </nav>
        </div>
        <!-- end::page header -->

        <div class="row">
            <div class="col-md-6">

                

                <div class="card">
                    <div class="card-body">
                        <a href="{{asset(''.$adminType.'/user-list')}}" class="btn btn-primary pull-right"><i class="fa fa-list"></i>&nbsp; Student List</a>
                        <x-flashMessage/>
                        <h6 class="card-title">Add Parent Information</h6>
                        <form action="{{asset(''.$adminType.'/add-parent-user/')}}" method="post">
                            @csrf
                          

                            <div class="form-group">
                                <label for="email">Parent's Email/Mobile <span class="text-danger">*</span></label>
                                <input type="text" class="form-control" name="email" value="{{old('email')}}" id="email" placeholder="Enter Email/Phone ">
                               
                                @if ($errors->has('email'))
                                <div class="error">
                                    {{ $errors->first('email') }}
                                </div>
                                @endif

                            </div>

                            <!-- <div class="form-group">
                                <label for="phone">Parent's Mobile</label>
                                <input type="number" class="form-control" name="phone" value="{{old('phone')}}" id="phone" placeholder="Enter Phone">
                               
                                @if ($errors->has('phone'))
                                <div class="error">
                                    {{ $errors->first('phone') }}
                                </div>
                                @endif

                            </div> -->

                            <div class="form-group">
                                <label for="phone">First Name <span class="text-danger">*</span></label>
                                <input type="text" class="form-control" name="firstname" value="{{old('firstname')}}" id="phone" placeholder="Enter First Name">
                               
                                @if ($errors->has('firstname'))
                                <div class="error">
                                    {{ $errors->first('firstname') }}
                                </div>
                                @endif

                            </div>

                            <div class="form-group">
                                <label for="phone">Last Name <span class="text-danger">*</span></label>
                                <input type="text" class="form-control" name="lastname" value="{{old('lastname')}}" id="phone" placeholder="Enter Last Name">
                               
                                @if ($errors->has('lastname'))
                                <div class="error">
                                    {{ $errors->first('lastname') }}
                                </div>
                                @endif

                            </div>

                            <div class="form-group">
                                <label for="phone">Choose Username <span class="text-danger">*</span></label>
                                <input type="text" class="form-control" name="logUsername" value="{{'BT'.uniqid()}}" id="logUsername" placeholder="Enter Username">
                               
                                @if ($errors->has('logUsername'))
                                <div class="error">
                                    {{ $errors->first('logUsername') }}
                                </div>
                                @endif
                                <span id="msg"></span>
                            </div>
                           

                            <div class="form-group">
                                <label for="password">Password <span class="text-danger">*</span></label>
                                <input type="password" class="form-control" name="password" value="{{old('password')}}" id="password" placeholder="Enter Password">
                               
                                @if ($errors->has('password'))
                                <div class="error">
                                    {{ $errors->first('password') }}
                                </div>
                                @endif

                            </div>

                            <div class="form-group">
                                <label for="password">Confirm Password <span class="text-danger">*</span></label>
                                <input type="password" class="form-control" name="cpassword" value="{{old('cpassword')}}" id="cpassword" placeholder="Enter Confirm Password">
                               
                                @if ($errors->has('cpassword'))
                                <div class="error">
                                    {{ $errors->first('cpassword') }}
                                </div>
                                @endif

                            </div>


                            <div class="form-group">

                            <label class="radio-inline"><input type="radio" name="gender" value="male" checked required>Male</label>
                            <label class="radio-inline"><input type="radio" name="gender" value="female">Female</label>
                            <label class="radio-inline"><input type="radio" name="gender" value="other">Other</label>
                            
                        </div>
                          


                            
                          
                           
                           
                            <button type="submit" class="btn btn-primary">Submit</button>
                        </form>
                    </div>
                </div>



            </div>
           
        </div>

    </div>

</main>
<!-- end::main content -->

@endsection
@push('footer-script')
    <!-- begin::select2 -->
      <!-- begin::select2 -->
<link rel="stylesheet" href="{{asset('public/admin/vendors/select2/css/select2.min.css')}}" type="text/css">
      <!-- end::select2 -->
  
<script src="{{asset('public/admin/vendors/select2/js/select2.min.js')}}"></script>
<script src="{{asset('public/admin/js/examples/select2.js')}}"></script>

<script src="{{asset('public/admin/vendors/datepicker/daterangepicker.js')}}"></script>
<script src="{{asset('public/admin/js/examples/datepicker.js')}}"></script>
<script>
    $(document).ready(function(){
        
        $('#logUsername').keyup(function(e){
            e.preventDefault();
            var username = $(this).val();

            $.ajaxSetup({
                      headers: {
                          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                      }
                      });


            
            $.ajax({
                type:"post",
                data:{
                    "username":username
                },
                url:"{{ asset('superadmin/check-username') }}",
                dataType:"html",
                success:function(result)
                {
                    var obj = JSON.parse(result);
                    $('#msg').html(obj);
                        // console.log(result);
                }
            })
        })
    })
</script>


<!-- end::select2 -->
@endpush