Implement the Pdf selection view | CV create Web | Code Abe Academy

This tutorial will teach you how to make pdf selection view of the CV create Web. Let’s do it step by step.

Pdf selection view

Now, Let's create. 

1. Create pdf-selection.blade.php file.
2. Add bootstrap.
3. Add form-container.
Form container 

<section class="min-vh-100 d-flex flex-column align-items-center justify-content-center py-4">
        <div class="container-fluid  ">
            <div class="row justify-content-md-center">
                <div class="col-md-10 ">
                    <div class="card px-5 py-3 mt-3 minHeight shadow">
                        <h1 class="text-info text-center mt-2 mb-4">Select the PDF Style</h1>

                </div>
            </div>
        </div>
    </div>
    </section>

4. Add form.
pdf-selection.blade.php 

<form action="{{ route('pdf.download') }}" method="POST"
                            enctype="multipart/form-data">
                            @csrf
                            <div class="row">
                                <div class="col-md-6 text-center">

                                    <div>
                                        <img class="mt-4 mb-3 shadow" src="{{ asset('img/template/template_1.png') }}"
                                            width="60%" height="60%" alt="image">
                                        <div>
                                            <a href="{{ route('pdf.template') }}?preview=pdf.template"
                                                class="btn btn-primary"> Preview</a>
                                            <button type="submit" name="download" value="pdf.pdf1"
                                                class="btn btn-success">Download</button>
                                        </div>
                                    </div>

                                </div>

                                <div class="col-md-6 text-center">

                                    <div class="">
                                        <img class="mt-4 mb-3 shadow" src="{{ asset('img/template/template_2.png') }}"
                                            width="60%" height="60%" alt="image">
                                        <div>
                                            <a href="{{ route('pdf.template') }}?preview=pdf.template-two"
                                                class="btn btn-primary"> Preview</a>
                                            <button type="submit" name="download" value="pdf.pdf2"
                                                class="btn btn-success">Download</button>
                                        </div>
                                    </div>


                                </div>
                            </div>


                        </form>

5. Add Images.
6. Add Custom CSS.
custom.css

body {
    background-size: cover;
    background-repeat: no-repeat;
    font-family: "Open Sans", sans-serif;
    background: #f6f9ff;
    color: #444444;
}

7. Create a controller.
PdfController

php artisan make:controller PdfController

8. Create a route.
Web.php

use App\Http\Controllers\PdfController;

Route::get('/pdf-selection',[PdfController::class,'pdfSelection'])->name('pdf-selection');

9. Create pdf-selection view function.
PdfController

public function pdfSelection()
    {
        return view('pdf-selection');
    }