@extends('layouts.studentapp')


@section('content')
    {{-- Student Details --}}

    <div class="container-fluid px-4">
        {{-- <img src="{{ asset('storage/cover.png') }}" width="100%" /> --}}
        {{-- <div class="card mt-4">
            <div class="card-header shadow" style="background-color: rgb(183, 165, 131);">
                <div class="col-md-12">
                    <div class="row align-items-center justify-content-center">
                        <div class="col-md-3 text-center">
                            <img src="{{ PubFun::ImageLink(PubCont::STORAGE_LOCATION_IMAGE_CompanyLogo, PubFun::GetCompany()->logo) }}"
                                class="img-fluid" style="width: 40%;" alt="Company Logo">
                        </div>
                        <div class="col-md-9">
                            <div class="header-text mb-4 text-center">
                                <h1
                                    style="font-family: 'Arial', sans-serif; color: #000000; font-weight: bold; text-transform: uppercase;">
                                    {{ PubFun::GetCompany()->title ?? '' }}
                                </h1>
                                <h3 style="font-family: 'Arial', sans-serif; color: #000000; font-weight: normal;">
                                    {{ PubFun::GetCompany()->place ?? '' }},
                                    {{ PubFun::GetCompany()->city ?? '' }},
                                    {{ PubFun::GetCompany()->district ?? '' }},
                                    {{ PubFun::GetCompany()->state ?? '' }},
                                    {{ PubFun::GetCompany()->pin ?? '' }}
                                </h3>
                            </div>

                        </div>
                    </div>
                </div> --}}
        <div class="card">
            <div class="card-header shadow" style="background-color: rgb(234, 236, 242);">
                {{-- <div class="card-body"> --}}
                <div class="col-md-12 text-center">
                    <div class="row align-items-center justify-content-center">
                        <div class="col-md-9 mt-4">
                            <img src="{{ PubFun::ImageLink(PubCont::STORAGE_LOCATION_IMAGE_CompanyLogo, PubFun::GetCompany()->logo) }}"
                                class="img-fluid" style="width: 20%;" alt="Company Logo">
                            <div class="header-text mt-4">
                                <h1
                                    style="font-family: 'Arial', sans-serif; color: #000000; font-weight: bold; text-transform: uppercase;">
                                    {{ PubFun::GetCompany()->title ?? '' }}
                                </h1>
                                <h3 style="font-family: 'Arial', sans-serif; color: #000000; font-weight: normal;">
                                    {{ PubFun::GetCompany()->place ?? '' }},
                                    {{ PubFun::GetCompany()->city ?? '' }},
                                    {{ PubFun::GetCompany()->district ?? '' }},
                                    {{ PubFun::GetCompany()->state ?? '' }},
                                    {{ PubFun::GetCompany()->pin ?? '' }}
                                </h3>
                            </div>
                        </div>
                    </div>
                </div>
                {{-- </div> --}}
            </div>
            <div class="card-header shadow" style="background-color: rgb(183, 165, 131);">
                <div class="d-flex align-items-center shadow-sm border space-4 px-4 py-2 flex-wrap mt-2">
                    <div class="d-flex align-items-center text-white rounded mb-3">
                        {{-- <img src="{{ asset('storage/StudentPhoto/' . $Student->photo) }}"
                            style="width: 150px; height: auto;" /> --}}
                        <img src="{{ PubFun::ImageLink(PubCont::STORAGE_LOCATION_IMAGE_StudentPhoto, $Student->photo) }}"
                            style="width: 150px; height: auto;" />
                    </div>
                    <div class="card-body flex-grow-1 ">
                        <div class="row">
                            <div class="col">
                                <h1 class="text-uppercase fw-bold fs-5 text-gray-300 mb-3" style="color: #000000;">
                                    {{ $Student->name }}
                                </h1>
                            </div>
                            <div class="col-auto">
                                @if ($StudentUnion)
                                    <h1 class="text-uppercase fw-bold fs-5 text-gray-300 mb-3" style="color: #00078c;">
                                        Student Union {{ $StudentUnion->unionAuthority->title }}
                                    </h1>
                                @endif
                            </div>
                        </div>
                        <div class="flex items-baseline flex-wrap space-x-4">
                            <h2 class="text-gray-500 fw-bold" style="color: #000000;">
                                <i class="fas fa-phone"></i> {{ $Student->mobile }}
                            </h2>
                            <p class="text-gray-900 fw-bold d-flex align-items-center" style="color: #000000;">
                                <i class="fas fa-envelope me-2"></i> {{ $Student->user->email }}
                            </p>
                            <p class="text-gray-900 fw-bold d-flex align-items-center" style="color: #000000;">
                                <i class="fab fa-whatsapp me-2"></i> {{ $Student->whatsapp }}
                            </p>
                        </div>
                    </div>
                </div>
                <div class="mb-3"></div>
                <div class="card-body flex-grow-1 mb-3" style="background-color: rgb(215, 206, 187);">
                    <div class="table-responsive">
                        <table class="table table-borderless table-hover">
                            <tbody>
                                <tr>
                                    <th>Admission No.</th>
                                    <td>: {{ $Student->admission_no }}</td>
                                </tr>
                                <tr>
                                    <th>Batch</th>
                                    <td>: {{ $Student->batchcourse->batch->title }}</td>
                                </tr>
                                <tr>
                                    <th>Course</th>
                                    <td>: {{ $Student->batchcourse->course->title }}</td>
                                </tr>
                                <tr>
                                    <th>Father Name</th>
                                    <td>: {{ $Student->fathername }}</td>
                                </tr>
                                <tr>
                                    <th>Mother Name</th>
                                    <td>: {{ $Student->mothername }}</td>
                                </tr>
                                <tr>
                                    <th>Guardian Name</th>
                                    <td>: {{ $Student->guardian }}</td>
                                </tr>
                                <tr>
                                    <th>Relation with Guardian Name</th>
                                    <td>: {{ $Student->guardianrelation }}</td>
                                </tr>
                                <tr>
                                    <th>Date of Birth</th>
                                    <td>: {{ date('d-m-Y', strtotime($Student->dob)) }}</td>
                                </tr>
                                <tr>
                                    <th>House</th>
                                    <td>: {{ $Student->housename }}</td>
                                </tr>
                                <tr>
                                    <th>Place</th>
                                    <td>: {{ $Student->place }}</td>
                                </tr>
                                <tr>
                                    <th>Post</th>
                                    <td>: {{ $Student->post }}</td>
                                </tr>
                                <tr>
                                    <th>Panchayath/Municipality/Corporation</th>
                                    <td>: {{ $Student->localbody }}</td>
                                </tr>
                                <tr>
                                    <th>Pin</th>
                                    <td>: {{ $Student->pincode }}</td>
                                </tr>
                                <tr>
                                    <th>District</th>
                                    <td>: {{ $Student->district }}</td>
                                </tr>
                                <tr>
                                    <th>State</th>
                                    <td>: {{ $Student->state }}</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="d-flex justify-content-center">
            <div class="col-xl-10">
                <div class="card shadow mb-4 mt-4">
                    <div class="card-header text-center">
                        <div class="row align-items-center">
                            <div class="col">
                                <i class="fas fa-chart-bar me-1"></i>
                                Student Marks
                            </div>
                        
                        </div>
                    </div>
                    <div class="card-body">
                        <canvas id="myBarChart" width="100%" height="40"></canvas>
                        <input type="hidden" id="studentID" value="{{$Student->id}}" >
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection