@extends('layouts.studentapp')

@section('content')
    {{-- View Certificate --}}

    <div class="container-fluid px-4">
        <h4 class="text-center text-gray-900 mb-4">
            Certificate Details
        </h4>
        <div class="card">
            <div class="card-header shadow">
                <div class="card-body p-5">
                    <h6 class="text-center text-gray-900 mb-4">
                        Section A - Islamic Studies
                    </h6>
                    <div class="row">
                        <input type="hidden" value="{{ $Student->id }}" name="student_id" id="StudentID">
                        <div class="col-md-6 mb-3">
                            <label for="year1" class="form-label">Year 1:</label>
                            <input type="text" value="{{ $Student->certificate->year1 ?? '' }}" class="form-control"
                                name="year1" id="txtYear1" required readonly />
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="year2" class="form-label">Year 2:</label>
                            <input type="text" value="{{ $Student->certificate->year2 ?? '' }}" class="form-control"
                                name="year2" id="txtYear2" readonly />
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="year3" class="form-label">Year 3:</label>
                            <input type="text" value="{{ $Student->certificate->year3 ?? '' }}" class="form-control"
                                name="year3" id="txtYear3" readonly />
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="year4" class="form-label">Year 4:</label>
                            <input type="text" value="{{ $Student->certificate->year4 ?? '' }}" class="form-control"
                                name="year4" id="txtYear4" readonly />
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="year5" class="form-label">Year 5:</label>
                            <input type="text" value="{{ $Student->certificate->year5 ?? '' }}" class="form-control"
                                name="year5" id="txtYear5" readonly />
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="year6" class="form-label">Year 6:</label>
                            <input type="text" value="{{ $Student->certificate->year6 ?? '' }}" class="form-control"
                                name="year6" id="txtYear6" readonly />
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="year7" class="form-label">Year 7:</label>
                            <input type="text" value="{{ $Student->certificate->year7 ?? '' }}" class="form-control"
                                name="year7" id="txtYear7" readonly />
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="year8" class="form-label">Year 8:</label>
                            <input type="text" value="{{ $Student->certificate->year8 ?? '' }}" class="form-control"
                                name="year8" id="txtYear8" readonly />
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="year9" class="form-label">Year 9:</label>
                            <input type="text" value="{{ $Student->certificate->year9 ?? '' }}" class="form-control"
                                name="year9" id="txtYear9" readonly />
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="year10" class="form-label">Year 10:</label>
                            <input type="text" value="{{ $Student->certificate->year10 ?? '' }}"
                                class="form-control mb-4" name="year10" id="txtYear10" readonly />
                        </div>
                    </div>
                    <div class="row">
                        <h6 class="text-center text-gray-900 mb-4">
                            Section B - Acadamic Studies
                        </h6>
                        <div class="col-md-6 mb-3">
                            <label for="sslc" class="form-label">SSLC:</label>
                            <input type="text" value="{{ $Student->certificate->sslc ?? '' }}" class="form-control"
                                name="sslc" id="txtSSLC" readonly />
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="plus2" class="form-label">+2:</label>
                            <input type="text" value="{{ $Student->certificate->plus2 ?? '' }}" class="form-control"
                                name="plus2" id="txtPlus2" readonly />
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="degree" class="form-label">Degree:</label>
                            <input type="text" value="{{ $Student->certificate->degree ?? '' }}" class="form-control"
                                name="degree" id="txtDegree" readonly />
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="pg" class="form-label">PG:</label>
                            <input type="text" value="{{ $Student->certificate->pg ?? '' }}" class="form-control"
                                name="pg" id="txtYearPG" readonly />
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="arabic_diploma" class="form-label">Arabic Diploma:</label>
                            <input type="text" value="{{ $Student->certificate->arabic_diploma ?? '' }}"
                                class="form-control" name="arabic_diploma" id="txtArabicDiploma" readonly />
                        </div>
                        <div class="col-md-6 mb-3">
                            <label for="urdu_diploma" class="form-label">Urdu Diploma:</label>
                            <input type="text" value="{{ $Student->certificate->urdu_diploma ?? '' }}"
                                class="form-control" name="urdu_diploma" id="txtUrduDiploma" readonly />
                        </div>
                    </div>
                </div>
                <div class="d-flex justify-content-end mt-3">
                    <a href="{{ route('StudentCertificatePrint', $Student->id) }}" class="btn btn-sm btn-outline-primary">
                        <i class="fas fa-print"></i>
                        Print
                    </a>
                </div>
            </div>
        </div>
    </div>
@endsection
{{-- <div class="md:grid md:grid-cols-1 md:gap-4 space-y-4 md:space-y-0 mt-4">
        <h4 class="mb-4 text-lg font-semibold text-gray-600 dark:text-gray-300">
            Certificate Details
        </h4>
        <h6 class="mb-4 text-md font-semibold text-gray-600 dark:text-gray-300">
                Section A - Islamic Studies
        </h6>
        <div class="grid gap-4 mb-8 grid-cols-2 sm:grid-cols-4 md:grid-cols-4 lg:grid-cols-4">
            <div class="min-w-0">
                <label class="block text-sm">
                    <span class="text-gray-700 dark:text-gray-400">Year 1</span>
                    <input type="text" value="{{$Student->certificate->year1}}" class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input" name="year1" id="txtYear1" readonly/>
                </label>
            </div> 
            <div class="min-w-0">
                <label class="block text-sm">
                    <span class="text-gray-700 dark:text-gray-400">Year 2</span>
                    <input type="text" value="{{$Student->certificate->year2}}" class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input" name="year2" id="txtYear2" readonly/>
                </label>
            </div>
            <div class="min-w-0">
                <label class="block text-sm">
                    <span class="text-gray-700 dark:text-gray-400">Year 3</span>
                    <input type="text" value="{{$Student->certificate->year3}}" class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input" name="year3" id="txtYear3" readonly/>
                </label>
            </div>
            <div class="min-w-0">
                <label class="block text-sm">
                    <span class="text-gray-700 dark:text-gray-400">Year 4</span>
                    <input type="text" value="{{$Student->certificate->year4}}" class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input" name="year4" id="txtYear4" readonly/>
                </label>
            </div>
            <div class="min-w-0">
                <label class="block text-sm">
                    <span class="text-gray-700 dark:text-gray-400">Year 5</span>
                    <input type="text" value="{{$Student->certificate->year5}}" class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input" name="year5" id="txtYear5" readonly/>
                </label>
            </div>
            <div class="min-w-0">
                <label class="block text-sm">
                    <span class="text-gray-700 dark:text-gray-400">Year 6</span>
                    <input type="text" value="{{$Student->certificate->year6}}" class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input" name="year6" id="txtYear6" readonly/>
                </label>
            </div>
            <div class="min-w-0">
                <label class="block text-sm">
                    <span class="text-gray-700 dark:text-gray-400">Year 7</span>
                    <input type="text" value="{{$Student->certificate->year7}}" class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input" name="year7" id="txtYear7" readonly/>
                </label>
            </div>
            <div class="min-w-0">
                <label class="block text-sm">
                    <span class="text-gray-700 dark:text-gray-400">Year 8</span>
                    <input type="text" value="{{$Student->certificate->year8}}" class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input" name="year8" id="txtYear8" readonly/>
                </label>
            </div>
            <div class="min-w-0">
                <label class="block text-sm">
                    <span class="text-gray-700 dark:text-gray-400">Year 9</span>
                    <input type="text" value="{{$Student->certificate->year9}}" class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input" name="year9" id="txtYear9" readonly/>
                </label>
            </div>
            <div class="min-w-0">
                <label class="block text-sm">
                    <span class="text-gray-700 dark:text-gray-400">Year 10</span>
                    <input type="text" value="{{$Student->certificate->year10}}" class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input" name="year10" id="txtYear10" readonly/>
                </label>
            </div>
        </div>
        <h6 class="mb-4 text-md font-semibold text-gray-600 dark:text-gray-300">
            Section B - Acadamic Studies
        </h6>
        <div class="grid gap-4 mb-8 grid-cols-2 sm:grid-cols-4 md:grid-cols-4 lg:grid-cols-4">
            <div class="min-w-0">
                <label class="block text-sm">
                    <span class="text-gray-700 dark:text-gray-400">SSLC</span>
                    <input type="text" value="{{$Student->certificate->sslc}}" class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input" name="sslc" id="txtSSLC" readonly/>
                </label>
            </div>
            <div class="min-w-0">
                <label class="block text-sm">
                    <span class="text-gray-700 dark:text-gray-400">+2</span>
                    <input type="text" value="{{$Student->certificate->plus2}}" class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input" name="plus2" id="txtPlus2" readonly/>
                </label>
            </div>
            <div class="min-w-0">
                <label class="block text-sm">
                    <span class="text-gray-700 dark:text-gray-400">Degree</span>
                    <input type="text" value="{{$Student->certificate->degree}}" class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input" name="degree" id="txtDegree" readonly/>
                </label>
            </div>
            <div class="min-w-0">
                <label class="block text-sm">
                    <span class="text-gray-700 dark:text-gray-400">PG</span>
                    <input type="text" value="{{$Student->certificate->pg}}" class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input" name="pg" id="txtYearPG" readonly/>
                </label>
            </div>
            <div class="min-w-0">
                <label class="block text-sm">
                    <span class="text-gray-700 dark:text-gray-400">Arabic Diploma</span>
                    <input type="text" value="{{$Student->certificate->arabic_diploma}}" class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input" name="arabic_diploma" id="txtArabicDiploma" readonly/>
                </label>
            </div>
            <div class="min-w-0">
                <label class="block text-sm">
                    <span class="text-gray-700 dark:text-gray-400">Urdu Diploma</span>
                    <input type="text" value="{{$Student->certificate->urdu_diploma}}" class="block w-full mt-1 text-sm dark:border-gray-600 dark:bg-gray-700 focus:border-purple-400 focus:outline-none focus:shadow-outline-purple dark:text-gray-300 dark:focus:shadow-outline-gray form-input" name="urdu_diploma" id="txtUrduDiploma" readonly/>
                </label>
            </div>
        </div> --}}