@extends('layouts.master')
@section('title', __("tr.Upload Documents"))
@section('titleicon', "icon-cog3" )

@section('content')
<!-- BEGIN .main-content -->
@php($archive = $user->archive)

@php($birth_certificate_copy = $archive->findChildByContentType("birth_certificate_copy"))
@php($certification_copy = $archive->findChildByContentType("certification_copy"))
@php($english_certificate_copy = $archive->findChildByContentType("english_certificate_copy"))
@php($national_id_copy = $archive->findChildByContentType("national_id_copy"))

<div class="main-content">
    <form method='post' action="{{ route('save_external_program_docs') }}" enctype="multipart/form-data">
        {{ csrf_field() }}
        
        <div class="row">
            <div class="col-lg-7 col-xs-12 col-md-12 col-sm-12">
                <div class="card">
                    <div class="card-header"><b>@lang('tr.Upload Documents')</b></div>
                    <div class="card-body">                        
                        <table class="table table-striped m-0">
                            <tbody>
                                {{-- @if(!$birth_certificate_copy) --}}
                                <tr>
                                    <th scope="row" >@lang('tr.Birthdate')</th>
                                    <td>
                                        @if($birth_certificate_copy != null)
                                            <div class="alert alert-info" id="birth_certificate_copy" role="alert">
                                                {{-- <a href="{{ route('secure_download_file')."?sid=".$birth_certificate_copy->secret() }}">{{$birth_certificate_copy->name()}}</a> --}}
                                                <a href="{{ route('download_file', ['archive'=>$birth_certificate_copy->id]) }}">{{$birth_certificate_copy->name()}}</a>
                                            
                                                <a class="{{ (lang() == 'en')?'float-right':'float-left' }}" id="change_birth_certificate_copy" href="javascript:void(0)" title="@lang('tr.Edit')">
                                                    <i class="icon-edit"></i>
                                                </a>
                                            
                                                <input type="hidden" name="birth_certificate_copy_file_id" 
                                                    value="{{$birth_certificate_copy->id}}">
                                            </div>
                                        @endif
                                        <div id="edit_birth_certificate_copy" style="display: {{($birth_certificate_copy)?"none":""}}">
                                            <div class="form-group">
                                                
                                                <input type="file" class="form-control" name="birth_certificate_copy" 
                                                    placeholder="@lang('tr.Birthdate Certificate')" 
                                                    {{($birth_certificate_copy && $birth_certificate_copy->required)?"required":""}}  
                                                    {{($birth_certificate_copy)?"disabled":""}}
                                                    accept='.jpg,.png,.gif,.pdf' onchange="validateFileName(this)">            
                                            </div>                            
                                        </div>
                                    </td>
                                </tr> 
                                {{-- @endif --}}

                                {{-- @if(!$archive->findChildByContentType('certification_copy')) --}}
                                <tr>
                                    <th scope="row" >@lang('tr.Certificate of Secondary Education')</th>
                                    <td>
                                        @if($certification_copy != null)
                                            <div class="alert alert-info" id="certification_copy" role="alert">
                                                <a href="{{ route('secure_download_file')."?sid=".$certification_copy->secret() }}">{{$certification_copy->name()}}</a>
                                            
                                                <a class="{{ (lang() == 'en')?'float-right':'float-left' }}" id="change_certification_copy" href="javascript:void(0)" title="@lang('tr.Edit')">
                                                    <i class="icon-edit"></i>
                                                </a>
                                            
                                                <input type="hidden" name="certification_copy_file_id" 
                                                    value="{{$certification_copy->id}}">
                                            </div>
                                        @endif
                                        <div id="edit_certification_copy" style="display: {{($certification_copy)?"none":""}}">
                                            <div class="form-group">
                                                
                                                <input type="file" class="form-control" name="certification_copy" 
                                                    placeholder="@lang('tr.Secondary Certificate')" 
                                                    {{($certification_copy && $certification_copy->required)?"required":""}}  
                                                    {{($certification_copy)?"disabled":""}}
                                                    accept='.jpg,.png,.gif,.pdf' onchange="validateFileName(this)">            
                                            </div>                            
                                        </div>
                                    </td>
                                </tr>
                                {{-- @endif --}}

                                {{-- @if(!$archive->findChildByContentType('english_certificate_copy')) --}}
                                <tr>
                                    <th scope="row" >@lang('tr.English Language Certificate (ielts)')</th>
                                    <td>
                                        @if($english_certificate_copy != null)
                                            <div class="alert alert-info" id="english_certificate_copy" role="alert">
                                                <a href="{{ route('secure_download_file')."?sid=".$english_certificate_copy->secret() }}">{{$english_certificate_copy->name()}}</a>
                                            
                                                <a class="{{ (lang() == 'en')?'float-right':'float-left' }}" id="change_english_certificate_copy" href="javascript:void(0)" title="@lang('tr.Edit')">
                                                    <i class="icon-edit"></i>
                                                </a>
                                            
                                                <input type="hidden" name="english_certificate_copy_file_id" 
                                                    value="{{$english_certificate_copy->id}}">
                                            </div>
                                        @endif
                                        <div id="edit_english_certificate_copy" style="display: {{($english_certificate_copy)?"none":""}}">
                                            <div class="form-group">
                                                
                                                <input type="file" class="form-control" name="english_certificate_copy" 
                                                    placeholder="@lang('tr.Birthdate Certificate')" 
                                                    {{($english_certificate_copy && $english_certificate_copy->required)?"required":""}}  
                                                    {{($english_certificate_copy)?"disabled":""}}
                                                    accept='.jpg,.png,.gif,.pdf' onchange="validateFileName(this)">            
                                            </div>                            
                                        </div>
                                    </td>
                                </tr>
                                {{-- @endif --}}

                                {{-- @if(!$archive->findChildByContentType('national_id_copy')) --}}
                                <tr>
                                    <th scope="row" >@lang('tr.National ID or Passport')</th>
                                    <td>
                                        @if($national_id_copy != null)
                                            <div class="alert alert-info" id="national_id_copy" role="alert">
                                                <a href="{{ route('secure_download_file')."?sid=".$national_id_copy->secret() }}">{{$national_id_copy->name()}}</a>
                                            
                                                <a class="{{ (lang() == 'en')?'float-right':'float-left' }}" id="change_national_id_copy" href="javascript:void(0)" title="@lang('tr.Edit')">
                                                    <i class="icon-edit"></i>
                                                </a>
                                            
                                                <input type="hidden" name="national_id_copy_file_id" 
                                                    value="{{$national_id_copy->id}}">
                                            </div>
                                        @endif
                                        <div id="edit_national_id_copy" style="display: {{($national_id_copy)?"none":""}}">
                                            <div class="form-group">
                                                
                                                <input type="file" class="form-control" name="national_id_copy" 
                                                    placeholder="@lang('tr.Birthdate Certificate')" 
                                                    {{($national_id_copy && $national_id_copy->required)?"required":""}}  
                                                    {{($national_id_copy)?"disabled":""}}
                                                    accept='.jpg,.png,.gif,.pdf' onchange="validateFileName(this)">            
                                            </div>                            
                                        </div>
                                    </td>
                                </tr>
                                {{-- @endif --}}
                                
                            </tbody>
                        </table>
                    </div>
                </div>
                <hr/>
                <button type="submit" id="btnSubmitRequest" class="btn btn-primary btn-md" style="float: {{right()}}"> @lang('tr.Submit')</button>
            </div>
        </div>
        <br/>
        <br/>
    </form>
</div>
<!-- END: .main-content -->
@endsection

@section('pagejs')
	<script type="text/javascript">		
		$(document).ready(function() {
            $('#change_birth_certificate_copy').click(function() {
                $('#birth_certificate_copy').hide('fast', function() {
                    $(this).remove();
                    $('#edit_birth_certificate_copy').show('fast', function() {
                        $(this).find('input').prop('disabled', false);
                    })
                })
            });
            $('#change_certification_copy').click(function() {
                $('#certification_copy').hide('fast', function() {
                    $(this).remove();
                    $('#edit_certification_copy').show('fast', function() {
                        $(this).find('input').prop('disabled', false);
                    })
                })
            });
            $('#change_english_certificate_copy').click(function() {
                $('#english_certificate_copy').hide('fast', function() {
                    $(this).remove();
                    $('#edit_english_certificate_copy').show('fast', function() {
                        $(this).find('input').prop('disabled', false);
                    })
                })
            });
            $('#change_national_id_copy').click(function() {
                $('#national_id_copy').hide('fast', function() {
                    $(this).remove();
                    $('#edit_national_id_copy').show('fast', function() {
                        $(this).find('input').prop('disabled', false);
                    })
                })
            });
		});
	</script>
@endsection