@extends('layouts.adminapp')

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

    <div class="container-fluid px-4">
        <div class="card mb-4">
            <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">
                    <div class="d-flex align-items-center text-white rounded mb-3">
                        <img src="{{ PubFun::ImageLink(PubCont::STORAGE_LOCATION_IMAGE_StudentPhoto, $Student->photo) }}"
                            style="width: 150px; height: auto;" />
                    </div>
                    <div class="card-body flex-grow-1">
                        <h1 class="text-uppercase fw-bold fs-5 text-gray-300 mb-3">{{ $Student->name }}</h1>
                        <div class="flex items-baseline flex-wrap space-x-4">
                            <h2 class="text-gray-500 fw-bold">
                                <i class="fas fa-phone"></i> {{ $Student->mobile }}
                            </h2>
                            <p class="text-gray-900 fw-bold">
                                <i class="fas fa-envelope me-2"></i> {{ $Student->user->email }}
                            </p>
                            <p class="text-gray-900 fw-bold">
                                <i class="fab fa-whatsapp me-2"></i> {{ $Student->whatsapp }}
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <h4 class="text-center text-gray-900 mb-4">
            Create Certificate
        </h4>

        <form method="post" action="{{ route('Certificate.store') }}" enctype="multipart/form-data">
            @csrf
            <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/>
                            </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" />
                            </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" />
                            </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" />
                            </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" />
                            </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" />
                            </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" />
                            </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" />
                            </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" />
                            </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" />
                            </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" />
                            </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" />
                            </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" />
                            </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" />
                            </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" />
                            </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" />
                            </div>
                        </div>
                        <div class="d-flex justify-content-end mt-3">
                            <a href="{{ route('CertificatePrint', $Student->id) }}"
                                class="btn btn-outline-primary me-2">
                                <i class="fas fa-print"></i>
                                Print
                            </a>
                            </a>
                            <button type="submit" class="btn btn-primary">
                                Save
                            </button>
                        </div>
                    </div>
                </div>
            </div>

        </form>
    </div>
@endsection