PHP-project/product.php at main · davearyan81/PHP-project · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<?php
include("includes/header.php");
include("includes/navbar.php");
include("admin/config/dbcon.php");

if (isset($_GET['id'])) {
    $id = $_GET['id'];
    $qry = "SELECT pname,pdesc,pimg,pprice,pid FROM product,category WHERE product.cat_id='$id' group by pname";
    $result = $con->query($qry);
    ?>
    <section style="background-color: #eee;">
        <div class="container py-5">
            <div class="row justify-content-center mb-3">

                <?php while ($row = $result->fetch_assoc()): ?>
                    <div class="col-md-12 col-xl-10">
                        <div class="card shadow-0 border rounded-3" style="background-color: #fff">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-12 col-lg-3 col-xl-3 mb-4 mb-lg-0">
                                        <div class="bg-image hover-zoom ripple rounded ripple-surface">

                                            <img src="<?= 'image/' . $row['pimg']; ?>" class="w-100 h-100 img-fluid" />

                                            <a href="#!">
                                                <div class="hover-overlay">
                                                    <div class="mask" style="background-color: rgba(2
                                            53, 253, 253, 0.15);">
                                                    </div>
                                                </div>
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-6 col-lg-6 col-xl-6 mt-4">
                                        <?= $row['pname']; ?>

                                        <p class="text-truncate mb-4 mb-md-0 mt-4">
                                            <?= $row['pdesc']; ?>
                                        </p>
                                    </div>
                                    <div class="col-md-6 col-lg-3 col-xl-3 border-sm-start-none border-start mt-4">
                                        <div class="d-flex flex-row align-items-center mb-1">
                                            Rs:
                                            <?= $row['pprice']; ?>

                                        </div>
                                        <h6 class="text-success">Free shipping</h6>

                                        <button type="button" id="" class="btn btn-danger hello" data-mdb-toggle="modal"
                                            value="<?= $row['pid']; ?>" data-mdb-target="#exampleModal">
                                            View product
                                        </button>
                                        <div class="modal top fade" id="exampleModal" tabindex="-1"
                                            aria-labelledby="exampleModalLabel" aria-hidden="true" data-mdb-backdrop="false"
                                            data-mdb-keyboard="true">
                                            <div class="modal-dialog modal-xl  modal-dialog-centered">
                                                <div class="modal-content">

                                                    <div class="modal-header">
                                                        <h5 class="modal-title" id="exampleModalLabel">Modal title
                                                        </h5>
                                                        <button type="button" class="btn-close" data-mdb-dismiss="modal"
                                                            aria-label="Close"></button>

                                                    </div>
                                                    <div class="modal-body">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                <?php endwhile; ?>
            </div>
        </div>
    </section>
    <?php
} ?>
<?php
include('includes/footer.php');
include('includes/scripts.php');
?>