@extends('theme.layout')
@section('title',"Results")

@section('content')

    <style>
        body{
            background:#f4f6fb;
        }

        .card{
            border:none;
            border-radius:14px;
            box-shadow:0 8px 25px rgba(0,0,0,.07);
        }

        .accordion-item{
            border:none;
            margin-bottom:15px;
            border-radius:12px;
            overflow:hidden;
        }

        .accordion-button{
            font-weight:600;
            font-size:16px;
            transition:.3s;
        }

        .accordion-button:not(.collapsed){
            background:#eef4ff;
            color:#0d6efd;
        }

        .form-label{
            font-weight:500;
        }

        .form-control{
            border-radius:8px;
            padding:10px;
        }

        .form-control:focus{
            box-shadow:0 0 0 .15rem rgba(13,110,253,.15);
        }

        .file-box{
            border:2px dashed #dbe3ff;
            background:#fafbff;
        }

        .btn-primary{
            border-radius:8px;
            font-weight:500;
            padding:8px 25px;
        }

        .section-title{
            font-weight:600;
            color:#344054;
        }
    </style>

    <div class="container py-5" style="margin-top: 60px;">
        @if(session('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                <i class="bi bi-check-circle me-2"></i>
                {{ session('success') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            </div>
        @endif

        <div class="card p-4">

            <h4 class="text-center mb-4 section-title">
                <i class="bi bi-mortarboard-fill text-primary"></i>
                Academic Result Upload
            </h4>

            <div class="accordion" id="academicAccordion">

                {{-- ================= SSC ================= --}}
                <div class="accordion-item shadow-sm">
                    <h2 class="accordion-header">
                        <button type="button" class="accordion-button"
                                data-bs-toggle="collapse" data-bs-target="#ssc">
                            <i class="bi bi-book me-2 text-primary"></i> SSC Result
                        </button>
                    </h2>

                    <div id="ssc" class="accordion-collapse collapse show"
                         data-bs-parent="#academicAccordion">
                        <div class="accordion-body">

                            <form action="{{route('result.ssc')}}" method="POST" enctype="multipart/form-data">
                                @csrf
                                <div class="row g-3">

                                    <div class="col-md-6">
                                        <label class="form-label">Course Name</label>
                                        <input type="text" name="course" class="form-control" value="SSC" >
                                        @error('course')
                                            <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-6">
                                        <label class="form-label">Institution Name</label>
                                        <input type="text" name="institution" class="form-control">
                                        @error('institution')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-4">
                                        <label class="form-label">Board</label>
                                        <input type="text" name="board" class="form-control">
                                        @error('board')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-4">
                                        <label class="form-label">Result</label>
                                        <input type="text" name="result" class="form-control">
                                        @error('result')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-4">
                                        <label class="form-label">Passing Year</label>
                                        <input type="number" name="year" class="form-control">
                                        @error('year')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-4">
                                        <label class="form-label">Roll No</label>
                                        <input type="text" name="roll" class="form-control">
                                        @error('roll')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-4">
                                        <label class="form-label">Reg No</label>
                                        <input type="text" name="reg" class="form-control">
                                        @error('reg')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-4">
                                        <label class="form-label">Certificate No</label>
                                        <input type="text" name="certificate" class="form-control">
                                        @error('certificate')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-12">
                                        <label class="form-label">Certificate Copy</label>
                                        <input type="file" name="certificate_file" class="form-control file-box">
                                        @error('certificate_file')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="text-end mt-3">
                                        <button class="btn btn-primary">
                                            <i class="bi bi-cloud-upload"></i> Save SSC Result
                                        </button>
                                    </div>

                                </div>
                            </form>

                        </div>
                    </div>
                </div>

                {{-- ================= HSC ================= --}}
                <div class="accordion-item shadow-sm">
                    <h2 class="accordion-header">
                        <button type="button" class="accordion-button collapsed"
                                data-bs-toggle="collapse" data-bs-target="#hsc">
                            <i class="bi bi-journal-text me-2 text-success"></i> HSC Result
                        </button>
                    </h2>

                    <div id="hsc" class="accordion-collapse collapse"
                         data-bs-parent="#academicAccordion">
                        <div class="accordion-body">

                            <form action="{{route('result.hsc')}}" method="POST" enctype="multipart/form-data">
                                @csrf
                                <div class="row g-3">

                                    <div class="col-md-6">
                                        <label class="form-label">Course Name</label>
                                        <input type="text" name="course" class="form-control" value="HSC" >
                                        @error('course')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-6">
                                        <label class="form-label">Institution Name</label>
                                        <input type="text" name="institution" class="form-control">
                                        @error('institution')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-4">
                                        <label class="form-label">Board</label>
                                        <input type="text" name="board" class="form-control">
                                        @error('board')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-4">
                                        <label class="form-label">Result</label>
                                        <input type="text" name="result" class="form-control">
                                        @error('result')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-4">
                                        <label class="form-label">Passing Year</label>
                                        <input type="number" name="year" class="form-control">
                                        @error('year')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-4">
                                        <label class="form-label">Roll No</label>
                                        <input type="text" name="roll" class="form-control">
                                        @error('roll')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-4">
                                        <label class="form-label">Reg No</label>
                                        <input type="text" name="reg" class="form-control">
                                        @error('reg')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-4">
                                        <label class="form-label">Certificate No</label>
                                        <input type="text" name="certificate" class="form-control">
                                        @error('certificate')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-12">
                                        <label class="form-label">Certificate Copy</label>
                                        <input type="file" name="certificate_file" class="form-control file-box">
                                        @error('certificate_file')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="text-end mt-3">
                                        <button class="btn btn-primary">
                                            <i class="bi bi-cloud-upload"></i> Save SSC Result
                                        </button>
                                    </div>

                                </div>
                            </form>

                        </div>
                    </div>
                </div>

                {{-- ================= Undergraduate ================= --}}
                <div class="accordion-item shadow-sm">
                    <h2 class="accordion-header">
                        <button type="button" class="accordion-button collapsed"
                                data-bs-toggle="collapse" data-bs-target="#undergraduate">
                            <i class="bi bi-building me-2 text-warning"></i> Undergraduate Result
                        </button>
                    </h2>

                    <div id="undergraduate" class="accordion-collapse collapse"
                         data-bs-parent="#academicAccordion">
                        <div class="accordion-body">

                            <form action="{{route('result.undergraduates')}}" method="POST" enctype="multipart/form-data">
                                @csrf
                                <div class="row g-3">

                                    <div class="col-md-6">
                                        <label class="form-label">Course Name</label>
                                        <input type="text" name="course" class="form-control" value="UNDERGRADUATES" >
                                        @error('course')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-6">
                                        <label class="form-label">Institution Name</label>
                                        <input type="text" name="institution" class="form-control">
                                        @error('institution')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-4">
                                        <label class="form-label">Board</label>
                                        <input type="text" name="board" class="form-control">
                                        @error('board')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-4">
                                        <label class="form-label">Result</label>
                                        <input type="text" name="result" class="form-control">
                                        @error('result')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-4">
                                        <label class="form-label">Passing Year</label>
                                        <input type="number" name="year" class="form-control">
                                        @error('year')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-4">
                                        <label class="form-label">Roll No</label>
                                        <input type="text" name="roll" class="form-control">
                                        @error('roll')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-4">
                                        <label class="form-label">Reg No</label>
                                        <input type="text" name="reg" class="form-control">
                                        @error('reg')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-4">
                                        <label class="form-label">Certificate No</label>
                                        <input type="text" name="certificate" class="form-control">
                                        @error('certificate')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-12">
                                        <label class="form-label">Certificate Copy</label>
                                        <input type="file" name="certificate_file" class="form-control file-box">
                                        @error('certificate_file')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="text-end mt-3">
                                        <button class="btn btn-primary">
                                            <i class="bi bi-cloud-upload"></i> Save SSC Result
                                        </button>
                                    </div>

                                </div>
                            </form>

                        </div>
                    </div>
                </div>

                {{-- ================= Masters ================= --}}
                <div class="accordion-item shadow-sm">
                    <h2 class="accordion-header">
                        <button type="button" class="accordion-button collapsed"
                                data-bs-toggle="collapse" data-bs-target="#masters">
                            <i class="bi bi-award me-2 text-danger"></i> Masters Result
                        </button>
                    </h2>

                    <div id="masters" class="accordion-collapse collapse"
                         data-bs-parent="#academicAccordion">
                        <div class="accordion-body">

                            <form action="{{route('result.masters')}}" method="POST" enctype="multipart/form-data">
                                @csrf
                                <div class="row g-3">

                                    <div class="col-md-6">
                                        <label class="form-label">Course Name</label>
                                        <input type="text" name="course" class="form-control" value="MATERS" >
                                        @error('course')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-6">
                                        <label class="form-label">Institution Name</label>
                                        <input type="text" name="institution" class="form-control">
                                        @error('institution')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-4">
                                        <label class="form-label">Board</label>
                                        <input type="text" name="board" class="form-control">
                                        @error('board')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-4">
                                        <label class="form-label">Result</label>
                                        <input type="text" name="result" class="form-control">
                                        @error('result')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-4">
                                        <label class="form-label">Passing Year</label>
                                        <input type="number" name="year" class="form-control">
                                        @error('year')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-4">
                                        <label class="form-label">Roll No</label>
                                        <input type="text" name="roll" class="form-control">
                                        @error('roll')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-4">
                                        <label class="form-label">Reg No</label>
                                        <input type="text" name="reg" class="form-control">
                                        @error('reg')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-4">
                                        <label class="form-label">Certificate No</label>
                                        <input type="text" name="certificate" class="form-control">
                                        @error('certificate')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-12">
                                        <label class="form-label">Certificate Copy</label>
                                        <input type="file" name="certificate_file" class="form-control file-box">
                                        @error('certificate_file')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="text-end mt-3">
                                        <button class="btn btn-primary">
                                            <i class="bi bi-cloud-upload"></i> Save SSC Result
                                        </button>
                                    </div>

                                </div>
                            </form>

                        </div>
                    </div>
                </div>

                {{-- ================= Others ================= --}}
                <div class="accordion-item shadow-sm">
                    <h2 class="accordion-header">
                        <button type="button" class="accordion-button collapsed"
                                data-bs-toggle="collapse" data-bs-target="#others">
                            <i class="bi bi-patch-check me-2 text-info"></i> PhD / Other Qualification
                        </button>
                    </h2>

                    <div id="others" class="accordion-collapse collapse"
                         data-bs-parent="#academicAccordion">
                        <div class="accordion-body">

                            <form action="{{route('result.phd')}}" method="POST" enctype="multipart/form-data">
                                @csrf
                                <div class="row g-3">

                                    <div class="col-md-6">
                                        <label class="form-label">Course Name</label>
                                        <input type="text" name="course" class="form-control" value="PHD" >
                                        @error('course')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-6">
                                        <label class="form-label">Institution Name</label>
                                        <input type="text" name="institution" class="form-control">
                                        @error('institution')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-4">
                                        <label class="form-label">Board</label>
                                        <input type="text" name="board" class="form-control">
                                        @error('board')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-4">
                                        <label class="form-label">Result</label>
                                        <input type="text" name="result" class="form-control">
                                        @error('result')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-4">
                                        <label class="form-label">Passing Year</label>
                                        <input type="number" name="year" class="form-control">
                                        @error('year')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-4">
                                        <label class="form-label">Roll No</label>
                                        <input type="text" name="roll" class="form-control">
                                        @error('roll')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-4">
                                        <label class="form-label">Reg No</label>
                                        <input type="text" name="reg" class="form-control">
                                        @error('reg')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-4">
                                        <label class="form-label">Certificate No</label>
                                        <input type="text" name="certificate" class="form-control">
                                        @error('certificate')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="col-md-12">
                                        <label class="form-label">Certificate Copy</label>
                                        <input type="file" name="certificate_file" class="form-control file-box">
                                        @error('certificate_file')
                                        <small class="text-danger">{{$message}}</small>
                                        @enderror
                                    </div>

                                    <div class="text-end mt-3">
                                        <button class="btn btn-primary">
                                            <i class="bi bi-cloud-upload"></i> Save SSC Result
                                        </button>
                                    </div>

                                </div>
                            </form>

                        </div>
                    </div>
                </div>

            </div>

        </div>
    </div>

@endsection