<?php
include "master.php";
?>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.3.0/jquery.form.min.js"></script>

<script>
    $(document).ready(function () {
        $('form').ajaxForm(function () {
            alert("Uploaded SuccessFully");
        });
    });
    function preview_image() {
        var total_file = document.getElementById("images").files.length;
        for (var i = 0; i < total_file; i++) {
            var img = $('#image_preview').append("<img src='" + URL.createObjectURL(event.target.files[i]) + "' height='300px' width=' 540px'><br><br>");
            $(".btnsave").click(function () {
                $("img").addClass('d_none');
            });
        }
    }
    function preview_image1() {
        var total_file = document.getElementById("images1").files.length;
        for (var i = 0; i < total_file; i++) {
            var img = $('#image_preview1').append("<img src='" + URL.createObjectURL(event.target.files[i]) + "' height='300px' width=' 540px'><br><br>");
            $(".btnsave").click(function () {
                $("img").addClass('d_none');
            });
        }
    }
    function preview_image2() {
        var total_file = document.getElementById("images2").files.length;
        for (var i = 0; i < total_file; i++) {
            var img = $('#image_preview2').append("<img src='" + URL.createObjectURL(event.target.files[i]) + "' height='300px' width=' 540px'><br><br>");
            $(".btnsave").click(function () {
                $("img").addClass('d_none');
            });
        }
    }
    function preview_image3() {
        var total_file = document.getElementById("images3").files.length;
        for (var i = 0; i < total_file; i++) {
            var img = $('#image_preview3').append("<img src='" + URL.createObjectURL(event.target.files[i]) + "' height='300px' width=' 540px'><br><br>");
            $(".btnsave").click(function () {
                $("img").addClass('d_none');
            });
        }
    }
    function preview_image4() {
        var total_file = document.getElementById("images4").files.length;
        for (var i = 0; i < total_file; i++) {
            var img = $('#image_preview4').append("<img src='" + URL.createObjectURL(event.target.files[i]) + "' height='300px' width=' 540px'><br><br>");
            $(".btnsave").click(function () {
                $("img").addClass('d_none');
            });
        }
    }
</script>
<script>
    function myFunction() {
        var x = document.getElementById("snackbar");
        // x.classList.add("show");
        x.className = "show";
        setTimeout(function () { x.className = x.className.replace("show", ""); }, 3000);
    }
</script>
<style>
    .d_none {
        display: none;
    }

    #image_preview {
        display: flex;
        justify-content: center;
    }

    #image_preview img {
        width: 200px;
        height: 150px;
    }

    #image_preview1 {
        display: flex;
        justify-content: center;
    }

    #image_preview1 img {
        width: 200px;
        height: 150px;
    }

    #image_preview2 {
        display: flex;
        justify-content: center;
    }

    #image_preview2 img {
        width: 200px;
        height: 150px;
    }

    #image_preview3 {
        display: flex;
        justify-content: center;
    }

    #image_preview3 img {
        width: 200px;
        height: 150px;
    }

    #image_preview4 {
        display: flex;
        justify-content: center;
    }

    #image_preview4 img {
        width: 200px;
        height: 150px;
    }
</style>
<?php



if (isset($_POST['btnAdd'])) {
    $name = $_POST['name'];
    $description = $_POST['description'];
    $price = $_POST['price'];
    $decPrice = $_POST['decPrice'];
    $category = $_POST['category'];
    $subclass = $_POST['subclass'];
    $subclass2 = $_POST['subclass2'];
    $subclass3 = $_POST['subclass3'];
    $best_offers = isset($_POST["best_offers"]) ? $_POST["best_offers"] : 0;
    $smart_offers = isset($_POST["smart_offers"]) ? $_POST["smart_offers"] : 0;
    $school_offers = isset($_POST["school_offers"]) ? $_POST["school_offers"] : 0;
    $aqsad = isset($_POST["aqsad"]) ? $_POST["aqsad"] : 0;
    $phone = isset($_POST["phone"]) ? $_POST["phone"] : 0;
    $In_Stock = $_POST["In_Stock"];
    $gift = $_POST["gift"];
    
    $file_name = $_FILES['main_image']['name'];
    $file_tmp = $_FILES['main_image']['tmp_name'];
    $file_ext = strtolower(pathinfo($file_name, PATHINFO_EXTENSION));

    $file_new_name = strval(time() + rand(1, 1000000000)) . ".$file_ext";
    $upload_path = '../BEqq/' . $file_new_name;
    move_uploaded_file($file_tmp, $upload_path);

    $main_image = str_replace('../BEqq', '', $upload_path);

    $file_name = $_FILES['gallery1']['name'];
    $file_tmp = $_FILES['gallery1']['tmp_name'];
    $file_ext = strtolower(pathinfo($file_name, PATHINFO_EXTENSION));

    $file_new_name = strval(time() + rand(1, 1000000000)) . ".$file_ext";
    $upload_path = '../BEqq/' . $file_new_name;
    move_uploaded_file($file_tmp, $upload_path);

    $gallery1 = str_replace('../BEqq', '', $upload_path);

    $file_name = $_FILES['gallery2']['name'];
    $file_tmp = $_FILES['gallery2']['tmp_name'];
    $file_ext = strtolower(pathinfo($file_name, PATHINFO_EXTENSION));

    $file_new_name = strval(time() + rand(1, 1000000000)) . ".$file_ext";
    $upload_path = '../BEqq/' . $file_new_name;
    move_uploaded_file($file_tmp, $upload_path);

    $gallery2 = str_replace('../BEqq', '', $upload_path);

    $file_name = $_FILES['gallery3']['name'];
    $file_tmp = $_FILES['gallery3']['tmp_name'];
    $file_ext = strtolower(pathinfo($file_name, PATHINFO_EXTENSION));

    $file_new_name = strval(time() + rand(1, 1000000000)) . ".$file_ext";
    $upload_path = '../BEqq/' . $file_new_name;
    move_uploaded_file($file_tmp, $upload_path);

    $gallery3 = str_replace('../BEqq', '', $upload_path);

    $file_name = $_FILES['gallery4']['name'];
    $file_tmp = $_FILES['gallery4']['tmp_name'];
    $file_ext = strtolower(pathinfo($file_name, PATHINFO_EXTENSION));

    $file_new_name = strval(time() + rand(1, 1000000000)) . ".$file_ext";
    $upload_path = '../BEqq/' . $file_new_name;
    move_uploaded_file($file_tmp, $upload_path);

    $gallery4 = str_replace('../BEqq', '', $upload_path);

    if (substr($gallery1, -3) == 'jpg') {
        $gallery1 = $gallery1;
    } elseif (substr($gallery1, -3) == 'png') {
        $gallery1 = $gallery1;
    } elseif (substr($gallery1, -3) == 'webp') {
        $gallery1 = $gallery1;
    } else {
        $gallery1 = '';
    }
    if (substr($gallery2, -3) == 'jpg') {
        $gallery2 = $gallery2;
    } elseif (substr($gallery2, -3) == 'png') {
        $gallery2 = $gallery2;
    } elseif (substr($gallery2, -3) == 'webp') {
        $gallery2 = $gallery2;
    } else {
        $gallery2 = '';
    }
    if (substr($gallery3, -3) == 'jpg') {
        $gallery3 = $gallery3;
    } elseif (substr($gallery3, -3) == 'png') {
        $gallery3 = $gallery3;
    } elseif (substr($gallery3, -3) == 'webp') {
        $gallery3 = $gallery3;
    } else {
        $gallery3 = '';
    }
    if (substr($gallery4, -3) == 'jpg') {
        $gallery4 = $gallery4;
    } elseif (substr($gallery4, -3) == 'png') {
        $gallery4 = $gallery4;
    } elseif (substr($gallery4, -3) == 'webp') {
        $gallery4 = $gallery4;
    } else {
        $gallery4 = '';
    }




    $sql = "INSERT INTO `products`(`name`, `main_image`, `gallery1`, `gallery2`, `gallery3`, `gallery4`, `description`, `price`, `decPrice`, `category`, `subclass`, `subclass2`, `subclass3`, `best_offers`, `smart_offers`, `school_offers`, `In_Stock`, `aqsad`, `gift`, `phone`) VALUES ('$name', '$main_image', '$gallery1', '$gallery2', '$gallery3', '$gallery4', '$description', $price, $decPrice, '$category', '$subclass', '$subclass2', '$subclass3', '$best_offers', '$smart_offers', '$school_offers', '$In_Stock', '$aqsad', '$gift', '$phone')";
    $rs = $db->dbQuery($sql);

    $err = "تم الاضافة بنجاح";


    echo '
              <script>
              $(document).ready(function(){
                $("#snackbar").addClass("show");
                      setTimeout(function(){
                       $("#snackbar").removeClass("show");
                         }, 3000);
            });
              </script>
          ';
    echo "<meta http-equiv='refresh' content='3;URL=products.php'>";


}

?>

<div class="row">
    <div class="col-sm-12">
        <div class="card-box">



            <h4 class="header-title m-t-0 m-b-30">اضافة منتج جديد</h4>
            <div id="snackbar" class="">تم الاضافة بنجاح</div>

            <div class="row" style="display: flex;justify-content: center;">
                <div class="col-lg-6">
                    <form class="form-horizontal" method="post" enctype="multipart/form-data">
                        <div class="form-group">
                            <label class="" style="display: block;text-align: center;"> اسم المنتج </label>
                            <input type="text" class="form-control" name="name" placeholder="اسم المنتج">
                        </div>
                        <div class="form-group">
                            <div class="custom-file">
                                <label class="custom-file-label" style="display: block;text-align: center;"
                                    for="customFile">اختر الصورة الرئيسية</label>
                                <input type="file" class="form-control custom-file-input" id="images" name="main_image"
                                    onchange="preview_image();">

                            </div>
                            <div id="image_preview"></div>

                        </div>
                        <div class="form-group">
                            <div class="custom-file">
                                <label class="custom-file-label" style="display: block;text-align: center;"
                                    for="customFile">اختر صورة المعرض 1 </label>
                                <input type="file" class="form-control custom-file-input" id="images1" name="gallery1"
                                    onchange="preview_image1();">

                            </div>
                            <div id="image_preview1"></div>

                        </div>
                        <div class="form-group">
                            <div class="custom-file">
                                <label class="custom-file-label" style="display: block;text-align: center;"
                                    for="customFile">اختر صورة المعرض 2 </label>
                                <input type="file" class="form-control custom-file-input" id="images2" name="gallery2"
                                    onchange="preview_image2();">

                            </div>
                            <div id="image_preview2"></div>

                        </div>
                        <div class="form-group">
                            <div class="custom-file">
                                <label class="custom-file-label" style="display: block;text-align: center;"
                                    for="customFile">اختر صورة المعرض 3 </label>
                                <input type="file" class="form-control custom-file-input" id="images3" name="gallery3"
                                    onchange="preview_image3();">

                            </div>
                            <div id="image_preview3"></div>

                        </div>
                        <div class="form-group">
                            <div class="custom-file">
                                <label class="custom-file-label" style="display: block;text-align: center;"
                                    for="customFile">اختر صورة المعرض 4 </label>
                                <input type="file" class="form-control custom-file-input" id="images4" name="gallery4"
                                    onchange="preview_image4();">

                            </div>
                            <div id="image_preview4"></div>

                        </div>
                        <div class="form-group">
                            <label class="" style="display: block;text-align: center;">وصف المنتج</label>
                            <textarea class="form-control" placeholder="الوصف ..." name="description" id="description"
                                rows="8" cols="80"></textarea>
                        </div>
                        <div class="form-group">
                            <label class="" style="display: block;text-align: center;">السعر</label>
                            <input type="text" class="form-control" name="price" placeholder="السعر">
                        </div>
                        <div class="form-group">
                            <label class="" style="display: block;text-align: center;">الخصم</label>
                            <input type="text" class="form-control" name="decPrice" placeholder="الخصم">
                        </div>
                        <div class="form-group">
                            <label class="" style="display: block;text-align: center;">اختيار التصنيف</label>
                            <select class="form-control input" name="category">
                                <option value="" selected disabled>اختر التصنيف</option>
                                <option value="ابل">(يوجد تصنيف فرعي) ابل </option>
                                <option value="الهواتف ومستلزماتها">(يوجد تصنيف فرعي) الهواتف ومستلزماتها </option>
                                <option value="التلفزيون واجهزة الترفيه">التلفزيون واجهزة الترفيه (يوجد تصنيف فرعي)
                                </option>
                                <option value="قسم الالعاب">قسم الالعاب (يوجد تصنيف فرعي)</option>
                                <option value="الشواحن والبطاريات المتنقلة">الشواحن والبطاريات المتنقلة (يوجد تصنيف
                                    فرعي)</option>
                                <option value="السماعات و ملحقاتها">السماعات و ملحقاتها (يوجد تصنيف فرعي)</option>
                                <option value="الساعات الذكية وملحقاتها">الساعات الذكية وملحقاتها (يوجد تصنيف فرعي)
                                </option>
                                <option value="الاجهزة المنزلية">الاجهزة المنزلية (يوجد تصنيف فرعي)</option>
                                <option value="الصحةورياضة">الصحةورياضة (يوجد تصنيف فرعي)</option>
                                <option value="ملحقات السيارات">ملحقات السيارات (يوجد تصنيف فرعي)</option>
                                <option value="ملحقات الكمبيوتر واللابتوب">ملحقات الكمبيوتر واللابتوب</option>
                                <option value="شنط واكسسورات">شنط واكسسورات (يوجد تصنيف فرعي)</option>
                                <option value="منتجات متميزة">منتجات متميزة</option>
                                <option value="منتجات متميزة">Iwin</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label class="" style="display: block;text-align: center;">اختيار التصنيف الفرعي 1</label>
                            <select class="form-control input" name="subclass">
                                <option value="" selected>اختر التصنيف</option>
                                <optgroup label="ابل">
                                    <option value="الايفون"> الايفون </option>
                                    <option value="اكسسوارات الايفون">(يوجد تصنيف فرعي) اكسسوارات الايفون </option>
                                    <option value="الايباد">الايباد</option>
                                    <option value="اكسسوارات الايباد">اكسسوارات الايباد (يوجد تصنيف فرعي)</option>
                                    <option value="ساعات ابل">ساعات ابل</option>
                                    <option value="سماعات ابل">سماعات ابل</option>
                                    <option value="اكسسوارات ابل">اكسسوارات ابل</option>
                                    <option value="ابل آير تاغ وملحقاتها">ابل آير تاغ وملحقاتها</option>
                                </optgroup>
                                <optgroup label="الهواتف ومستلزماتها">
                                    <option value="سامسونج">سامسونج</option>
                                    <option value="اكسسوارات سامسونج جالكسي">اكسسوارات سامسونج جالكسي</option>
                                    <option value="هونر">هونر</option>
                                    <option value="اجهزة التابلت">اجهزة التابلت</option>
                                    <option value="استاند الجوالات">استاند الجوالات</option>
                                    <option value="جوالات واجهزة اخرى">جوالات واجهزة اخرى</option>
                                </optgroup>
                                <optgroup label="التلفزيون واجهزة الترفيه">
                                    <option value="اجهزة العرض والترفيه">اجهزة العرض والترفيه</option>
                                    <option value="تلفزيونات">تلفزيونات</option>
                                </optgroup>
                                <optgroup label="قسم الالعاب">
                                    <option value="بلايستيشن 5">بلايستيشن 5 (يوجد تصنيف فرعي)</option>
                                    <option value="سماعات الالعاب">سماعات الالعاب</option>
                                    <option value="كراسي الالعاب">كراسي الالعاب</option>
                                    <option value="ماوس العاب">ماوس العاب</option>
                                    <option value="كيبورد العاب">كيبورد العاب</option>
                                    <option value="ملحقات العاب الجوال">ملحقات العاب الجوال</option>
                                    <option value="اجهزة العاب اخرى">اجهزة العاب اخرى</option>
                                </optgroup>
                                <optgroup label="الشواحن والبطاريات المتنقل">
                                    <option value="بطاريات متنقلة">بطاريات متنقلة</option>
                                    <option value="الشواحن">الشواحن (يوجد تصنيف فرعي)</option>
                                    <option value="كيابل شحن">كيابل شحن (يوجد تصنيف فرعي)</option>
                                </optgroup>
                                <optgroup label="السماعات و ملحقاتها">
                                    <option value="السماعات">السماعات (يوجد تصنيف فرعي)</option>
                                    <option value="ملحقات السماعات">ملحقات السماعات (يوجد تصنيف فرعي)</option>
                                </optgroup>
                                <optgroup label="الساعات الذكية وملحقاتها">
                                    <option value="ساعات ذكية">ساعات ذكية (يوجد تصنيف فرعي)</option>
                                    <option value="ملحقات الساعات الذكية">ملحقات الساعات الذكية</option>
                                </optgroup>
                                <optgroup label="الاجهزة المنزلية">
                                    <option value="ثلاجات">ثلاجات</option>
                                    <option value="مكانس ذكية">مكانس ذكية</option>
                                    <option value="أجهزة الشبكات والراوتر">أجهزة الشبكات والراوتر</option>
                                    <option value="توصيلات كهربائية">توصيلات كهربائية</option>
                                    <option value="اداوت ومعدات">اداوت ومعدات</option>
                                </optgroup>
                                <optgroup label="الصحة ورياضة">
                                    <option value="العناية الصحية">العناية الصحية</option>
                                    <option value="ميزان الكتروني">ميزان الكتروني</option>
                                    <option value="اجهزة رياضية">اجهزة رياضية</option>
                                    <option value="حوافظ المشروبات">حوافظ المشروبات</option>
                                </optgroup>
                                <optgroup label="ملحقات السيارات">
                                    <option value="داش كام">داش كام</option>
                                    <option value="بطاريات متنقلة للسيارات">بطاريات متنقلة للسيارات</option>
                                    <option value="شواحن وكيابل السيارات">شواحن وكيابل السيارات</option>
                                    <option value="ملحقات اخرى للسيارات">ملحقات اخرى للسيارات</option>
                                    <option value="منفاخ السيارة">منفاخ السيارة</option>
                                    <option value="ستاند جوال للسيارة">ستاند جوال للسيارة</option>
                                </optgroup>
                                <optgroup label="شنط واكسسورات">
                                    <option value="حافظة الكروت">حافظة الكروت</option>
                                    <option value="شنط الظهر">شنط الظهر</option>
                                    <option value="شنط اليد">شنط اليد</option>
                                </optgroup>
                            </select>
                        </div>
                        <div class="form-group">
                            <label class="" style="display: block;text-align: center;">اختيار التصنيف الفرعي 2</label>
                            <select class="form-control input" name="subclass2">
                                <option value="" selected>اختر التصنيف</option>
                                <optgroup label="اكسسوارات الايفون ">
                                    <option value="اكسسوارات ايفون 14 برو ماكس">اكسسوارات ايفون 14 برو ماكس</option>
                                    <option value="اكسسوارات ايفون 14 برو">اكسسوارات ايفون 14 برو</option>
                                    <option value="اكسسوارات ايفون 14 بلس">اكسسوارات ايفون 14 بلس</option>
                                    <option value="اكسسوارات ايفون 14">اكسسوارات ايفون 14</option>
                                    <option value="اكسسوارات ايفون 13 برو ماكس">اكسسوارات ايفون 13 برو ماكس</option>
                                    <option value="اكسسوارات ايفون 13 برو">اكسسوارات ايفون 13 برو</option>
                                    <option value="اكسسوارات ايفون 13">اكسسوارات ايفون 13</option>
                                    <option value="اكسسوارات ايفون 12 برو ماكس">اكسسوارات ايفون 12 برو ماكس</option>
                                    <option value="اكسسوارات ايفون 12 برو">اكسسوارات ايفون 12 برو</option>
                                    <option value="اكسسوارات ايفون 12">اكسسوارات ايفون 12</option>
                                    <option value="اكسسوارات ايفون 11 / برو / برو ماكس">اكسسوارات ايفون 11 / برو / برو
                                        ماكس</option>
                                    <option value="اكسسوارات ايفون X / XR / XS MAX">اكسسوارات ايفون X / XR / XS MAX
                                    </option>
                                </optgroup>
                                <optgroup label="اكسسوارات الايباد">
                                    <option value="اكسسوارات ايباد برو 12.9">اكسسوارات ايباد برو 12.9</option>
                                    <option value="اكسسوارات ايباد برو 11">اكسسوارات ايباد برو 11</option>
                                    <option value="اكسسوارات ايباد اير 10.9">اكسسوارات ايباد اير 10.9</option>
                                    <option value="اكسسوارات ايباد 10.2">اكسسوارات ايباد 10.2</option>
                                    <option value="اكسسوارات ايباد ميني 8.3">اكسسوارات ايباد ميني 8.3</option>
                                </optgroup>
                                <optgroup label="بلايستيشن 5">
                                    <option value="اجهزة بلايستيشن 5">اجهزة بلايستيشن 5</option>
                                    <option value="محلقات بلايستيشن 5">محلقات بلايستيشن 5</option>
                                    <option value="العاب بلايستيشن 5">العاب بلايستيشن 5</option>
                                </optgroup>
                                <optgroup label="الشواحن">
                                    <option value="شاحن جداري">شاحن جداري</option>
                                    <option value="شاحن لاسلكي">شاحن لاسلكي</option>
                                    <option value="قاعدة شحن">قاعدة شحن</option>
                                    <option value="شاحن سيارة">شاحن سيارة</option>
                                </optgroup>
                                <optgroup label="كيابل شحن">
                                    <option value="كيبل ايفون Lightning">كيبل ايفون Lightning</option>
                                    <option value="كيبل مايكرو Micro">كيبل مايكرو Micro</option>
                                    <option value="كيبل تايب سي Type C">كيبل تايب سي Type C</option>
                                </optgroup>
                                <optgroup label="السماعات">
                                    <option value="سماعات الأذن">سماعات الأذن</option>
                                    <option value="سماعات الرأس">سماعات الرأس</option>
                                    <option value="مكبرات صوت">مكبرات صوت</option>
                                </optgroup>
                                <optgroup label="ملحقات السماعات">
                                    <option value="اكسسوارات السماعات">اكسسوارات السماعات (يوجد تصنيف فرعي)</option>
                                    <option value="ملحقات الصوت والميديا">ملحقات الصوت والميديا</option>
                                </optgroup>
                                <optgroup label="ساعات ذكية">
                                    <option value="ساعات ابل">ساعات ابل</option>
                                    <option value="ساعات اخرى">ساعات اخرى</option>
                                </optgroup>
                            </select>
                        </div>
                        <div class="form-group">
                            <label class="" style="display: block;text-align: center;">اختيار التصنيف الفرعي 3</label>
                            <select class="form-control input" name="subclass3">
                                <option value="" selected>اختر التصنيف</option>
                                <optgroup label="اكسسوارات السماعات">
                                    <option value="ايربودز برو 2">ايربودز برو 2</option>
                                    <option value="ايربودز برو">ايربودز برو</option>
                                    <option value="ايربودز 3">ايربودز 3</option>
                                    <option value="ايربودز 2">ايربودز 2</option>
                                </optgroup>
                            </select>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" value="افضل العروض" name="best_offers"
                                id="best_offers">
                            <label class="form-check-label" for="best_offers">
                                افضل العروض
                            </label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" value="عروض الاجهزة الذكية"
                                name="smart_offers" id="smart_offers">
                            <label class="form-check-label" for="smart_offers">
                                عروض الاجهزة الذكية
                            </label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" value="عروض العودة للمدارس"
                                name="school_offers" id="school_offers">
                            <label class="form-check-label" for="school_offers">
                                عروض العودة للمدارس
                            </label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" value="يدعم التقسيط" name="aqsad"
                                id="aqsad">
                            <label class="form-check-label" for="aqsad">
                                يدعم التقسيط
                            </label>
                        </div>
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" value="1" name="phone"
                                id="phone">
                            <label class="form-check-label" for="phone">
                                يدعم الذاكرة والاصدار
                            </label>
                        </div>
                        <div class="form-group">
                            <label for="In_Stock" style="display: block;text-align: center;"> متوفر في المخزون </label>
                            <input type="text" class="form-control" id="In_Stock" name="In_Stock"
                                placeholder="متوفر في المخزون ">
                        </div>
                        <div class="form-group">
                            <label for="gift" style="display: block;text-align: center;"> هدية </label>
                            <input type="text" class="form-control" id="gift" name="gift"
                                placeholder="هدية">
                        </div>
                        <div class="form-group center">
                            <button type="submit" name="btnAdd" id="success-alert"
                                class="btn btn-success btn-bordred waves-effect w-md waves-light m-b-5">إضافة</button>

                        </div>
                    </form>
                </div><!-- end col -->


            </div><!-- end row -->
        </div>
    </div><!-- end col -->
</div>
<!-- end row -->
<script>
    $(document).ready(function () {

    });
    // Add the following code if you want the name of the file appear on select
    $(".custom-file-input").on("change", function () {
        var fileName = $(this).val().split("\\").pop();
        $(this).siblings(".custom-file-label").addClass("selected").html(fileName);
    });
</script>
<?php
include "footer.php";
?>