@extends('layouts.app')

@section('content')
<div class="container">

<div class="card">
    <div class="card-header" style="background : #E9F3F8;">
        PERMOHONAN PEMBENTANGAN CADANGAN PENYELIDIKAN
    </div>

    <div class="row justify-content-center">
        <div class="col-md-8">
            <h1></h1>
        </div>
        @if(session('success'))
        <br>
        <div class="col-md-8">
           <div class="alert alert-primary" role="alert">
                {{ session('success') }}
            </div>
        </div>
        @else
        
        <div class="col-md-11">
            <div class="card" >
            <div class="p-3 mb-2 bg-primary text-white">{{ __('MAKLUMAT DIRI') }}</div>
            <br>
            <div class="row mb-3">
                <label for="name" class="col-md-4 col-form-label text-md-end">NAMA PENUH (<i>FULL NAME</i>)</label>
                <label for="name" class="col-md-6 col-form-label ">{{$studProfile->Name}}</label>
            </div>
            <div class="row mb-3">
                <label for="matrik" class="col-md-4 col-form-label text-md-end">NO. MATRIK (<i>MATRIC NO</i>)</label>
                <label for="name" class="col-md-6 col-form-label ">{{$studProfile->MatricNo}}</label>
            </div>
            <div class="row mb-3">
                <label for="program" class="col-md-4 col-form-label text-md-end">PROGRAM (<i>PROGRAMME</i>)</label>
                <label for="name" class="col-md-6 col-form-label ">{{$studProfile->ProgName_MY}}</label>
            </div>
            <div class="row mb-3">
                <label for="mod_program" class="col-md-4 col-form-label text-md-end">MOD PROGRAM (<i>PROGRAMME MODE</i>)</label>

                <div class="col-md-6">
                    <select nama="mod_program" class="form-control @error('mod_program') is-invalid @enderror" autofocus>
                        <option value="1">Mod Penyelidik & K.Kursus</option>
                        <option value="2">Mod Penyelidik</option>
                        <option value="3">Kedoktoran</option>

                    </select>
                    @error('mod_program')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
            </div>
            <div class="row mb-3">
                <label for="fakulti" class="col-md-4 col-form-label text-md-end">FAKULTI (<i>FACULTY</i>)</label>
                <label for="name" class="col-md-6 col-form-label ">{{$studProfile->Faculty_MY}}</label>
            </div>
            <div class="row mb-3">
                <label for="no_hp" class="col-md-4 col-form-label text-md-end">NO. TELEFON (<i>TELEPHONE NO.</i>)</label>
                <label for="name" class="col-md-6 col-form-label ">{{$studProfile->MobileNumber}}</label>
            </div>
            <div class="row mb-3">
                <label for="email" class="col-md-4 col-form-label text-md-end">E-MEL (<i>E-MAIL</i>)</label>
                <label for="name" class="col-md-6 col-form-label ">{{$studProfile->Email}}</label>
            </div>
            <div class="p-3 mb-2 bg-primary text-white">{{ __('MAKLUMAT PEMBENTANGAN') }}</div>
           <br>
        <form action="{{ route('daftar.store') }}" method="post" enctype="multipart/form-data">
            @csrf
           <div class="row mb-3">
                <label for="Title" class="col-md-4 col-form-label text-md-end">TAJUK (<i>TITLE</i>)</label>

                <div class="col-md-6">
                    <input id="Title" type="text" class="form-control @error('Title') is-invalid @enderror" name="Title" value="{{ old('Title') }}" required autocomplete="Title" autofocus>

                    @error('Title')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
            </div>
            <div class="row mb-3">
                <label for="AppType" class="col-md-4 col-form-label text-md-end">JENIS PERMOHONAN <br>(<i>APPLICATION TYPE</i>)</label>

                <div class="col-md-6">
                <select id="AppType" class="form-control @error('AppType') is-invalid @enderror" name="AppType" value="{{ old('AppType') }}" required autocomplete="AppType" autofocus>
                    <option value="">--Sila Pilih--</option>
                    <option value="1">Proposal Defend</option>
                    <option value="2">Pre VIVA</option>
                    <option value="3">VIVA</option>
                </select>

                @error('AppType')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
                </div>
            </div>
            <div class="row mb-3">
                <label for="ResearchProposalFileLocation" class="col-md-4 col-form-label text-md-end">CADANGAN PENYELIDIKAN <br>(<i>RESEARCH PROPOSAL</i>)</label>

                <div class="col-md-6">
                    <input id="ResearchProposalFileLocation" type="file" class="form-control @error('ResearchProposalFileLocation') is-invalid @enderror" name="ResearchProposalFileLocation" value="{{ old('ResearchProposalFileLocation') }}" required autocomplete="ResearchProposalFileLocation" autofocus>

                    @error('ResearchProposalFileLocation')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
            </div>
            <div class="row mb-3">
                <label for="ExecutiveSummaryFileLocation" class="col-md-4 col-form-label text-md-end">RINGKASAN EKSEKUTIF <br>(<i>EXECUTIVE SUMMARY</i>)</label>

                <div class="col-md-6">
                    <input id="ExecutiveSummaryFileLocation" type="file" class="form-control @error('ExecutiveSummaryFileLocation') is-invalid @enderror" name="ExecutiveSummaryFileLocation" value="{{ old('ExecutiveSummaryFileLocation') }}" required autocomplete="ExecutiveSummaryFileLocation" autofocus>

                    @error('ExecutiveSummaryFileLocation')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
            </div>
            <div class="row mb-3">
                <label for="AbstractFileLocation" class="col-md-4 col-form-label text-md-end">ABSTAK (<i>ABSTRACT</i>)</label>

                <div class="col-md-6">
                    <input id="AbstractFileLocation" type="file" class="form-control @error('AbstractFileLocation') is-invalid @enderror" name="AbstractFileLocation" value="{{ old('AbstractFileLocation') }}" required autocomplete="AbstractFileLocation" autofocus>

                    @error('AbstractFileLocation')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
            </div>
            <div class="row mb-3">
                <label for="penyelia" class="col-md-4 col-form-label text-md-end">PENYELIA UTAMA <br>(<i>MAIN SUPERVISOR</i>)</label>
                <label for="name" class="col-md-6 col-form-label "> {{$supervisor->Supervisor}}</label>
            </div>
            <div class="row mb-3">
                <label for="penyelia2" class="col-md-4 col-form-label text-md-end">PENYELIA BERSAMA <br>(<i>CO-SUPERVISOR</i>)</label>
                <label for="name" class="col-md-6 col-form-label "> {{$coSupervisor->CoSupervisor}}</label>
            </div>
            <div align="center">
                <input type="hidden" name="MatricNo" value="S1234567">
                <input type="hidden" name="SvID" value="2">
                <button type="submit" class="btn btn-primary">Hantar</button>
            </div>
            <br>
        </form>
        </div>
        @endif
        <br>
    </div>
    
</div>
@endsection