<?php
include 'header.php';

if ((isset($_GET['id'])) && (!empty($_GET['id']))) {
    $id = $_GET['id'];
}else{
    header('location:../index.php');
}

$query = $conn->prepare("SELECT * FROM events where id = :id");
$query->bindParam(':id',$id );
$query->execute();
$result = $query->fetch();
$row = count($result);

if (isset($row)) {
    if ($row>0) {       
       $feature_img = $result['feature_img'];
       $title = $result['title'];
       $url = $result['url'];
       $description = $result['description'];
    }
}


?> 



<!-- ============================================================== -->
<!-- Start right Content here -->
<!-- ============================================================== -->
<div class="main-content">
    <div class="page-content">
        <div class="container-fluid">

            <!-- start page title -->
            <div class="row">
                <div class="col-12">
                    <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                        <h4 class="mb-sm-0 font-size-18">Event Edit</h4>

                        <div class="page-title-right">
                            <ol class="breadcrumb m-0">
                                <li class="breadcrumb-item"><a href="index.php">Dashboard</a></li>
                                <li class="breadcrumb-item active">Event Edit</li>
                            </ol>
                        </div>

                    </div>
                </div>
            </div>
            <!-- end page title -->

            <div class="row">
                <div class="col-xl-8">
                    <div class="card">
                        <div class="card-body">
                            <!-- <h4 class="card-title mb-4">Form Grid Layout</h4> -->
                            <form id="formValidation" action="backend/eventEdit.php" method="post" enctype="multipart/form-data"> 
                                <div class="row">
                                    <div class="col-md-6 d-none">
                                        <div class="mb-3">
                                            <label for="formrow-firstname-input" class="form-label">ID</label>
                                            <input type="text" class="form-control" name="id" value="<?php if(isset($id)){ echo $id; } ?>">
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="formrow-firstname-input" class="form-label">Featured Image</label>
                                            <input type="file" onchange="readURL(this);" class="form-control" name="img">
                                            <small class="text-danger">Note: Please upload compressed file.</small>
                                        </div>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="mb-3">
                                            <label for="formrow-firstname-input" class="form-label">URL</label>
                                            <input type="text" class="form-control" name="url" value="<?php if(isset($url)){ echo $url; } ?>">
                                        </div>
                                    </div>
                                    <div class="col-md-12">
                                        <div class="mb-3">
                                            <label for="formrow-firstname-input" class="form-label">Title</label>
                                            <input type="text" class="form-control" name="title" value="<?php if(isset($title)){ echo $title; } ?>" >
                                        </div>
                                    </div>                                    
                                    <div class="col-md-12">
                                        <div class="mb-3">
                                            <label for="formrow-firstname-input" class="form-label">Description</label>
                                            <textarea id="summernote" class="form-control" name="description" required ><?php if(isset($description)){ echo $description; } ?></textarea>
                                        </div>
                                    </div>
                                </div>
                                <div>
                                    <button type="submit" class="btn btn-primary w-md" name="submitFormBtn">Submit</button>
                                </div>
                            </form>
                        </div>
                        <!-- end card body -->
                    </div>
                    <!-- end card -->
                </div>
                <!-- end col -->

                <div class="col-xl-4">
                    <div class="card">
                        <div class="card-body">
                            <h4 class="card-title mb-4">Picture Preview</h4>
                            <div>
                                <?php
                                    if (!empty($feature_img)) {
                                       ?>
                                       <img id="blah" src="upload/events/<?php if(!empty($feature_img)){ echo $feature_img;  }  ?>" width="300px" height="300px" />   
                                       <?php 
                                    }else{
                                        ?>
                                        <img id="blah" src="http://placehold.it/150" width="300px" height="300px" />   
                                        <?php
                                    }
                                ?>
                                
                            </div>
                        </div>
                        <!-- end card body -->
                    </div>
                    <!-- end card -->
                </div>
            </div>           
            
        </div> <!-- container-fluid -->
    </div>
</div>


<?php
include 'footer.php';
?> 

<script>
function readURL(input) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();
        reader.onload = function (e) {
            $('#blah').attr('src', e.target.result);
        };
        reader.readAsDataURL(input.files[0]);
    }
}
</script>


  <script>
    $(document).ready(function(){
      $("#formValidation").validate({
        rules :{  
          title: {
              required: true,
            },
          url: {
              required: true,
            },
          description: {
              required: true,
            }
        },
    });

});

</script>