@extends($activeTemplate.'layouts.master')
@section('content')
<div class="col-xl-9 ps-xl-4">
    <h4 class="section-title text-center">Upload Documents</h4>
    <div class="custom--card mt-4">
        <form action="{{route('user.upload.cv')}}"  method="POST" enctype="multipart/form-data" class="edit-profile-form px-3 py-3">
            @csrf
            <div class="row align-items-center">
                <div class="col-md-6 col-sm-6 offset-3">
                  <input required class="form--control" name="document" type="file" id="formFile">
                  <small class="text--danger text-center">@lang('Only pdf file is allowed. Maximum file size is 10 MB')</small>
                </div>
                <div class="col-md-6 col-sm-6 offset-3 mt-2">
                    <button type="submit" class="btn btn-sm btn--base w-100"><i class="las la-upload fs--18px"></i> @lang('Upload Document')</button>
                </div>
            </div>
        </form>

        <div class="card-body">
            @if($fullPath == null)
                <h6 class="text-center">@lang('Please upload single pdf file of all your documents')</h6>
            @else
                <iframe src="{{asset($fullPath)}}" frameborder="0" class="document-frame"></iframe>
            @endif
        </div>
    </div>

    <div class="navigator">
        <div class="left mt-4">
            <a href="{{ route('user.photo.view') }}" class="btn btn--base btn">Upload Photo <i class="fas fa-angle-double-right"></i></a>
        </div> 
        <div class="right mt-4">
            <a href="{{ route('user.home') }}" class="btn btn--base btn">Dashboard <i class="fas fa-angle-double-right"></i></a>
        </div> 
    </div>
</div>
@endsection

@push('style')
    <style>
        .document-frame{
            width:100%;
            min-height:640px;
        }
    </style>
@endpush