@extends('layouts.app')
@section('styles')
<link rel="stylesheet" href="{{ asset('assets/web/css/user-panel.css') }}">
@endsection
@section('content')
<section>
    <div class="main-wrapper" style="min-height: calc(100vh - 516px);">
        <div class="pt-50 pb-50 section--bg">
            <div class="container">
                <div class="row justify-content-center gy-4">
                    <div class="col-xl-3 col-lg-6 col-md-8">
                        @include('include.side-nav')
                    </div>
                    <div class="col-xl-9 ps-xl-4">
                        <div class="custom--card mt-4">
                            <form action="{{ url('/resume/upload') }}" method="POST" enctype="multipart/form-data"
                                class="edit-profile-form px-3 py-3">
                                @csrf
                                <div class="row align-items-center justify-content-end">
                                    <div class="col-md-4 col-sm-6 offset-6">
                                        <input class="form-control" name="cv" type="file" id="formFile">
                                    </div>
                                    <div class="col-md-4 col-sm-6 offset-6 text-end mt-2">
                                        <button type="submit" class="btn btn-sm btn--base w-100"><i
                                                class="las la-upload fs--18px"></i> Update Cv</button>
                                    </div>
                                </div>
                            </form>

                            <div class="card-body">
                                @if($filePath == null)
                                <h6 class="text-center">Please upload your cv</h6>
                                @else
                                <iframe src="{{ $filePath }}" frameborder="0"
                                    style="width:100%;min-height:640px;"></iframe>
                                @endif
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection