@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
        
			<!--
		<br/>
			-->
        
		<div class="col-md-12">
		
            <div class="card" >
			</div>
            
			<div class="p-3 mb-2 bg-primary text-white">{{ __('MAKLUMAT CALON') }}</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>


				<label for="name" class="col-md-6 col-form-label ">{{ strtoupper( $studProfile->Type) }}</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="pengesahan-penyelia-maklumat-permohonan/simpan" 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>
				<label for="name" class="col-md-6 col-form-label ">{{$vivaAppDetails->Title}}</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>
			
			<br/>
			
			<!---
			appid{{ $AppID }}
			MatricNo {{ $MatricNo }}
			---->
            <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>
				<label for="name" class="col-md-6 col-form-label ">{{$vivaUpload1->Filename}}</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>
				<label for="name" class="col-md-6 col-form-label ">{{$vivaUpload2->Filename}}</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>
				<label for="name" class="col-md-6 col-form-label ">{{$vivaUpload3->Filename}}</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 ">  </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 ">  </label>
            </div>
			--->
			  <!--
			<br/>
            <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>
			-->
			
			
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
	 
			
			
			
			<input type="radio" class="form-check-input" name="jenis_pengesahan_penyelia" id="terima_tawaran" value="terima">
			<label class="form-check-label" for="tolak_tawaran">Layak dikemukakan untuk pembentangan/ qualified to be submitted for presentation</label><br>
			
			<input class="form-check-input" type="radio" name="jenis_pengesahan_penyelia" id="tolak_tawaran" value="tolak"> 
			<label class="form-check-label" for="tolak_tawaran">Tidak layak dikemukakan untuk pembentangan/ not qualified to be submitted for presentation</label><br>
			 
			<div id="butang2_terima_tolak">	
				<div align="center">
					<input type="hidden" name="MatricNo" value="S1234567">
					<input type="hidden" name="SvID" value="2">
					<button type="button" class="btn btn-danger" 
							onclick=" // document.querySelector('#catatan_penolakan').style.display='block'; 
									  // document.querySelector('#catatan_penolakan').style.display='block'; 
									 // query('#catatan_penolakan').style.display='block';
									 
									 document.querySelector('#catatan_penolakan').style.display='block';
									 document.querySelector('#butang2_terima_tolak').style.display='none';
									 
									 document.querySelector('#butang2_kembali_tolak').style.display='block';
							">Tolak</button>
					<button type="submit" class="btn btn-primary">Terima </button>
				</div>
			
			<br/>
			
			</div>
			
			
			
			<div id="catatan_penolakan" style="display:none;">
			
				<div class="p-3 mb-2 bg-primary text-white">{{ __('CATATAN PENOLAKAN') }}</div>
				
				<br/>
				
				<div class="row mb-3">
					<label for="ExecutiveSummaryFileLocation" class="col-md-4 col-form-label text-md-end">CATATAN <br>(<i>REMARKS</i>)</label>
					<div class="col-md-6">
						<textarea  class="form-control @error('ExecutiveSummaryFileLocation') is-invalid @enderror" ></textarea>
							<!---
							<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>
			
		  
			
			<div id="butang2_kembali_tolak" style="display:none;">	
				<div align="center">
					<input type="hidden" name="MatricNo" value="S1234567">
					<input type="hidden" name="SvID" value="2">
					<button type="button" class="btn btn-warning" 
							onclick=" 
									 document.querySelector('#catatan_penolakan').style.display='none';
									 document.querySelector('#butang2_terima_tolak').style.display='block';
									 document.querySelector('#butang2_kembali_tolak').style.display='none';
							">Kembali</button>
					<button type="submit" class="btn btn-danger">Tolak </button>
				</div>
			
            <br>
			
			</div>
			
			
        </form>
		
		
		
        </div>
        @endif
        <br>
		
		
		
    </div>
    
</div>
@endsection