@extends('layouts.parents.master') 
@section('title')
    {{studentCommonName(auth()->guard('student')->user()->username).__(' | View Port Folio')}}
@endsection
@section('headerTitle')
  {{__('View Port Folio')}}
@endsection
@section('content')
<style>
  .student-profile img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.student-profile {
    position: relative;
    background: #fff;
}
.student-profile span {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #00000075;
    color: #fff;
    padding: 2px 11px 4px;
    border-radius: 30px;
    font-size: 14px;
}
.st-info {
    padding: 11px 20px;
}
.st-info h4 {
    font-size: 20px;
}
.st-info h5 {
    font-size: 15px;
    opacity: 0.6;
}
h4.student-detials {
    margin-top: 24px;
}
.student-detials-box {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    margin-top: 15px;
    align-items: center;
}
.student-right button {
    background: #3e3b3b;
    color: #fff;
    border: 0;
    padding: 11px 44px 13px;
    border-radius: 5px;
}
.student-left {
    width: 30%;
}
.student-right {
  width: 70%;
  padding-left: 30px;
}
.student-left img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 10px;
    object-position: top;
}
.student-right h6 {
    font-size: 18px;
    font-weight: 600;
}
.student-right ul li {
    list-style: none;
}
.student-right ul.addres-list li {
    width: 33.33%;
    color: #646464;
}
.student-right ul {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    column-gap: 16px;
    row-gap: 6px;
    margin-bottom: 22px;
}
.student-right ul.hobbies li {
    border: 1px solid #ddd;
    padding: 4px 20px;
    color: #646464;
    border-radius: 4px;
}
.certificate-inner h4 {
    font-size: 17px;
    text-align: center;
    margin: 12px 0 0;
}
.certificate-inner img {
    width: 100%;
}
.certificate-inner {
    margin: 10px 0 20px;
}
.student-profile-outer
{
  padding-bottom:50px;
}
.edit-btn-outer {
    text-align: right;
    padding-bottom: 16px;
}
button.edit-page {
    background: #3e3b3b;
    color: #fff;
    border: 0;
    padding: 9px 30px;
    border-radius: 4px;
}
@media (max-width:767px)
{
  .student-profile {
    margin: 11px 0;
}
.student-profile img {
    height: 250px;
}
h4.student-detials {
    margin-top: 14px;
}
.student-detials-box {
    padding: 15px;
    flex-direction: column;
}
.student-left {
    width: 100%;
    padding-bottom: 16px;
}
.student-left img {
    height: 240px;
}
.student-right {
    width: 100%;
    padding-left: 0;
}
.student-right ul.addres-list li {
    width: 100%;
}
.student-right ul.hobbies li {
    padding: 3px 11px;
}
.student-right button {
    padding: 11px 16px 13px;
}
}
  </style>
 <!-- Content Wrapper. Contains page content -->
 <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
    </section>
    <section class="content">
      <div class="container-fluid">

       <div class="student-profile-outer">
        <div class="edit-btn-outer">
        <a href="{{ route('student.parent.portfolio') }}" class="edit-page">Go to Portfolio</a>
</div>
        <!-- <h3>Student Information</h3> -->
          <div class="row">
            <div class="col-md-3">
                <div class="student-profile">
                  <span>Student Information</span>
                  <img src="{{studentPannelImage(auth()->guard('student')->user()->username)}}" alt=""/>
                  <div class="st-info">
                    <h4>{{ $studentDetail->name }}</h4>
                    <h5><b>Class:</b> {{ $studentDetail->class }}-{{ $studentDetail->sec }}</h5>
                    <h5><b>House:</b> {{ $studentDetail->house }}</h5>
                    <h5><b>Date of Birth:</b> {{ date('d-m-Y',strtotime($studentDetail->dob)) }}</h5>
                    <h5><b>Mobile Number:</b> {{ $studentDetail->phn }}</h5>
                  </div>              

                </div>
            </div>
            <div class="col-md-3">
                <div class="student-profile">
                  <span>Father Information</span>
                  @php 
                    $expiresAt = now()->addHours(24); // Expiration time (for example, 10 minutes)
                    $father_image = schoolRedisDetail()['code'].'/live-students/'.$studentDetail->admno.'FPic.jpg';
                  @endphp
                  <img src="{{Storage::disk('s3')->exists($father_image) ? Storage::disk('s3')->temporaryUrl($father_image, $expiresAt) : asset('students/images/no-image.jpg')}}" alt=""/>
                  <div class="st-info">
                    <h4>{{ $studentDetail->fname }}</h4>
                    <h5><b>Email:</b> {{ $studentDetail->f_email }}</h5>
                    <h5><b>Qualification:</b> {{ $studentDetail->f_qua }}</h5>
                    <h5><b>Mobile Number:</b> {{ $studentDetail->no1 }}</h5>
                    <h5><b>Adhaar Number:</b> {{ $studentDetail->f_adhar }}</h5>
                  </div>              

                </div>
            </div>
            <div class="col-md-3">
                <div class="student-profile">
                  <span>Mother Information</span>
                  @php 
                    $expiresAt = now()->addHours(24); // Expiration time (for example, 10 minutes)
                    $mother_image = schoolRedisDetail()['code'].'/live-students/'.$studentDetail->admno.'MPic.jpg';
                  @endphp
                  <img src="{{Storage::disk('s3')->exists($mother_image) ? Storage::disk('s3')->temporaryUrl($mother_image, $expiresAt) : asset('students/images/no-image.jpg')}}" alt=""/>
                  <div class="st-info">
                    <h4>{{ $studentDetail->mname }}</h4>
                    <h5><b>Email:</b> {{ $studentDetail->m_email }}</h5>
                    <h5><b>Qualification:</b> {{ $studentDetail->m_qua }}</h5>
                    <h5><b>Mobile Number:</b> {{ $studentDetail->no2 }}</h5>
                    <h5><b>Adhaar Number:</b> {{ $studentDetail->m_adhar }}</h5>
                  </div>              

                </div>
            </div>
            <div class="col-md-3">
                <div class="student-profile">
                  <span>Guardian Information</span>
                  @php 
                    $expiresAt = now()->addHours(24);
                    $guardian_image = schoolRedisDetail()['code'].'/live-students/'.$studentDetail->admno.'GPic.jpg';
                  @endphp
                  <img src="{{Storage::disk('s3')->exists($guardian_image) ? Storage::disk('s3')->temporaryUrl($guardian_image, $expiresAt) : asset('students/images/no-image.jpg')}}" alt=""/>
                  <div class="st-info">
                    <h4>{{ $studentDetail->guardian_one }}</h4>
                    <h5><b>Email:</b> {{ $studentDetail->email_guardian_one }}</h5>
                    <h5><b>Address:</b> {{ $studentDetail->add_guardian_one }}</h5>
                    <h5><b>Mobile Number:</b> {{ $studentDetail->mobile_guardian }}</h5>
                    <h5><b>Adhaar Number:</b> {{ $studentDetail->ad_guardian }}</h5>
                  </div>              

                </div>
            </div>
          </div>
          <h4 class="student-detials">Student's Details</h4>
          <div class="student-detials-box">
              
              <div class="student-left">
              <img src="{{studentPannelImage(auth()->guard('student')->user()->username)}}" alt=""/>
              </div>
              <div class="student-right">
              <h6>My Address</h6>
                <ul class="addres-list">
                    <li>Address: {{ $studentDetail->ad1 }}</li>
                    <li>City: {{ $studentDetail->city }}</li>
                    <li>Pin: {{ $studentDetail->pin }}</li>
                    <li>State: {{ $studentDetail->state }}</li>
                    <li>Country: {{ $studentDetail->country }}</li>
                    <li>Aadhar No.: {{ $studentDetail->std_adhar }}</li>
                    <li>Family ID.: {{ $studentDetail->srn }}</li>

                </ul>
                <!-- <h6>My Co-curricular Strengths</h6>
                    <ul class="hobbies">
                        <li>Art/Craft</li>
                        <li>Drawing</li>
                        <li>Mantra</li>
                        <li>Music</li>
                        <li>Playing</li>
                    </ul>
                    <h6>My Sports Choice</h6>
                    <ul class="hobbies">
                        <li>Badmintont</li>
                        <li>Cricket</li>
                        <li>Karate</li>
                        <li>Kho kho</li>
                        <li>Playing</li>
                    </ul>
                    <button>Download Application Form</button> -->
              </div>
             
          </div>
          <h4 class="student-detials">Student's Documents</h4>
          <div class="row">
              <div class="col-md-3">
                    @php 
                        $expiresAt = now()->addHours(24); // Expiration time (for example, 10 minutes)
                        $imagePath = schoolRedisDetail()['code'].'/live-students/'.$studentDetail->admno.'ad.jpg';
                    @endphp
                    <div class="certificate-inner">
                    <a href="{{Storage::disk('s3')->exists($imagePath) ? Storage::disk('s3')->temporaryUrl($imagePath, $expiresAt) : asset('students/images/no-image.jpg')}}" target="_blank"><img src="{{Storage::disk('s3')->exists($imagePath) ? Storage::disk('s3')->temporaryUrl($imagePath, $expiresAt) : asset('students/images/no-image.jpg')}}" style="height: 400px"></a>
                      <h4>Adhaar Card</h4>
                    </div>
              </div>
              <div class="col-md-3">
                    @php 
                        $dob_certificate = schoolRedisDetail()['code'].'/live-students/'.$studentDetail->admno.'dob.jpg';
                    @endphp
                    <div class="certificate-inner">
                    <a href="{{Storage::disk('s3')->exists($dob_certificate) ? Storage::disk('s3')->temporaryUrl($dob_certificate, $expiresAt) : asset('students/images/no-image.jpg')}}" target="_blank"><img src="{{Storage::disk('s3')->exists($dob_certificate) ? Storage::disk('s3')->temporaryUrl($dob_certificate, $expiresAt) : asset('students/images/no-image.jpg')}}" style="height: 400px"></a>
                      <h4>Birth Certificate</h4>
                    </div>
              </div>
              <div class="col-md-3">
                    @php 
                        $pass_book = schoolRedisDetail()['code'].'/live-students/'.$studentDetail->admno.'pass.jpg';
                    @endphp
                    <div class="certificate-inner">
                    <a href="{{Storage::disk('s3')->exists($pass_book) ? Storage::disk('s3')->temporaryUrl($pass_book, $expiresAt) : asset('students/images/no-image.jpg')}}" target="_blank"><img src="{{Storage::disk('s3')->exists($pass_book) ? Storage::disk('s3')->temporaryUrl($pass_book, $expiresAt) : asset('students/images/no-image.jpg')}}" style="height: 400px"></a>
                      <h4>Pass Book</h4>
                    </div>
              </div>
              <div class="col-md-3">
                    @php 
                        $mark_sheet = schoolRedisDetail()['code'].'/live-students/'.$studentDetail->admno.'dmc.jpg';
                    @endphp
                    <div class="certificate-inner">
                      <a href="{{Storage::disk('s3')->exists($mark_sheet) ? Storage::disk('s3')->temporaryUrl($mark_sheet, $expiresAt) : asset('students/images/no-image.jpg')}}" target="_blank"><img src="{{Storage::disk('s3')->exists($mark_sheet) ? Storage::disk('s3')->temporaryUrl($mark_sheet, $expiresAt) : asset('students/images/no-image.jpg')}}" style="width: 400px; height: 400px"></a>
                      <h4>Mark Sheet</h4>
                    </div>
              </div>
          </div>
          <div class="row">
              <div class="col-md-4">
                    @php 
                        $pb_certificate = schoolRedisDetail()['code'].'/live-students/'.$studentDetail->admno.'pb.jpg';
                    @endphp
                    <div class="certificate-inner">
                    <a href="{{Storage::disk('s3')->exists($pb_certificate) ? Storage::disk('s3')->temporaryUrl($pb_certificate, $expiresAt) : asset('students/images/no-image.jpg')}}" target="_blank"><img src="{{Storage::disk('s3')->exists($imagePath) ? Storage::disk('s3')->temporaryUrl($imagePath, $expiresAt) : asset('students/images/no-image.jpg')}}" style="height: 400px"></a>
                      <h4>Pre-Board Result (New student only)</h4>
                    </div>
              </div>
              <div class="col-md-4">
                    @php 
                        $school_living_certificate = schoolRedisDetail()['code'].'/live-students/'.$studentDetail->admno.'slc.jpg';
                    @endphp
                    <div class="certificate-inner">
                    <a href="{{Storage::disk('s3')->exists($school_living_certificate) ? Storage::disk('s3')->temporaryUrl($school_living_certificate, $expiresAt) : asset('students/images/no-image.jpg')}}" target="_blank"><img src="{{Storage::disk('s3')->exists($dob_certificate) ? Storage::disk('s3')->temporaryUrl($dob_certificate, $expiresAt) : asset('students/images/no-image.jpg')}}" style="height: 400px"></a>
                      <h4>School Leaving Certificate/TC</h4>
                    </div>
              </div>
              <div class="col-md-4">
                    @php 
                        $character_certificate = schoolRedisDetail()['code'].'/live-students/'.$studentDetail->admno.'cc.jpg';
                    @endphp
                    <div class="certificate-inner">
                    <a href="{{Storage::disk('s3')->exists($character_certificate) ? Storage::disk('s3')->temporaryUrl($character_certificate, $expiresAt) : asset('students/images/no-image.jpg')}}" target="_blank"><img src="{{Storage::disk('s3')->exists($pass_book) ? Storage::disk('s3')->temporaryUrl($pass_book, $expiresAt) : asset('students/images/no-image.jpg')}}" style="height: 400px"></a>
                      <h4>Character/ Bonafide Certificate</h4>
                    </div>
              </div>
          </div>
       </div>
	  </div>
    </section>
 </div>
@endsection
@push('web-scripts')
@endpush