@extends('layouts.webmaster')

@push('page-style')
<style type="text/css">
    .text-danger { color: #f50500 }
</style>
<link rel="stylesheet" href="{{ asset('www/css/datepicker.css') }}" >
@endpush

@section('page-content')
<section class="page_breadcrumbs ds background_cover  ">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 text-center">
                <ol class="breadcrumb greylinks">
                    <li><a href="{{route('website')}}">
                        Home
                    </a></li>
                    <li class="active">Forgot Password</li>
                </ol>
            </div>
        </div>
    </div>
</section>

<section class="mt-50">
    <div class="container">
        <div class="row registration-form">

            @if (session()->has('success'))
            <div class="alert alert-success alert-dismissible">
                <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                {{ Session::get('success') }}
            </div>
        @endif

         @if (session()->has('failed'))
            <div class="alert alert-danger alert-dismissible">
                <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
                {{ Session::get('failed') }}
            </div>
        @endif
              <!-- <form class="form-horizontal" method="POST" action="{{ route('password.email') }}"> -->
              <form class="form-horizontal" method="POST" action="{{ route('password.email') }}">
                {{ csrf_field() }}
                <div id="faq-accordion" class="panel-group collapse-unstyled">
                    <div class="panel">
                        <div class="regi-head">
                            <a data-toggle="collapse" id="faq-accordion" data-parent="#faq-accordion" href="#faq-collapse1" class="collapsed">
                                <h5>Forgot Password</h5>
                            </a>
                        </div>
                        <div id="faq-collapse1" class="panel-collapse collapse">
                            <div class="panel-content">
                                <!-- <div class="regi-input">
                                    <div class="col-sm-4 col-sm-offset-3">
                                        <div class="form-group">
                                            <label for="proposer">Member :</label>
                                            <select name="member_id" class="" id="proposer">
                                                <option value="" selected="" disabled="">Choose Member</option>
                                               
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-sm-4">
                                        <div class="form-group topmargin_35">
                                            <a class="theme_button color2 margin_0 text-center "  id="member_next_btn">
                                                Search <i class="fa fa-angle-double-right"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div> -->


                        <div class="form-group{{ $errors->has('email') ? ' has-error' : '' }}">
                            <label for="email" class="col-md-4 control-label">E-Mail Address</label>

                            <div class="col-md-6">
                                <input id="email" type="email" class="form-control" name="email" value="{{ old('email') }}" required>

                                @if ($errors->has('email'))
                                    <span class="help-block">
                                        <strong>{{ $errors->first('email') }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>

                        <div class="form-group">
                            <div class="col-md-6 col-md-offset-4">
                                <button type="submit" class="theme_button color2 margin_0 text-center ">
                                    Send Password Reset Link <i class="fa fa-angle-double-right"></i>
                                </button>
                            </div>
                        </div>

                       
                                <div class="clearfix"></div>

                               
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</section>


@endsection

@push('page-script')
<script src="{{ asset('www/js/datepicker.js') }}"></script>

<script>
    $(document).ready(function () {
        $("#member_next_btn").click(function(){
            var member_id = $('#proposer').find("option:selected").val();

            $.ajax({
                type:"GET",
                url:"{{url('get_member_details')}}/"+member_id,
                success:function(response){
// alert(response);
var json = $.parseJSON(response); // create an object with the key of the array
// alert(json.l_name);
// var membercode = json.member_type+" "+json.member_code;
$('#member_code').text(json.member_code);

$('#salutation').text(json.salutation);
$('#fullname').text(json.fullname);
$('#dob').text(json.dob);
$('#contact').text(json.contact);
$('#email').text(json.email);
$('#address').text(json.address);
$('#pincode').text(json.pincode);
// $('#profile_photo').attr("src", json.profile_photo);
// $('#profile_photo').attr("alt", json.fullname);
$('#sarawani_member').text(json.sarawani_member);
}
});

        });

    });

// $('#proposer').change(function(){
//  var member_id = $(this).find("option:selected").val();

//  $.ajax({
//          type:"GET",
//          url:"{{url('get_member_details')}}/"+member_id,
//          success:function(response){
//              // alert(response);
//              var json = $.parseJSON(response); // create an object with the key of the array
//                      // alert(json.l_name);
//                      $('#member_code').text(json.l_name);
//                      var fullname = json.f_name+" "+json.m_name+" "+json.l_name;
//                      $('#salutation').text(json.salutation);
//                      $('#fullname').text(fullname);
//                      $('#dob').text(json.dob);
//                      $('#contact').text(json.contact);
//                      $('#email').text(json.email);
//                      $('#address').text(json.address);




//          }
//      });

// });

$('#l_name').change(function(){

    var l_name = $(this).find("option:selected").val();

    console.log(l_name);

    if(l_name){
        $.ajax({
            type:"GET",
            url:"{{url('get-khunp-list-website')}}/"+l_name,
            success:function(response){

                alert(response);
                console.log(res);
                $('#khanp').val(res.khanp[0]['name']);

                $("#up_khanp").empty();

                $.each(res.upkhanp,function(key,value){
//$("#up_khanp").append('<option value="'+value.id+'">'+value.name+'</option>');
//alert(value.name);
$('#up_khanp').append($('<option>', {
    value: value.id,
    text : value.name
}));


});

            }
        });
    }
});

//  $('#member_type').change(function(){
//      var member_type = $(this).val();
//      console.log(l_name);
// // alert(l_name);
// if(l_name){
//  $.ajax({
//      type:"GET",
//      url:"{{url('get-member-code-website')}}/"+member_type,
//      success:function(res){
//
//          $("#member_code").text("Member Code : "+res);
//
//      }
//  });
// }
// });
</script>
<script>
    $(function(){
        $('#up_khanp, #d1').show();

    })
</script>

<script type="text/javascript">
    $(document).ready(function(){

        var l_name = $('#l_name').find("option:selected").val();
//  $('#khanp').val(l_name);

//  var select = $("#up_khanp")[0];

// select.add(new Option("Agiwal", 1));
// select.add(new Option("Agal", 4));
// alert(l_name);
});
</script>
@endpush