<?php include("auth.php"); 
include("conn.php");
  $action = "Add";
  $id=null;
if (isset($_GET['action'])) {
    $action = base64_decode($_GET['action']);
    $id = base64_decode($_GET['id']);

    $sql = "select * from tbl_gallery_service where id='$id'";
    $smt = mysqli_query($conn, $sql);
    $row = mysqli_fetch_assoc($smt);
}


// if (isset($_GET['cid'])) {
//     $cid = base64_decode($_GET['cid']);
// }

?> 

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">

    <title>Services</title>
    <meta content="" name="description">
    <meta content="" name="keywords">
    <?php include("templates/inc.php"); ?>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="scripts/services.js" type="text/javascript" language="javascript"></script>
    <script>
        $(document).ready(function () {
            
              $("#changeimg").click(function (e) {
                  
                 $("#rupld").html('<div class="form-group "><label for="formFileMultiple" class="form-label"><b>Service Image </b></label><input class="form-control" type="file" id="image_url" name="image_url" multiple required/><span id="uploaded_service_img"></span><div class="invalid-feedback">Please Choose Image.</div></div><input id="change" name="change" value="change" type="hidden">')
              });
        });
    </script>
</head>

<body>

    <!-- ======= Header ======= -->
    <?php
    include("templates/header.php");
    ?>

    <!-- End Header -->

    <!-- ======= Sidebar ======= -->
    <?php
    include("templates/sidebar.php");

    ?>
    <!-- End Sidebar-->

    <main id="main" class="main">

        <div class="pagetitle">
            <h1>Service</h1>
            <nav>
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="dashboard.php">Dashboard</a></li>
                    <li class="breadcrumb-item">Service</li>

                </ol>
            </nav>
            <hr>
            <nav>
                <ol class="breadcrumb">
                    <li class="breadcrumb-item">
                        <a href="service-list.php">
                            <button type="button" class="btn btn-sm btn-primary"><i class="bi bi-arrow-left me-1"></i> Services List</button>
                        </a>
                    </li>

                </ol>
            </nav>
        </div><!-- End Page Title --> 

        <section class="section">
            <div class="row">
                <div class="col-lg-12">

                    <div class="card">
                        <div class="card-body">
                            <div class="card-body">
                               
                               <?php 
                                if (isset($_GET['id'])) 
                                {
                                        ?>
                                           <h5 class="card-title">Update</h5>
                                        <?php
                                } 
                                else 
                                {
                                        ?>
                                        <h5 class="card-title">Add New</h5>

                                <?php
                                 }
                                 ?>

                                <!-- Custom Styled Validation -->
                                <form id="services" action="service-action.php" class="row g-3 needs-validation" novalidate="">


                                    <div class="col-md-6">
                                        <label for="validationCustom01" class="form-label"><b>Service Title</b></label>
                                        <input value="<?php if (isset($_GET['id'])) echo $row['title'] ?>" type="text" class="form-control" id="title" name="title" required="" placeholder="Enter Service Title">
                                        <div class="invalid-feedback">
                                            Please enter Discount.
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <label for="validationCustom01" class="form-label"><b>Description</b></label>
                                        <textarea  class="form-control" rows="5" id="description" name="description" required="" placeholder="Enter Service Description"><?php if (isset($_GET['id'])) echo $row['description'] ?></textarea>
                                        <div class="invalid-feedback">
                                            Please enter description.
                                        </div>
                                    </div>
                                     <?php if (!isset($_GET['id'])) { ?>
                                    <div class="col-md-6">
                                        <div class="form-group ">
                                            <label for="formFileMultiple" class="form-label"><b>Service Image </b></label>
                                            <input class="form-control" type="file" id="image_url" name="image_url" multiple required/>
                                          <span id="uploaded_service_img">
                                     
                                          </span>
                                        <div class="invalid-feedback">
                                            Please Choose Image.
                                        </div>
                                        </div>
                                    </div>
                                    <?php } else { ?>
                                      <div class="col-md-6" id="rupld">
                                          <label for="formFileMultiple" class="form-label"><b>Service Image</b></label><br>
                                           <img src="<?php echo '../api/'.$row['image_url']; ?> " alt="" style="height:50px;" /><br><button class="btn" type="button" id="changeimg" name="changeimg">Change Image</button>
                                      </div> 
                                    
                                    <?php } ?>
                                      <div class="col-md-12" id="msg"></div>

                                    <div class="col-md-12">
                                        <input type="hidden" name="id" id="id" value="<?php echo $id; ?>" />
                                        <input type="hidden" name="action" id="action" value="<?php echo $action; ?>" />
                                        <?php if (isset($_GET['id'])) {
                                        ?>
                                            <input type="hidden" name="uploaded_img" id="uploaded_img" value="<?php echo $row['image_url']; ?>" />
                                            <button class="btn  btn-primary" type="submit">Update</button>
                                            <a href="offers-list.php"><button class="btn  btn-danger" type="button">Cancel</button></a>
                                        <?php
                                        } else {
                                        ?>
                                            <button class="btn  btn-primary" type="submit">Add New</button>
                                            <button class="btn  btn-secondary" type="reset">Reset</button>
                                        <?php
                                        }
                                        ?>
                                       
                                       
                                    </div>
                                </form><!-- End Custom Styled Validation -->

                            </div>
                        </div>
                    </div>

                </div>
            </div>

        </section>

    </main><!-- End #main -->

    <!-- ======= Footer ======= -->
    <?php
    include("templates/footer.php");
    ?>
    <!-- End Footer -->


    <?php include("templates/vendors.php"); ?>

</body>

</html>