@extends('coach.layouts.app')
@section('content')
<div class="main-content" id="panel">
    <!-- Topnav -->
    @include('coach.layouts.navbar')
    <!-- Header -->
    <!-- Header -->
    <!-- Page content -->
    <div class="container-fluid mt-4">
        <div class="row justify-content-center">
            <div class="col-lg-6 col-md-8">
              <div class="card bg-secondary border-0">

                <div class="card-body px-lg-5 py-lg-5">
                  <div class="text-center text-primary font-weight-bolder mb-4">
                    Resigter New Student
                  </div>
                     @if(Session::has('error'))
                    <p class="alert alert-danger alert-sm">{{ Session::get('error') }}</p>
                    @endif
                    @if(Session::has('success'))
                    <p class="alert alert-success alert-sm">{{ Session::get('success') }}</p>
                    @endif
                    <form role="form" action="{{ route('student.store') }}" method="POST">
                        @csrf
                        <div class="form-group">
                        <div class="input-group input-group-merge input-group-alternative mb-3">
                            <div class="input-group-prepend">
                            <span class="input-group-text"><i class="ni ni-hat-3"></i></span>
                            </div>
                            <input class="form-control" placeholder="First Name" name="fname" type="text">
                        </div>
                        @if($errors->has('fname'))
                        <div class="error text-danger"> {{  str_replace("fname","First name",$errors->first('fname')) }} </div>
                        @endif
                        </div>
                        <div class="form-group">
                            <div class="input-group input-group-merge input-group-alternative mb-3">
                            <div class="input-group-prepend">
                                <span class="input-group-text"><i class="ni ni-hat-3"></i></span>
                            </div>
                            <input class="form-control" placeholder="Last Name" name="lname" type="text">
                            </div>
                            @if($errors->has('lname'))
                            <div class="error text-danger"> {{  str_replace("lname","Last Name",$errors->first('lname')) }} </div>
                            @endif
                        </div>
                        <div class="form-group">
                            <div class="input-group input-group-merge input-group-alternative mb-3">
                            <div class="input-group-prepend">
                                <span class="input-group-text"> <i class="fa fa-phone"></i></span>
                            </div>
                            <input class="form-control" placeholder="Mobile Number" name="mobile_number" type="text">
                            </div>

                            @if($errors->has('mobile_number'))
                            <div class="error text-danger"> {{  str_replace("mobile number","Mobile Number",$errors->first('mobile_number')) }} </div>
                            @endif
                        </div>

                        <div class="form-group">
                            <div class="input-group input-group-merge input-group-alternative mb-3">
                                <div class="input-group-prepend">
                                <span class="input-group-text"><i class="ni ni-email-83"></i></span>
                                </div>
                                <input class="form-control" placeholder="Email" name="email" type="email">
                            </div>
                            @if($errors->has('email'))
                                <div class="error text-danger"> {{  str_replace("email","Email",$errors->first('email')) }} </div>
                            @endif
                        </div>
                        <div class="form-group">
                            <div class="input-group input-group-merge input-group-alternative mb-3 bg-white p-2">
                                <div class="form-check ">
                                  <label class="form-check-label ">
                                    <input type="checkbox" class="form-check-input " name="notify" 
                                    value="yes" checked>
                                    notify student
                                  </label>
                                </div>
                            </div>
                            @if($errors->has('email'))
                                <div class="error text-danger"> {{  str_replace("email","Email",$errors->first('email')) }} </div>
                            @endif
                        </div>
                        <div class="text-center">
                        <button type="submit" class="btn btn-primary mt-4">Create account</button>
                        </div>
                    </form>
                    </div>
                </div>
                </div>
            </div>
      <!-- Footer -->

    </div>
  </div>
  @push('cs')
<script>
$("#country").change(function(){

  var cid = $(this).val()
    $.ajax({
        type: "get",
        url: "{{url('/') }}/get-state/"+cid,
        success: function (data) {
            $("#state").empty();
            $.each(data, function(i,item) {
               $("#state").append(`
                    <option value="${item.id}">${item.name}</option>
                `);
            });
        }
    });
});

$("#state").change(function(){

  var sid = $(this).val()
    $.ajax({
        type: "get",
        url: "{{url('/') }}/get-city/"+sid,
        success: function (data) {
            $("#city").empty();
            $.each(data, function(i,item) {
               $("#city").append(`
                    <option value="${item.id}">${item.name}</option>
                `);
            });
        }
    });
});

$(".chosen-select").chosen({
  no_results_text: "Oops, nothing found!"
})

$(".form-control").change(function (e) {
   console.log($(this));
   $(this).parent().parent().find('.error').html('');
});
</script>
  @endpush
@endsection