@extends('layouts.view')

@section('content')
    <div class="container-fluid">
        <!-- Page-Title -->
        <div class="row">
            <div class="col-sm-12">
                <div class="page-title-box">
                    <div class="float-right">
                        <ol class="breadcrumb">


                        </ol>
                    </div>
                    <h4 class="page-title">Reports</h4>
                </div><!--end page-title-box-->
            </div><!--end col-->
        </div>
        <!-- end page title end breadcrumb -->


        <div class="row">
            <div class="col-lg-3">
                <div class="file-box-content">
                    <div class="file-box" style="width: 220px;padding: 40px;">
                        <a href="{{ route('savedreports') }}" class="download-icon-link">


                            <div class="text-center">
                                <i class="fab fa-searchengin text-primary"></i>
                                <h6 class="text-truncate">Saved Reports</h6>
                                <small class="text-muted"></small>
                            </div> </a>
                    </div>  </div>

            </div>

            <div class="col-lg-3">
                <div class="file-box-content">
                    <div class="file-box" style="width: 220px;padding: 40px;">
                        <a href="{{ route('first_report') }}" class="download-icon-link">


                            <div class="text-center">
                                <i class="far fa-file-archive text-primary"></i>
                                <h6 class="text-truncate">Static Report 1</h6>
                                <small class="text-muted"></small>
                            </div> </a>
                    </div>  </div>

            </div>




            <div class="col-lg-3">
                <div class="file-box-content">
                    <div class="file-box" style="width: 220px;padding: 40px;">
                        <a href="#" class="download-icon-link">


                            <div class="text-center">
                                <i class="far fa-file-archive text-primary"></i>
                                <h6 class="text-truncate">Static Report 2</h6>
                                <small class="text-muted"></small>
                            </div> </a>
                    </div>  </div>

            </div>


            <div class="col-lg-3">
                <div class="file-box-content">
                    <div class="file-box" style="width: 220px;padding: 40px;">
                        <a href="#" class="download-icon-link">


                            <div class="text-center">
                                <i class="far fa-file-archive text-primary"></i>
                                <h6 class="text-truncate">Static Report 3</h6>
                                <small class="text-muted"></small>
                            </div> </a>
                    </div>  </div>

            </div>
        </div><!--end row-->
    </div><!--end card-body-->

@endsection