<?php

ob_start();
session_start();if(!isset($_SESSION['username'])){header('location:index.php');}


include("configa.php");


if (isset($_POST['submitButton'])) {


$hide = 1;


// রিসাইজ ফাংশন (384x256 px)
function resizeImage($source_path, $dest_path, $new_width = 384, $new_height = 256) {
    $image_info = getimagesize($source_path);
    $mime = $image_info['mime'];

    switch ($mime) {
        case 'image/jpeg':
            $src_image = imagecreatefromjpeg($source_path);
            break;
        case 'image/png':
            $src_image = imagecreatefrompng($source_path);
            break;
        case 'image/webp':
            $src_image = imagecreatefromwebp($source_path);
            break;
        default:
            return false; // Unsupported file type
    }

    $resized_image = imagecreatetruecolor($new_width, $new_height);
    imagecopyresampled($resized_image, $src_image, 0, 0, 0, 0,
        $new_width, $new_height, imagesx($src_image), imagesy($src_image));

    switch ($mime) {
        case 'image/jpeg':
            imagejpeg($resized_image, $dest_path);
            break;
        case 'image/png':
            imagepng($resized_image, $dest_path);
            break;
        case 'image/webp':
            imagewebp($resized_image, $dest_path);
            break;
    }

    imagedestroy($src_image);
    imagedestroy($resized_image);
    return true;
}



if (isset($_FILES['category_picture'])) {
    $path = 'category/';
    if (!file_exists($path)) {
        mkdir($path, 0777, true);
    }

    $category_pictures = [];

    foreach ($_FILES['category_picture']['name'] as $key => $for_category_picture_name) {
        if (!empty($for_category_picture_name)) {
            $uniq_num = uniqid();
            $new_name = $uniq_num . '_' . basename($for_category_picture_name);

            $tmp_name = $_FILES['category_picture']['tmp_name'][$key];
            $upload_path = $path . $new_name;

            $move = move_uploaded_file($tmp_name, $upload_path);

            if ($move && resizeImage($upload_path, $upload_path)) {
                $category_pictures[$key] = $new_name;
            } else {
                $category_pictures[$key] = null;
            }
            
        } else {
            if (isset($_POST['for_remove_image'][$key])) {
                $category_pictures[$key] = $_POST['for_remove_image'][$key];
            } else {
                $category_pictures[$key] = null;
            }
        }
    }

    // print_r($category_pictures); // Debug করতে চাইলে
}



if (isset($_FILES['small_picture'])) {
    $path = 'category/';
    if (!file_exists($path)) {
        mkdir($path, 0777, true);
    }

    $small_pictures = [];

    foreach ($_FILES['small_picture']['name'] as $key => $for_small_picture_name) {
        if (!empty($for_small_picture_name)) {
            $uniq_num = uniqid();
            $new_name = $uniq_num . '_' . basename($for_small_picture_name);

            $tmp_name = $_FILES['small_picture']['tmp_name'][$key];
            $upload_path = $path . $new_name;

            $move = move_uploaded_file($tmp_name, $upload_path);

            if ($move && resizeImage($upload_path, $upload_path)) {
                $small_pictures[$key] = $new_name;
            } else {
                $small_pictures[$key] = null;
            }
        } else {
            if (isset($_POST['for_remove_image'][$key])) {
                $small_pictures[$key] = $_POST['for_remove_image'][$key];
            } else {
                $small_pictures[$key] = null;
            }
        }
    }

    // print_r($small_pictures); // Debug করতে চাইলে
}



if (isset($_FILES['small_picture_two'])) {
    $path = 'category/';
    if (!file_exists($path)) {
        mkdir($path, 0777, true);
    }

    $small_picture_twos = [];

    foreach ($_FILES['small_picture_two']['name'] as $key => $for_small_picture_two_name) {
        if (!empty($for_small_picture_two_name)) {
            $uniq_num = uniqid();
            $new_name = $uniq_num . '_' . basename($for_small_picture_two_name);

            $tmp_name = $_FILES['small_picture_two']['tmp_name'][$key];
            $upload_path = $path . $new_name;

            $move = move_uploaded_file($tmp_name, $upload_path);

            if ($move && resizeImage($upload_path, $upload_path)) {
                $small_picture_twos[$key] = $new_name;
            } else {
                $small_picture_twos[$key] = null;
            }
        } else {
            if (isset($_POST['for_remove_image'][$key])) {
                $small_picture_twos[$key] = $_POST['for_remove_image'][$key];
            } else {
                $small_picture_twos[$key] = null;
            }
        }
    }

    // print_r($small_picture_twos); // Debug করতে চাইলে
}




if (isset($_FILES['small_picture_three'])) {
    $path = 'category/';
    if (!file_exists($path)) {
        mkdir($path, 0777, true);
    }

    $small_picture_threes = [];

    foreach ($_FILES['small_picture_three']['name'] as $key => $for_small_picture_three_name) {
        if (!empty($for_small_picture_three_name)) {
            $uniq_num = uniqid();
            $new_name = $uniq_num . '_' . basename($for_small_picture_three_name);

            $tmp_name = $_FILES['small_picture_three']['tmp_name'][$key];
            $upload_path = $path . $new_name;

            $move = move_uploaded_file($tmp_name, $upload_path);

            if ($move && resizeImage($upload_path, $upload_path)) {
                $small_picture_threes[$key] = $new_name;
            } else {
                $small_picture_threes[$key] = null;
            }
        } else {
            if (isset($_POST['for_remove_image'][$key])) {
                $small_picture_threes[$key] = $_POST['for_remove_image'][$key];
            } else {
                $small_picture_threes[$key] = null;
            }
        }
    }

    // print_r($small_picture_threes); // Debug করতে চাইলে
}



    foreach ($_POST['category_name'] as $key => $value) {

        $id_no      = mysqli_real_escape_string($conn, $_POST['id_no']);
        $first_name = mysqli_real_escape_string($conn, $_POST['first_name']);
        $last_name  = mysqli_real_escape_string($conn, $_POST['last_name']);
        $mobile     = mysqli_real_escape_string($conn, $_POST['mobile']);
        $division   = mysqli_real_escape_string($conn, $_POST['division']);
        $district   = mysqli_real_escape_string($conn, $_POST['district']);
        $upazila    = mysqli_real_escape_string($conn, $_POST['upazila']);
        $shopName   = mysqli_real_escape_string($conn, $_POST['shopName']);
        $address    = mysqli_real_escape_string($conn, $_POST['address']);

        // ইনপুটগুলো নিরাপদ করা
        $category_name = mysqli_real_escape_string($conn, $_POST['category_name'][$key]);
        $sub_category = mysqli_real_escape_string($conn, $_POST['sub_category'][$key]);
        $item = mysqli_real_escape_string($conn, $_POST['item'][$key]);
        $product_name = mysqli_real_escape_string($conn, $_POST['product_name'][$key]);
        $person = mysqli_real_escape_string($conn, $_POST['person'][$key]);
        $gks = mysqli_real_escape_string($conn, $_POST['gks'][$key]);
        $price = mysqli_real_escape_string($conn, $_POST['price'][$key]);
        $discount = mysqli_real_escape_string($conn, $_POST['discount'][$key]);
        $current_price = mysqli_real_escape_string($conn, $_POST['current_price'][$key]);
        $size = mysqli_real_escape_string($conn, $_POST['size'][$key]);
        $weight = mysqli_real_escape_string($conn, $_POST['weight'][$key]);
        $quantity = mysqli_real_escape_string($conn, $_POST['quantity'][$key]);
        $description = mysqli_real_escape_string($conn, $_POST['description'][$key]);
        $specification = mysqli_real_escape_string($conn, $_POST['specification'][$key]);

        $editor = mysqli_real_escape_string($conn, $_POST['editor'][$key]);

    $category_picture = isset($category_pictures[$key]) ? $category_pictures[$key] : '';
    $small_picture = isset($small_pictures[$key]) ? $small_pictures[$key] : '';
    $small_picture_two = isset($small_picture_twos[$key]) ? $small_picture_twos[$key] : '';
    $small_picture_three = isset($small_picture_threes[$key]) ? $small_picture_threes[$key] : '';


        // SQL ইনসার্ট
        $sql = "INSERT INTO goods_category (
        id_no, first_name, last_name, mobile, division, district, upazila, shopName, address, category_name, sub_category, item, product_name, person, category_picture, small_picture, gks, small_picture_two, small_picture_three, price, discount, current_price, size, weight, quantity, description, specification, editor
        ) VALUES (
            '$id_no', '$first_name', '$last_name', '$mobile', '$division', '$district', '$upazila', '$shopName', '$address',
            '$category_name', '$sub_category', '$item', '$product_name', '$person', '$category_picture', '$small_picture', '$gks', '$small_picture_two', '$small_picture_three', '$price', '$discount', '$current_price', '$size', '$weight', '$quantity', '$description', '$specification', '$editor'
        )";

        // কুয়েরি চালানো
        if (!mysqli_query($conn, $sql)) {
            echo "Error inserting row $key: " . mysqli_error($conn);
        }
    }

    echo "<center>প্রডাক্ট এন্ট্রি সফল হয়েছে।</center>";
}
?>


  <meta name = "viewport" content = "width = device-width, initial-scale = 1.0">
  <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">

<style type="text/css">

/**{
    background-color: #f0f8ff;
    font-family: SutonnyOMJ, Times New Roman;
}

*/




    @font-face {
      font-family: 'SutonnyOMJ';
      src: url('font/SutonnyOMJ.ttf') format('truetype');
      font-display: swap;
    }

    @font-face {
      font-family: 'SutonnyMJ';
      src: url('font/SUTOM___0.TTF') format('truetype');
      font-display: swap;
    }
    
    /* অন্যান্য গুরুত্বপূর্ণ CSS রুলগুলো এখানে রাখতে পারেন */
    body {
      font-family: 'SutonnyOMJ', Arial, sans-serif;
      font-size: 16px; /* একটি বেস ফন্ট সাইজ সেট করুন */
    }
 


.container{
  padding: 20pt;
  padding: 20pt;
}


.headLine{
    width: 2in;
    position: absolute;
    left: 50%;
    transform: translate(-50%,0);
    font-family: SutonnyOMJ;
    font-size: 15pt;
    
    background-color: #308DFF;
    padding: 6pt;
    border: solid 1pt;
    border-radius: 10pt;
    box-sizing: border-box;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}


  .product_box{
    width: 100%; 
    /*background-color: red;*/
    padding: 10pt;
  }



.addNew {
  width: 2in;
  background: linear-gradient(135deg, #1625EA, #F80F51);
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  /*padding: 12px;*/
  border: none;
  border-radius: 25px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

.addNew:hover {
  background: linear-gradient(135deg, #078301, #6A091B);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
  transform: translateY(-2px);
}

.addNew:active {
  transform: translateY(0);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}



.finalSubmitBtn {
  width: 2in;
  background: linear-gradient(135deg, #EF8701, #baf3db);
  color: #333;
  font-size: 16px;
  font-weight: 500;
  /*padding: 12px;*/
  border: none;
  border-radius: 25px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

.finalSubmitBtn:hover {
  background: linear-gradient(135deg, #7fd9ff, #92eac7);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
  transform: translateY(-2px);
}

.finalSubmitBtn:active {
  transform: translateY(0);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}


 p, input, textarea{
    width: 100%;
    height: 25pt;
    font-size: 12pt;
    padding: 5pt;
    font-family: sutonnyOMJ;
  }


table{
    width: 100%;
    table-layout: fixed;
}


  table, th, td{
    font-size: 11pt;
    border: solid 1pt;
    border-collapse: collapse;
    background-color: red;
    padding: 5pt;
  }




 th{
    background-color: #A3F9A9;
    color: blue;
  }


 td{
    background-color: #A3F9A9;
  }


input, textarea {
    background-color: transparent;
    transition: background-color 0.3s ease;
}



input{
    border: blue 1pt;
}

/*.num{
  width: 60pt;
}*/

/*.longTex{
  width: 120pt;
}
*/

/*.fas{
font-size: 14pt;
box-sizing: border-box;
color: red;
}

.quantity{
    width: 75%;
    margin-right: 7pt;
    box-sizing: border-box;
}
*/
</style>



<div class="container">


<div class="headLine">পণ্য এন্ট্রি</div><br>


<div class="product_box">

<form action="" method="POST" enctype="multipart/form-data">


<div>
    <input class="id_no" type="text" name="id_no" placeholder="আইডি নং দিন">
    <input hidden="" class="first_name" type="text" name="first_name" placeholder="First Name">
    <input hidden="" class="last_name" type="text" name="last_name" placeholder="Last Name">
    <input hidden="" class="mobile" type="text" name="mobile" placeholder="Mobile">
    <input hidden="" class="division" type="text" name="division" placeholder="Division">
    <input hidden="" class="district" type="text" name="district" placeholder="District">
    <input hidden="" class="upazila" type="text" name="upazila" placeholder="Upazila">
    <input hidden="" class="up" type="text" name="up" placeholder="Union/UP">
    <input hidden="" class="shopName" type="text" name="shopName" placeholder="Shop Name">
    <input hidden="" class="address" type="text" name="address" placeholder="Address">
    <p class="allData"></p>
</div>


<script>
document.addEventListener("DOMContentLoaded", function () {
    const idInput = document.querySelector(".id_no");

    idInput.style.border = "1px solid blue";
    idInput.style.backgroundColor = "#338FFF";


    idInput.addEventListener("blur", function () {
        const id_no = idInput.value.trim();

        if (id_no !== "") {
            fetch("get_seller.php", {
                method: "POST",
                headers: {
                    "Content-Type": "application/x-www-form-urlencoded"
                },
                body: "id_no=" + encodeURIComponent(id_no)
            })
            .then(response => response.json())
            .then(res => {
                if (res.success) {
                    document.querySelector(".first_name").value = res.data.first_name;
                    document.querySelector(".last_name").value = res.data.last_name;
                    document.querySelector(".mobile").value = res.data.mobile;
                    document.querySelector(".division").value = res.data.division;
                    document.querySelector(".district").value = res.data.district;
                    document.querySelector(".upazila").value = res.data.upazila;
                    document.querySelector(".up").value = res.data.up;
                    document.querySelector(".shopName").value = res.data.shopName;
                    document.querySelector(".address").value = res.data.address;


let allDataDiv = document.querySelector(".allData");
let seller = res.data;

allDataDiv.innerHTML = `
    <p>
    ID No: ${seller.id_no},
    ব্যবসা প্রতিষ্ঠানের নাম: ${seller.shopName},    
    মালিকের নাম: ${seller.first_name} ${seller.last_name},
    মোবাইল : ${seller.mobile}, 
    ঠিকানা : ${seller.address} 
    বিভাগ: ${seller.division},
    জেলা: ${seller.district},
    উপজেলা: ${seller.upazila},
    ইউনিয়ন: ${seller.up},    
    </p>`;
            } else {
                    alert("⚠️ কোনো ডেটা পাওয়া যায়নি!");
                }
            })
            .catch(err => {
                console.error("Fetch error:", err);
            });
        }
    });
});
</script>










<table style="margin-left: auto; margin-right: auto; width: 100%;">

<?php if( !isset($hide)  ){ ?>

<tbody id="myTbody">

<tr>
            <th class="longTex">Category Name:</th>
            <th style="display: none;" class="longTex">Sub Category:</th>
            <th class="longTex">Item:</th>
            <th class="longTex">Product Name:</th>
            <th class="longTex">Person:</th>
            <th class="longTex">Category Picture:</th>
            <th class="longTex">Small Picture:</th>
            <th class="num">Small picture two:</th>
            <th class="num">Small picture Three:</th>

        </tr>
        <tr>
            <td><input type="text" name="category_name[]"></td>
            <td style="display: none;"><input type="text" name="sub_category[]"></td>
            <td><input type="text" name="item[]"></td>
            <td><input type="text" name="product_name[]"></td>
            <td><input type="text" name="person[]"></td>
            <td><input  type="file" name="category_picture[]"></td>
            <td><input  type="file" name="small_picture[]"></td>
        <td><input  type="file" name="small_picture_two[]"></td>
        <td><input  type="file" name="small_picture_three[]"></td>

        </tr>
        <tr>

            <th class="longTex">Description:</th>
            <th class="longTex">Specification:</th>


            <th class="num">GKS:</th>
            <th class="num">Price:</th>
            <th class="num">Discount (%):</th>
            <th>Current Price:</th>
            <th class="num">Size:</th>
            <th class="longTex">Weight (kg):</th>
            <th style="display: none;" class="longTex">Quantity</th>



            <th hidden="">Editor:</th>
        </tr>
        <tr>

            <td><textarea name="description[]" rows="3" cols="40" onkeypress="auto_hieght(this);" onkeyup="auto_hieght(this);"></textarea></td>
            <td><textarea name="specification[]" rows="3" cols="40" onkeypress="auto_hieght(this);" onkeyup="auto_hieght(this);"></textarea></td>


            <td><input type="text" name="gks[]"></td>
            <td><input name="price[]" step="0.01"></td>
            <td><input name="discount[]" step="0.01"></td>
            <td><input name="current_price[]" step="0.01"></td>
            <td><input type="text" name="size[]"></td>
            <td><input name="weight[]" id="weightInput" step="0.01" oninput="validateWeight(this)">
            </td>
            <td style="display: none;"><input name="quantity[]" value="1"></td>




            <td hidden=""><input type="text" name="editor[]"></td>
        </tr>
</tbody>

<?php } ?>

<tr>
    <td colspan="8" style="text-align: center;">
    <button class="addNew" type="submit" name="submitBtn" style="padding: 6px 20px; font-size: 14px;">Add New</button>
    </td>
</tr>

</table>

<br>
<center>
<input class="finalSubmitBtn"  type="submit" value="Submit" name="submitButton">
</center>


</form>



    </div>



</div>




<script>

document.addEventListener("DOMContentLoaded", function () {
    const submitBtn = document.querySelector("button[name='submitBtn']");
    const table = document.querySelector("table");
    const tbody = table.querySelector("tbody");

    function applyGroupColors() {
        const rows = tbody.querySelectorAll("tr");

        for (let i = 0; i < rows.length; i += 4) {
            const groupRows = [rows[i], rows[i + 1], rows[i + 2], rows[i + 3]];
            const color = Math.floor(i / 4) % 2 === 0 ? "#A3F9A9" : "#F9FBD0";

            groupRows.forEach(row => {
                if (row) {
                    const ths = row.querySelectorAll("th");
                    ths.forEach(th => {
                        th.style.backgroundColor = color;
                    });

                    const tds = row.querySelectorAll("td");
                    tds.forEach(td => {
                        td.style.backgroundColor = color;

       
                    });
                }
            });
        }
    }

    submitBtn.addEventListener("click", function (e) {
        e.preventDefault();

        const groupHTML = `
        <tr>
            <th class="longTex">Category Name:</th>
            <th style="display: none;" class="longTex">Sub Category:</th>
            <th class="longTex">Item:</th>
            <th class="longTex">Product Name:</th>
            <th class="longTex">Person:</th>
            <th class="longTex">Category Picture:</th>
            <th class="longTex">Small Picture:</th>
            <th class="num">Small picture two:</th>
            <th class="num">Small picture Three:</th>

        </tr>
        <tr>
            <td><input type="text" name="category_name[]"></td>
            <td style="display: none;"><input type="text" name="sub_category[]"></td>
            <td><input type="text" name="item[]"></td>
            <td><input type="text" name="product_name[]"></td>
            <td><input type="text" name="person[]"></td>
            <td><input  type="file" name="category_picture[]"></td>
            <td><input  type="file" name="small_picture[]"></td>
            <td><input  type="file" name="small_picture_two[]"></td>
            <td><input  type="file" name="small_picture_three[]"></td>

        </tr>
        <tr>

            <th class="longTex">Description:</th>
            <th class="longTex">Specification:</th>
            <th class="num">GKS:</th>
            <th class="num">Price:</th>
            <th class="num">Discount (%):</th>
            <th>Current Price:</th>
            <th class="num">Size:</th>
            <th class="longTex">Weight (kg):</th>
            <th style="display: none;" class="longTex">Quantity</th>
            <th hidden="">Editor:</th>
        </tr>
        <tr>

        <td><textarea name="description[]" rows="3" cols="40" onkeypress="auto_hieght(this);" onkeyup="auto_hieght(this);"></textarea></td>
            <td><textarea name="specification[]" rows="3" cols="40" onkeypress="auto_hieght(this);" onkeyup="auto_hieght(this);"></textarea></td>

           <td><input type="text" name="gks[]"></td>
            <td><input name="price[]" step="0.01"></td>
            <td><input name="discount[]" step="0.01"></td>
            <td><input name="current_price[]" step="0.01"></td>
            <td><input type="text" name="size[]"></td>
            <td><input name="weight[]" step="0.01"><span class="delete"><i class="fas fa-trash"></i></span></td>
            <td style="display: none;"><input name="quantity[]" class="quantity"></td>
            
            <td hidden=""><input type="text" name="editor[]"></td>
        </tr>
        `;

        tbody.insertAdjacentHTML("beforeend", groupHTML);
        applyGroupColors();
    });


       table.addEventListener("click", function (e) {
        if (e.target.closest(".delete")) {
            const deleteRow = e.target.closest("tr");
            if (!deleteRow) return;

            // চতুর্থ row ধরে তিনটি আগের sibling ধরছি
            const row3 = deleteRow.previousElementSibling;
            const row2 = row3?.previousElementSibling;
            const row1 = row2?.previousElementSibling;

            // সব চারটি row মুছে ফেলি (যদি বিদ্যমান থাকে)
            [row1, row2, row3, deleteRow].forEach(row => {
                if (row && row.parentNode) {
                    row.parentNode.removeChild(row);
                }
            });

            applyGroupColors();
        }
    });



});




document.addEventListener("DOMContentLoaded", () => {
    // শুরুতেই ইনপুট/টেক্সটএরিয়ার ব্যাকগ্রাউন্ড ট্রান্সপারেন্ট এবং ডিফল্ট বোর্ডার কালার সেট করা
    document.querySelectorAll("input, textarea").forEach(input => {
        input.style.backgroundColor = "transparent";
        input.style.borderColor = ""; // ডিফল্ট রঙ (বা আপনি চাইলে স্পেসিফিক দিতে পারেন)
    });

    // ডাইনামিক ইনপুটের জন্য ইভেন্ট ডেলিগেশন
    document.body.addEventListener("input", e => {
        if (e.target.tagName === "INPUT" || e.target.tagName === "TEXTAREA") {
            e.target.style.backgroundColor = "white";
            e.target.style.borderColor = "red"; // লেখা শুরু হলে বোর্ডার ব্লু হবে
        }
    });

    document.body.addEventListener("focusout", e => {
        if ((e.target.tagName === "INPUT" || e.target.tagName === "TEXTAREA") && e.target.value.trim() === "") {
            e.target.style.backgroundColor = "transparent";
            e.target.style.borderColor = ""; // ফাঁকা হলে বোর্ডার রঙ রিসেট হবে
        }
    });
});




 function auto_hieght(element) {
      element.style.height = "5px";
      element.style.height = (element.scrollHeight)+"px";
    }





function validateWeight(input) {
    const value = input.value;
    const pattern = /^\d{0,2}(\.\d*)?$/;

    if (!pattern.test(value)) {
        input.setCustomValidity("এখানে কেজি হবে, গ্রাম নয়।");
        input.reportValidity();
    } else {
        input.setCustomValidity(""); // valid হলে মেসেজ মুছে ফেলি
    }
}

</script>










<?php
// End capturing the output and store it in a variable
$product_add_display_content = ob_get_clean();

// Now include frameForAll.php, which will use $catagory_display_content
include("frameForAll.php");

// mysqli_close($conn); // You might want to close the connection after all database operations
ob_end_flush();
?>




<!DOCTYPE html>
<html>
<head>

  <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

<meta name="theme-color" content="#FF0000">
    
<title>অনলাইন শপ</title>
    

  
</head>
<body>


<style type="text/css">




</style>

<!----------------------------->
<script>
  flatpickr("#start_date", {
    dateFormat: "d/m/Y", // DD/MM/YYYY format
    position: "below"     // Force show calendar below
  });

  flatpickr("#end_date", {
    dateFormat: "d/m/Y",
    position: "below"
  });
</script>

<!-- ------------------------- -->
  

</body>
</html>