مشاهدة ملف: index.blade.php

@extends('layouts.customer')

@section('title') Analytics @endsection

@section('extra-css')
    <link rel="stylesheet" href="{{asset('plugins/datatables-bs4/css/dataTables.bootstrap4.min.css')}}">
    <link rel="stylesheet" href="{{asset('plugins/datatables-responsive/css/responsive.bootstrap4.min.css')}}">
@endsection

@section('content')
    <!-- Main content -->
    <section class="content">
        <div class="row">
            <div class="col-12 mt-3">
             <div class="analytics-filter-section-wrapper">
                <div class="filter-button-section">
                    <span class="analytics-filter-sec-btn">
                        <a href="" class="analytics-filter-btn">Filter <span class="ml-1"><i class="fa fa-filter" aria-hidden="true"></i></span></a>
                    </span>
                    <span class="ml-2">|
                    </span> 
                    <span class="ml-2 analytics-filter-sec-btn">
                        <a href="" class="analytics-filter-btn">Last 4 Weeks <span class="ml-1"><i class="fa fa-angle-down" aria-hidden="true"></i></span></a>
                    </span>
                    <span class="ml-2 analytics-filter-sec-btn">
                        <a href="" class="analytics-filter-btn">Custom Range <span class="ml-1"><i class="fa fa-calendar" aria-hidden="true"></i></span></a>
                    </span>
                </div>
             
             </div>
             <div class="alalytics-card-section">
                <div class="row">
                    <div class="col-lg-2">
                        <div class="analytics-card-details">
                            <div class="filter-card-icons">
                                <div class="filter-card-icon-sec">
                                    <i class="fa fa-paper-plane filter-card-icon" aria-hidden="true"></i>
                                </div>
                            </div>
                            <div class="filter-card-text-sec">
                                <div class="filter-card-numeric-text">
                                    0
                                </div>
                                <div class="filter-card-text">
                                    Total Sent <span class="m-1"><i class="fa fa-info-circle filter-card-info-icon" aria-hidden="true"></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-2">
                        <div class="analytics-card-details">
                            <div class="filter-card-icons">
                                <div class="filter-card-icon-sec">
                                    <i class="fas fa-envelope filter-card-open-rate-icon" aria-hidden="true"></i>
                                </div>
                            </div>
                            <div class="filter-card-text-sec">
                                <div class="filter-card-numeric-text">
                                    0%
                                </div>
                                <div class="filter-card-text">
                                    Open rate <span class="m-1"><i class="fa fa-info-circle filter-card-info-icon" aria-hidden="true"></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-2">
                        <div class="analytics-card-details">
                            <div class="filter-card-icons">
                                <div class="filter-card-icon-sec">
                                    <i class="fa fa-link filter-card-icon" aria-hidden="true"></i>
                                </div>
                            </div>
                            <div class="filter-card-text-sec">
                                <div class="filter-card-numeric-text">
                                    0%
                                </div>
                                <div class="filter-card-text">
                                   Click rate <span class="m-1"><i class="fa fa-info-circle filter-card-info-icon" aria-hidden="true"></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-2">
                        <div class="analytics-card-details">
                            <div class="filter-card-icons">
                                <div class="filter-card-icon-sec">
                                    <i class="fa fa-reply text-success" aria-hidden="true"></i>
                                </div>
                            </div>
                            <div class="filter-card-text-sec">
                                <div class="filter-card-numeric-text">
                                    0%
                                </div>
                                <div class="filter-card-text">
                                  Reply rate <span class="m-1"><i class="fa fa-info-circle filter-card-info-icon" aria-hidden="true"></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="analytics-card-opprtunities-details">
                            <div class="filter-card-icons">
                                <div class="filter-card-icon-sec">
                                    <i class="fab fa-angellist text-success" aria-hidden="true"></i>
                                </div>
                            </div>
                            <div class="filter-card-text-sec">
                                <div class="filter-card-numeric-text">
                                    0% <span>|</span> <span>$0</span>
                                </div>
                                <div class="filter-card-text">
                                  Opportunities <span class="m-1"><i class="fa fa-info-circle filter-card-info-icon" aria-hidden="true"></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
                <!-- /.card -->
            </div>
            <!-- /.col -->
        </div>
        <!-- /.row -->
    </section>
    <!-- /.content -->
@endsection

@section('extra-scripts')
   
@endsection