EVOLUTION-NINJA

Edit File: dashboard.php

<?php echo view('includes/home_sidebar');?>
<style>
       #leftDiv{
    height: 960px !important;
    }

</style>
<main id="rightDiv">
      <div class="container-fluid">
        <div class="row">
          <div class="col-sm-12">
            <span class="text">Dashboard</span>
          </div>
           
          
        </div>
      </div>
      <div class="container-fluid">
    <div class="row">
        <div class="col-sm-12">
        <section>
                <div class="Number-of-students">
                    <div class="students" id="student-1">
                        <p>Total Students</p>
                        <div class="num-student"><img src="public/assets/images/Vector.png" alt="EEEE"><span><?php echo $student;?></span>
                        </div>
                        <div class="chart">
                            <img src="public/assets/images/layer1.png" alt="pichart">
                        </div>
                    </div>

<div class="students" id="student-2">
                        <p>Total Batches</p>
                        <div class="num-student"><img src="public/assets/images/Vector.png" alt="EEEE"><span><?php echo $batches;?></span>
                        </div>
                        <div class="charts">
                            <img src="public/assets/images/Group 67.png" alt="barchart">
                        </div>
                    </div>

<div class="students" id="student-3">
                        <p>Total Employee</p>
                        <div class="num-student"><img src="public/assets/images/Vector.png" alt="EEEE"><span><?php echo $employees;?></span>
                        </div>
                        <div class="charts">
                            <img src="public/assets/images/Group 68.png" alt="chart">
                        </div>
                    </div>

<div class="students" id="student-4">
                        <p>Leads</p>
                        <div class="num-student"><img src="public/assets/images/Vector.png" alt="EEEE"><span>Leads : <?php echo $leads;?></span>
                        <div class="num-student"><img src="public/assets/images/Vector.png" alt="EEEE"><span>Converted : <?php echo $leads;?></span>
                        </div>
                        <div class="charts">
                            <img src="public/assets/images/Group 56.png" alt="chart">
                        </div>
                    </div>
                </div>
            </section>

<!-- <section>
                <div class="task-assign">
                    <div class="assigned-to">
                        <div class="task-title">Assign Task</div>
                        <div class="task-body">
                            <table class="table">
                                <thead>
                                    <tr>
                                        <th scope="col">#</th>
                                        <th scope="col">Task</th>
                                        <th scope="col">Assigned Professors</th>
                                        <th scope="col">Status</th>
                                        <th scope="col">Progress</th>

</tr>
                                </thead>
                                <tbody>
                                    <tr class="task-data">
                                        <th scope="row">1</th>
                                        <td>Prepration for Cricket Team</td>
                                        <td>Manohar</td>
                                        <td>
                                            <button class="btn task-butt">Done</button>
                                        </td>
                                        <td>
                                            <div class="progress">
                                                <div class="progress-bar progress-bar-striped bg-danger"
                                                    role="progressbar" style="width: 100%" aria-valuenow="100"
                                                    aria-valuemin="0" aria-valuemax="100">
                                                </div>
                                            </div>
                                        </td>
                                    </tr>

<tr class="task-data">
                                        <th scope="row">2</th>
                                        <td>Prepration for Cricket Team</td>
                                        <td>Manohar</td>
                                        <td><button class="btn task-butt">Done</button></td>
                                        <td>
                                            <div class="progress">
                                                <div class="progress-bar progress-bar-striped bg-danger"
                                                    role="progressbar" style="width: 100%" aria-valuenow="100"
                                                    aria-valuemin="0" aria-valuemax="100">
                                                </div>
                                            </div>
                                        </td>
                                    </tr>

<tr class="task-data">
                                        <th scope="row">3</th>
                                        <td>Prepration for Cricket Team</td>
                                        <td>Manohar</td>
                                        <td>
                                            <button class="btn task-butt">Done</button>
                                        </td>
                                        <td>
                                            <div class="progress">
                                                <div class="progress-bar progress-bar-striped bg-danger"
                                                    role="progressbar" style="width: 100%" aria-valuenow="100"
                                                    aria-valuemin="0" aria-valuemax="100">
                                                </div>
                                            </div>
                                        </td>
                                    </tr>

<tr class="task-data">
                                        <th scope="row">4</th>
                                        <td>Prepration for Cricket Team</td>
                                        <td>Manohar</td>
                                        <td><button class="btn task-butt">Done</button></td>
                                        <td>
                                            <div class="progress">
                                                <div class="progress-bar progress-bar-striped bg-danger"
                                                    role="progressbar" style="width: 100%" aria-valuenow="100"
                                                    aria-valuemin="0" aria-valuemax="100">
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>

</div>
                    </div>

<div class="assigned-to" id=assign-mails>
                        <div class="task-title">Assign Task</div>
                        <div class="task-messages">
                            <div class="mess">
                                <div class="task-detail">
                                    <div class="img-detail">
                                        <img src="public/assets/images/Group.png" alt="">
                                        <p>Just Now</p>
                                    </div>
                                    <p class="t-message"><span>Vikas</span> Added you as
                                        friend</p>
                                </div>

<div class="task-detail">
                                    <div class="img-detail">
                                        <img src="public/assets/images/Group.png" alt="">
                                        <p>Just Now</p>
                                    </div>
                                    <p class="t-message"><span>Vikas</span> Added you as
                                        friend</p>
                                </div>
                            </div>

</div>
                        </div>

</div>

</div>
            </section> -->

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

<!-- <script>
        var options = {
            series: [{
                data: [44, 55, 41, 64, 22, 43, 21]
            }, {
                data: [53, 32, 33, 52, 13, 44, 32]
            }],
            chart: {
                type: 'bar',
                height: 'auto',
            },
            plotOptions: {
                bar: {
                    horizontal: false,
                    dataLabels: {
                        position: 'top',
                    },
                }
            },
            dataLabels: {
                enabled: true,
                offsetX: -6,
                style: {
                    fontSize: '12px',
                    colors: ['#fff']
                }
            },
            stroke: {
                show: true,
                width: 1,
                colors: ['#fff']
            },
            tooltip: {
                shared: true,
                intersect: false
            },
            xaxis: {
                categories: [2001, 2002, 2003, 2004, 2005, 2006, 2007],
            },
        };

var chart = new ApexCharts(document.querySelector("#inc-chart"), options);
        chart.render();

</script> -->

<!-- <script>

var options = {
        series: [
            {
                name: 'Actual',
                data: [
                    {
                        x: '2011',
                        y: 1292,
                        goals: [
                            {
                                name: 'Expected',
                                value: 1400,
                                strokeHeight: 5,
                                strokeColor: '#775DD0'
                            }
                        ]
                    },
                    {
                        x: '2012',
                        y: 4432,
                        goals: [
                            {
                                name: 'Expected',
                                value: 5400,
                                strokeHeight: 5,
                                strokeColor: '#775DD0'
                            }
                        ]
                    },
                    {
                        x: '2013',
                        y: 5423,
                        goals: [
                            {
                                name: 'Expected',
                                value: 5200,
                                strokeHeight: 5,
                                strokeColor: '#775DD0'
                            }
                        ]
                    },
                    {
                        x: '2014',
                        y: 6653,
                        goals: [
                            {
                                name: 'Expected',
                                value: 6500,
                                strokeHeight: 5,
                                strokeColor: '#775DD0'
                            }
                        ]
                    },
                    {
                        x: '2015',
                        y: 8133,
                        goals: [
                            {
                                name: 'Expected',
                                value: 6600,
                                strokeHeight: 13,
                                strokeWidth: 0,
                                strokeLineCap: 'round',
                                strokeColor: '#775DD0'
                            }
                        ]
                    },
                    {
                        x: '2016',
                        y: 7132,
                        goals: [
                            {
                                name: 'Expected',
                                value: 7500,
                                strokeHeight: 5,
                                strokeColor: '#775DD0'
                            }
                        ]
                    },
                    {
                        x: '2017',
                        y: 7332,
                        goals: [
                            {
                                name: 'Expected',
                                value: 8700,
                                strokeHeight: 5,
                                strokeColor: '#775DD0'
                            }
                        ]
                    },
                    {
                        x: '2018',
                        y: 6553,
                        goals: [
                            {
                                name: 'Expected',
                                value: 7300,
                                strokeHeight: 2,
                                strokeDashArray: 2,
                                strokeColor: '#775DD0'
                            }
                        ]
                    }
                ]
            }
        ],
        chart: {
            height: 'auto',
            type: 'bar'
        },
        plotOptions: {
            bar: {
                columnWidth: '60%'
            }
        },
        colors: ['#00E396'],
        dataLabels: {
            enabled: false
        },
        legend: {
            show: true,
            showForSingleSeries: true,
            customLegendItems: ['Actual', 'Expected'],
            markers: {
                fillColors: ['#00E396', '#775DD0']
            }
        }
    };

var chart = new ApexCharts(document.querySelector("#exp-chart"), options);
    chart.render();

</script>

var optionsCircle4 = {
        chart: {
            type: 'radialBar',
            height: 'auto',

},
        plotOptions: {
            radialBar: {
                size: undefined,
                inverseOrder: true,
                hollow: {
                    margin: 5,
                    size: '48%',
                    background: 'transparent',

},
                track: {
                    show: false,
                },
                startAngle: -180,
                endAngle: 180

},
        },
        stroke: {
            lineCap: 'round'
        },
        series: [71, 63, 77],
        labels: ['June', 'May', 'April'],
        legend: {
            show: true,
            floating: true,
            position: 'right',
            offsetX: 70,
            offsetY: 240
        },
    }

var chartCircle4 = new ApexCharts(document.querySelector('#chart1'), optionsCircle4);
    chartCircle4.render();

</script> -->

<!-- <script>

var options = {
        series: [{
            data: [400, 430, 448, 470, 540, 580, 690]
        }],
        chart: {
            type: 'bar',
            height: 'auto',
        },
        annotations: {
            xaxis: [{
                x: 500,
                borderColor: '#00E396',
                label: {
                    borderColor: '#00E396',
                    style: {
                        color: '#fff',
                        background: '#00E396',
                    },
                    text: 'X annotation',
                }
            }],
            yaxis: [{
                y: 'July',
                y2: 'September',
                
            }]
        },
        plotOptions: {
            bar: {
                horizontal: false,
            }
        },
        dataLabels: {
            enabled: true
        },
        
        grid: {
            xaxis: {
                lines: {
                    show: true
                }
            }
        },
        yaxis: {
            reversed: false,
            axisTicks: {
                show: true
            }
        }
    };

var chart = new ApexCharts(document.querySelector("#chart2"), options);
    chart.render();

</script> -->

<!-- <script>
    window.Apex = {
        dataLabels: {
            enabled: false
        }
    };

var spark2 = {
        chart: {
            id: 'sparkline2',
            type: 'line',
            height: 'auto',
            sparkline: {
                enabled: true
            },
            group: 'sparklines'
        },
        series: [{
            name: 'green',
            data: [12, 14, 2, 47, 32, 44, 14, 55, 41, 69]
        }],
        stroke: {
            curve: 'smooth'
        },
        markers: {
            size: 0
        },
        tooltip: {
            fixed: {
                enabled: true,
                position: 'right'
            },
            x: {
                show: false
            }
        },
      
        colors: ['#FFFFFF']
    }

new ApexCharts(document.querySelector("#spark2"), spark2).render();

</script> -->

<!-- <script>

var chart = new ApexCharts(document.querySelector("#chart4"), options);
    chart.render();

</script> -->
<script>
window.onload = function() {
    // Get the left and right div elements
    const leftDiv = document.getElementById('leftDiv');
    const rightDiv = document.getElementById('rightDiv');

// Get the height of the right div
    const rightDivHeight = rightDiv.offsetHeight;

// Set the height of the left div to match the height of the right div
    leftDiv.style.height = rightDivHeight + 'px';
};
</script>
    <?php echo view('includes/footer'); ?>