@extends('layouts.app')
@push('css')

    @endpush @section('content')
    <!-- Content Header (Page header) -->
    <div class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1 class="m-0 text-dark">User Manual</h1>
                </div>
                <!-- /.col -->
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <div class="d-inline p-2 text-white text-right">
                            <a href="{{ route('home') }}" class="btn btn-sm btn-info"><i class="fas fa-home"></i>Home</a>
                        </div>
                        <div class="d-inline p-2 text-white text-right">
                            <a href="{{  route('home') }}" class="btn btn-sm btn-primary text-right"><i
                                    class="fas fa-arrow-circle-left"></i> Back</a>
                        </div>
                    </ol>
                </div>
                <!-- /.col -->
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container-fluid -->
    </div>
    <!-- /.content-header -->

    <!-- Main content -->
    <section class="content">
        <div class="container-fluid">
            <!-- Main row -->
            <div class="row">
                <div class="col-md-3 col-x-3 col-sm-3">
                    <br><br><br>
                    
                    <!-- /.row (main row) -->
                </div>
                <div class="col-md-6 col-x-6 col-sm-6">
                    <div class="card card-info">  @csrf
                        <center>
                        <fieldset>
                            <legend>Download the user manual :</legend>
                            <div class="form-group">
                                <a href={{ asset($manual->path) }} target="_blank"><img
                                    src={{  asset('public/dist/img/download.png') }} alt="Excel Logo" width="70"
                                    height="80"></a>
                            </div>
                        </fieldset></div>
                    <br><br><br>
                </center>
                    <!-- /.row (main row) -->
                </div>
                <!-- /.container-fluid -->
            </div>
        </div>
    </section>
   @endsection