<?php

class SCCQuoteListView {
    public function __construct() {
        add_action('admin_menu', array( $this,'admin_menu' ), 90);
    }

    function page() {
        include_once SCC_DIR . '/admin/logo-header.php';
        wp_enqueue_script('wp-util');
        wp_enqueue_style('scc-admin-style');
        wp_enqueue_style('gf-admin-style', SCC_URL. 'styles/scc-back-end.css', array(), '3.1.7');
        wp_register_style('scc-bootstrap-min', SCC_URL . 'assets/lib/bootstrap-3.4.1/dist/css/bootstrap.min.css');
        wp_enqueue_style('scc-bootstrap-min');
        ?>
        <link rel="preconnect" href="https://fonts.gstatic.com">
        <link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
        <div class="container-fluid">
            <div style="color:white;background-color: #314af3;text-align: center;padding:20px">
                <h1>Quote Management Feature</h1>
            </div>
            <div class="" style="border-left: 2px solid #6C7FF6;padding-left:10px;">
                <h3 style="color: #314af3;padding-bottom: :20px;">1. Add <b>Custom Fields</b> To Your Quote Form</h3>
                <img src="<?php echo esc_url(SCC_URL . 'assets/images/quote-demo/form.png' ); ?>" alt="a quote form" style="padding-left:10px;">
            </div>
            <div class="" style="border-left: 2px solid #6C7FF6;padding-left:10px;">
                <h3 style="color: #314af3;padding-bottom:20px;">2. View and Manage Your <b>Quotes & Leads</b></h3>
                <img class="img-responsive" src="<?php echo esc_url(SCC_URL . 'assets/images/quote-demo/quote-table.png' ); ?>" alt="quote management">
            </div>
            <div class="" style="border-left: 2px solid #6C7FF6;padding-left:10px;">
                <h3 style="color: #314af3;">3. Both the admin and the customer will get a copy of the quote</h3>
            </div>
            <div class="" style="border-left: 2px solid #6C7FF6;padding-left:10px;">
                <h3 style="color: #314af3;">4. Purchase the premium version of this plugin to get use this feature. Read more about it <a href="https://stylishcostcalculator.com/features/lead-quote-management/" target="_blank">here</a>.</h3>
            </div>
        </div>

        <style>
            .intro {
                padding: 40px 15px;
                text-align: center;
            }
            .image-wrapper {
                text-align: center;
            }
        </style>
        <?php
    }

    function admin_menu() {
        add_submenu_page('scc-tabs', 'Quote Management Demo', "Quote Management Demo", 'manage_options', 'df-scc-view-quotes', array( $this, 'page' ));
    }
}

new SCCQuoteListView();