@extends('student.layouts.app')
@section('content')
<div class="main-content" id="panel">
    <!-- Topnav -->
    @include('student.layouts.navbar')
    <!-- Header -->
    <!-- Header -->
    <div class="header pb-6 d-flex align-items-center" style="min-height: 200px; background-image: url({{ asset($user->image)}}); background-size: cover; background-position: center top;">
      <!-- Mask -->
      <span class="mask bg-gradient-default opacity-8"></span>
      <!-- Header container -->
      <div class="container-fluid d-flex align-items-center">
        <div class="row">
          <div class="col-lg-7 col-md-10">
            <h1 class="display-2 text-white">Hello {{ $user->fname.' '.$user->lname }}</h1>
            <p class="text-white mt-0 mb-5">This is your profile page. You can see the progress you've made with your work and manage your projects or assigned tasks</p>
            <!-- <a href="#!" class="btn btn-neutral">Edit profile</a> -->
          </div>
        </div>
      </div>
    </div>
    <!-- Page content -->
    <div class="container-fluid mt--6">
        <div class="row">
            <div class="col-xl-12 order-xl-1">
                <div class="card">
                    <div class="card-header">
                        <div class="row align-items-center">
                            <div class="col-8">
                                <h3 class="mb-0">Profile </h3>
                            </div>
                            <div class="col-4 text-right">
                                <a href="{{ route('student-profile.edit',$user->id)}}" class="btn btn-sm btn-primary">Edit Profile</a>
                            </div>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-xl-12 order-xl-2">
                                <div class="card card-profile">
                                    <div class="row justify-content-center">
                                        <div class="col-lg-3 order-lg-2">
                                            <div class="card-profile-image">
                                                <a href="#">
                                                    <img src="{{ asset('storage/'.$user->image)}}" class="rounded-circle">
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-header text-center border-0 pt-8 pt-md-4 pb-0 pb-md-4">
                                        <div class="d-flex justify-content-between">
                                            {{-- <a href="#" class="btn btn-sm btn-info  mr-4 ">Connect</a>
                                            <a href="#" class="btn btn-sm btn-default float-right">Message</a> --}}
                                        </div>
                                    </div>
                                    <div class="card-body pt-0">
                                        <div class="row">
                                            <div class="col">
                                                <div class="card-profile-stats d-flex justify-content-center">
                                                    <div>
                                                        <span class="heading">22</span>
                                                        <span class="description">Friends</span>
                                                    </div>
                                                    <div>
                                                        <span class="heading">10</span>
                                                        <span class="description">Photos</span>
                                                    </div>
                                                    <div>
                                                        <span class="heading">89</span>
                                                        <span class="description">Comments</span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="text-center">
                                            <h5 class="h3">
                                                {{ Str::ucfirst($user->fname )}}  {{ Str::ucfirst($user->lname )}}
                                            </h5>
                                            <div class="h5 font-weight-400">
                                                <i class="ni location_pin mr-2"></i> @if($user->studentDetails){{  $user->studentDetails->country->name ?? ''}}, {{ $user->studentDetails->city->name ?? '' }}, {{ $user->studentDetails->state->name ?? '' }}@endif
                                            </div>
                                            <div class="h5 font-weight-300">
                                                <i class="ni location_pin mr-2"></i> @if($user->studentDetails){{ $user->studentDetails->about_me }}@endif
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xl-6 order-xl-2">
                                <div class="card-body pt-0">
                                    <div class="row">
                                        <div class="col">
                                            <div class="card-profile-stats d-flex">
                                                <div>
                                                    <span class="description">Personal Information</span>
                                                    <hr class="m-0">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row ">
                                        <div class="h5 font-weight-600 col-md-6">
                                            <label for="Name">Full Name :</label>
                                        </div>
                                        <div class="h5  col-md-6">
                                            <label for="Name"  class="label-details" >{{ Str::ucfirst($user->fname )}}  {{ Str::ucfirst($user->lname )}}</label>
                                        </div>
                                    </div>
                                    <div class="row ">
                                        <div class="h5 font-weight-600 col-md-6">
                                            <label for="Name">Email :</label>
                                        </div>
                                        <div class="h5  col-md-6">
                                            <label for="Name"  class="label-details">{{ $user->email ?? '' }}</label>
                                        </div>
                                    </div>
                                    <div class="row ">
                                        <div class="h5 font-weight-600 col-md-6">
                                            <label for="Name"> Alternative Email :</label>
                                        </div>
                                        <div class="h5  col-md-6">
                                            <label for="Name"  class="label-details">@if($user->studentDetails){{ $user->studentDetails->alternative_email ?? '' }} @endif</label>
                                        </div>
                                    </div>
                                    <div class="row ">
                                        <div class="h5 font-weight-600 col-md-6">
                                            <label for="Name">Gender :</label>
                                        </div>
                                        <div class="h5  col-md-6">
                                            <label for="Name"  class="label-details">@if($user->studentDetails){{ Str::ucfirst($user->studentDetails->gender ?? '') }} @endif</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xl-6 order-xl-2">
                                <div class="card-body pt-0">
                                    <div class="row">
                                        <div class="col">
                                            <div class="card-profile-stats d-flex">
                                                <div>
                                                    <span class="description">Contact Information</span>
                                                    <hr class="m-0">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row ">
                                        <div class="h5 font-weight-600 col-md-6">
                                            <label for="Name">Country :</label>
                                        </div>
                                        <div class="h5  col-md-6">
                                            <label for="Name"  class="label-details" >@if($user->studentDetails){{ $user->studentDetails->country->name }}@endif</label>
                                        </div>
                                    </div>
                                    <div class="row ">
                                        <div class="h5 font-weight-600 col-md-6">
                                            <label for="Name">State :</label>
                                        </div>
                                        <div class="h5  col-md-6">
                                            <label for="Name"  class="label-details">@if($user->studentDetails){{ $user->studentDetails->state->name }}@endif</label>
                                        </div>
                                    </div>
                                    <div class="row ">
                                        <div class="h5 font-weight-600 col-md-6">
                                            <label for="Name">City :</label>
                                        </div>
                                        <div class="h5  col-md-6">
                                            <label for="Name"  class="label-details">@if($user->studentDetails){{ $user->studentDetails->city->name }}@endif</label>
                                        </div>
                                    </div>
                                    <div class="row ">
                                        <div class="h5 font-weight-600 col-md-6">
                                            <label for="Name">Contact Number  :</label>
                                        </div>
                                        <div class="h5  col-md-6">
                                            <label for="Name"  class="label-details">@if($user->studentDetails){{ $user->studentDetails->contact_number }} @endif</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-xl-12 order-xl-2">
                                <div class="card-body pt-0">
                                    <div class="row">
                                        <div class="col-lg-12">
                                            <div class="card-profile-stats  ">
                                                <div class="text-left">
                                                    <span class="description ">Educational Information</span>
                                                    <hr class="m-0">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row ">
                                        <div class="h5 font-weight-600 col-md-6">
                                            <label for="Name">Graduation Stream :</label>
                                        </div>
                                        <div class="h5  col-md-6">
                                            <label for="Name"  class="label-details">@if($user->studentDetails){{ $user->studentDetails->graduationStream->stream_name ?? 'No Stream Selected' }}@endif</label>
                                        </div>
                                    </div>
                                    <div class="row ">
                                        <div class="h5 font-weight-600 col-md-6">
                                            <label for="Name">Highest qualification :</label>
                                        </div>
                                        <div class="h5  col-md-6">
                                            <label for="Name"  class="label-details">@if($user->studentDetails){{ $user->studentDetails->highest_qualification ?? '' }}@endif</label>
                                        </div>
                                    </div>
                                    <div class="row ">
                                        <div class="h5 font-weight-600 col-md-6">
                                            <label for="Name">Intitute/University :</label>
                                        </div>
                                        <div class="h5  col-md-6">
                                            <label for="Name"  class="label-details">@if($user->studentDetails)@if($user->studentDetails->institution) {{ $user->studentDetails->institution->institution_name ?? '' }} @endif @endif</label>
                                        </div>
                                    </div>
                                    <div class="row ">
                                        <div class="h5 font-weight-600 col-md-6">
                                            <label for="Name">Gender :</label>
                                        </div>
                                        <div class="h5  col-md-6">
                                            <label for="Name"  class="label-details">@if($user->studentDetails){{ Str::ucfirst($user->studentDetails->gender ?? '') }}@endif</label>
                                        </div>
                                    </div>
                                    <div class="row ">
                                        <div class="h5 font-weight-600 col-md-6">
                                            <label for="Name">Year of passing :</label>
                                        </div>
                                        <div class="h5  col-md-6">
                                            <label for="Name"  class="label-details">@if($user->studentDetails){{ $user->studentDetails->year_of_passing ?? '' }}@endif</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <!-- Footer -->
                <footer class="footer pt-0">
                    <div class="row align-items-center justify-content-lg-between">
                    <div class="col-lg-6">
                        <div class="copyright text-center  text-lg-left  text-muted">
                        &copy; 2020 <a href="https://www.creative-tim.com" class="font-weight-bold ml-1" target="_blank">Creative Tim</a>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <ul class="nav nav-footer justify-content-center justify-content-lg-end">
                        <li class="nav-item">
                            <a href="https://www.creative-tim.com" class="nav-link" target="_blank">Creative Tim</a>
                        </li>
                        <li class="nav-item">
                            <a href="https://www.creative-tim.com/presentation" class="nav-link" target="_blank">About Us</a>
                        </li>
                        <li class="nav-item">
                            <a href="http://blog.creative-tim.com" class="nav-link" target="_blank">Blog</a>
                        </li>
                        <li class="nav-item">
                            <a href="https://github.com/creativetimofficial/argon-dashboard/blob/master/LICENSE.md" class="nav-link" target="_blank">MIT License</a>
                        </li>
                        </ul>
                    </div>
                    </div>
                </footer>
            </div>
        </div>
    </div>
</div>
  @push('cs')
<script>
$("#country").change(function(){

  var cid = $(this).val()
    $.ajax({
        type: "get",
        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: "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