@extends('layouts.template')
@section('content')

<section class="inner_header blue ">
    <div class="container inner-header-title">
         <div class="container inner-header-title">               
                    <h1>Application Details</h1>               
   
            </div>

 
    </div>
    </section>   
<section class="inner_header white bottom-mrg">
    <div class="container-desc" > 
    <div class="row-desc">
    <div class="row bottom-mrg">
      <div class="col-md-12 col-sm-12 cust-flaot-left"> 
        
         <div class="col-md-4 col-sm-4">
          &nbsp;
         </div>
         <div class="col-md-5 col-sm-5">
        &nbsp;
       </div>
       <div class="col-md-3 col-sm-3 text-align-right">
        <div><a  data-toggle="modal" data-target="#myModal">New Application</a></div>
     </div>
     </div>
     <div class="col-md-12 col-sm-12 cust-flaot-left"> 
        <div class="col-md-2 col-sm-6">
            <div class="min-w-150 w-size-150 mr-3 position-relative">
                              <img src="{{url('img/user.png')}}" class="circle img-thumbnail display_student_img" alt="">
                            </div>
         </div>
         @if(!empty($universityapply->toArray()))
         @foreach($universityapply as $uniappy)
         <div class="col-md-10 col-sm-10 m-t-20" style="float:right;"> 
         <div class="col-md-3 col-sm-3 p-0">
            <div><strong>Name</strong> : {{$name}}</div>
            <div><strong>Email</strong>: {{$email}}</div>
            <div><strong>Phone</strong>: {{$phone}}</div>
         </div>
         <div class="col-md-6 col-sm-6 p-0">
          <div><strong>Application No: </strong>	{{@$uniappy->applicationid}}</div>
          <div><strong>Course Name: </strong>	{{@$uniappy->courses->course_name}}</div>
          <div><strong>Level: </strong>	{{@$uniappy->level->level_name}}</div>
          <div><strong>University name: </strong> {{@$uniappy->university->uni_name}}</div>
          <div><strong>Country: </strong>	{{@$uniappy->country->country_name}}</div>
       </div>
      <div class="col-md-3 col-sm-3 p-0  text-a-c">
              </div>
      </div>
      @endforeach
      @else 
      <div class="col-md-10 col-sm-10 m-t-20">No application</div>
      @endif
     </div>

     
     <div class="col-md-12 col-sm-12 cust-flaot-left">
      <div class="col-md-12 col-sm-12 cust-flaot-left card " >
      <div class="col-md-12 col-sm-12 cust-flaot-left cust-box-1 " >
      <div class="col-md-7 col-sm-7 text-left cust-box-2 ">{{count($studcomments)}} Comments</div><div class="col-md-5 col-sm-5 text-right cust-box-2 "><a href="#" id="commentformclick">Add comment</a></div></div>
            @if(!empty($studcomments))
      @foreach($studcomments as $studcomment)     
     <div class="col-md-12 col-sm-12 cust-flaot-left">
      <div class="col-md-1 col-sm-1 cust-flaot-left">
                  <img src="{{url('img/user.png')}}" class="circle img-thumbnail display_student_img" alt="">
                </div>
      <div class="col-md-11 col-sm-11 cust-flaot-left-4">{{$studcomment->getuser->name."  ".date("M-Y",strtotime($studcomment->created_at))}}</div>
      <div class="col-md-11 col-sm-11 cust-flaot-left">{{$studcomment->stud_comment}}
        <div class="col-md-12 col-sm-12 "><a   onclick="showcomment('commentId0')" title="" class=" replay-1 fa-tip" data-original-title="Add reply"><span class="badge badge-pill bdr bdr-gray-2 text-gray-1"><i class="fa fa-reply mr-1"></i> Reply</span></a></div>
      </div>
      <div class="col-md-12 col-sm-12 " id="txtsubcmt-0" style="margin:10px;display:block;">
      @if(!empty($studcomment->children))
      @foreach($studcomment->children as $stdcomment)
      
      <div class="col-md-12 col-sm-12 " style="margin:10px;">
     
       <div class="col-md-1 col-sm-1 ">
                  <img src="{{url('img/user.png')}}" class="circle img-thumbnail display_student_img" alt="">
                  
        </div>
        <div class="col-md-11 col-sm-11 cust-flaot-left-4" >{{$stdcomment->getuser->name."  ".date("M-Y",strtotime($stdcomment->created_at))}}</div>
        <div class="col-md-11 col-sm-11 " >{{$stdcomment->stud_comment}}
        </div>
        </div>
        @endforeach
        @endif
      </div>
     
      <div class="col-md-12 col-sm-12 " id="commentId0" style="display:none;">
        <div class="col-md-1 col-sm-1 "><img src="{{url('img/user.png')}}" class="circle img-thumbnail display_student_img" alt="" wirth="40"></div>
        <div class="col-md-11 col-sm-11 "><textarea style="width:100%" id="textareacomment{{$i}}" class="form-control bg-white comment_text" placeholder="Write your comments..."></textarea></div>       
        <div class="col-md-12 col-sm-12 text-right" style="margin-top:10px;"><button class="btn btn-lg btn-primary btn-x post_comment" onclick="commentpost({{$i}})" >Post</button></div>
      </div>
    </div>
  <input type="hidden" id="custval{{$i}}" name="custval{{$i}}" value="{{$studcomment->stud_consellor_id}}">
  <input type="hidden" id="cmmtid{{$i}}" name="cmmtid{{$i}}" value="{{$studcomment->id}}">
            @endforeach
      @endif
      <input type="hidden" id="custval{{$i}}" name="custval{{$i}}" value="0">
      <input type="hidden" id="cmmtid{{$i}}" name="cmmtid{{$i}}" value="0">
      <div class="col-md-12 col-sm-12 cust-flaot-left" id="txtsubcmt-1" style="display:none;">
   

      </div>
      <div class="col-md-12 col-sm-12 " id="commentform">
        <div class="col-md-1 col-sm-1 "><img src="{{url('img/user.png')}}" class="circle img-thumbnail display_student_img" alt="" wirth="20"></div>
        <div class="col-md-11 col-sm-11 "><textarea style="width:100%" id="textareacomment{{$i}}" class="form-control bg-white comment_text" placeholder="Write your comments..."></textarea></div>       
      </div>
      <div class="col-md-12 col-sm-12 cust-flaot-left" >
       
        <div class="col-md-1 col-sm-1 ">&nbsp;</div>
        <div class="col-md-11 col-sm-11 text-right"><button class="btn btn-lg btn-primary btn-x post_comment" onclick="commentpost({{$i}})" >Post</button></div>       
      </div>
      </div>
    </div>
    <input type="hidden" value="{{$id}}" id="sudentid" class="sudentid">

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

<!-- Modal -->
<div id="myModal" class="modal fade t-m-20" role="dialog">
  <form method="post" action="{{url('/coursesapply')}}" id="upload_form" >
    @csrf
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Apply to University</h4>
      </div>
      <div class="modal-body">
        <p><select class="form-control" name="course_country_id" id="country" >
           <option value="0">Country - All</option>
           @if(count($countriess)>0)
           @foreach($countriess as $country)
           <option value="{{$country->country_id}}" >{{$country->country_name}}</option>
           @endforeach
           @endif
       </select></p>
      
       <p>  <select class="form-control" name="course_university_id" id="university" >
        <option value="0">University - All</option>
    </select></p>
    <p><select class="form-control" name="course_level_id" id="level">
      <option value="0">Level - All</option> 
      @if(count($levels)>0)
      @foreach($levels as $level)
      <option value="{{$level->level_id}}" >{{$level->level_name}}</option>
      @endforeach
      @endif
  </select></p>
    <p>   <select class="form-control" name="course_id" id="courseid" >
     <option value="0">Course - All</option>
     </select></p>

      </div>
      <div class="modal-footer">
        <button type="submit" value="submit" class="btn btn-default" >Apply Now</button>
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

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

<!--  end Modal -->
<!--  end Modal -->
 <script>
   function showcomment(id){
 
    $("#"+id).toggle();
   }
$("#commentformclick").on('click', function(e) {
   e.preventDefault();   
   $('html, body').animate({
        scrollTop: $("#commentform").offset().top
     }, 900);
});
   var filecomments="{{url('commentperson')}}";
   var levlurls="{{url('universitylcourse')}}";
  var urls="{{url('homecountryuniversity')}}";
  var surls="{{url('homeuniversitycourse')}}";
  var lurls="{{url('homesubjectlevels')}}";
  var lurls="{{url('homecourse')}}";
  var phoneurl="{{url('phoneupdate')}}";
  var fileupload="{{url('documentupload')}}";
           </script>
            <script type="text/javascript" src="{{url('js/homepagesearch.js')}}"></script>
            <script type="text/javascript" src="{{url('js/updatephonenumber.js')}}"></script>
            <script type="text/javascript" src="{{url('js/uploaddocs.js')}}"></script>
            <script type="text/javascript" src="{{url('js/comments.js')}}"></script>
@endsection