<?php
include_once('../helpers/init.php');
include_once('header.php');
$id = $_GET['id'];
$client = getWhere("clients","id",$id);
foreach($client as $row)
?>
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="">
        <meta name="author" content="">

        <title>Client Gallery Management</title>

        <!-- Bootstrap Core CSS -->
        <link href="../css/bootstrap.min.css" rel="stylesheet">

        <!-- MetisMenu CSS -->
        <link href="../css/metisMenu.min.css" rel="stylesheet">

        <!-- Custom CSS -->
        <link href="../css/startmin.css" rel="stylesheet">

        <!-- Custom Fonts -->
        <link href="../css/font-awesome.min.css" rel="stylesheet" type="text/css">
    </head>
    <body>

        <div id="wrapper">

            <!-- Navigation -->
            <?php include 'navs.php'; ?>
            <div id="page-wrapper">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-lg-12">
                            <h1 class="page-header">Gallery for [<?php echo $row['name']; ?>]</h1>
                        </div>
                        <!-- /.col-lg-12 -->
                    </div>
                    <!-- /.row -->
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    Add Pictures for <?php echo $row['name']; ?>
                                </div>
<div id="displayErr" style="display: none">
<div class="card bg-danger text-white">
<div class="btn-danger" id="errData" style="padding:10px;"></div>
</div><br>
</div>
<?php
if(isset($_GET['result']) && $_GET['result']=="success"){
?>
<div class="alert alert-success alert-dismissible">
  <button type="button" class="close" data-dismiss="alert">&times;</button>
  <strong>Success!</strong> Picture Added Successfully!
</div>
<?php
}
if(isset($_GET['result']) && $_GET['result']=="vsuccess"){
?>
<div class="alert alert-success alert-dismissible">
  <button type="button" class="close" data-dismiss="alert">&times;</button>
  <strong>Success!</strong> Picture Deleted Successfully!
</div>
<?php
}                                
                                
if(isset($_GET['result']) && $_GET['result']=="picfailer"){
?>
<div class="alert alert-danger alert-dismissible">
  <button type="button" class="close" data-dismiss="alert">&times;</button>
  <strong>Error!</strong> Image Size Should not be greater than 200KB
</div>
<?php
}  
                                
if(isset($_GET['result']) && $_GET['result']=="picfaild"){
?>
<div class="alert alert-danger alert-dismissible">
  <button type="button" class="close" data-dismiss="alert">&times;</button>
  <strong>Error!</strong> Fix the Image Dimension Width-600px and Height-400px
</div>
</div>
<?php
}  
                                
if(isset($_GET['result']) && $_GET['result']=="picfails"){
?>
<div class="alert alert-danger alert-dismissible">
  <button type="button" class="close" data-dismiss="alert">&times;</button>
  <strong>Error!</strong> Invalid Image Selected
</div>
</div>
<?php
}                                  
                                
if(isset($_GET['result']) && $_GET['result']=="failer"){
?>
<div class="alert alert-danger alert-dismissible">
  <button type="button" class="close" data-dismiss="alert">&times;</button>
  <strong>Fail!</strong> Something Went Wrong!
</div>
<?php
}                                
                                
?>
                                <div class="panel-body">
                                    <div class="row">
                                        <div class="col-lg-8">
                                            <form role="form" id="productForm" action="../process/gallery-functions.php" method="post" enctype="multipart/form-data">
                                                <div class="form-group">
                                                    <input type="hidden" name="clid" value="<?php echo $row['id']; ?>">
                                                    <label>Image [W-600px || H-400px and size - 200KB]</label>
                                                    <input required type="file" name="file" class="form-control">
                                                </div>
                                                <input type="submit" id="productFormSubmit" name="addGalleryImage" class="btn btn-primary productFormSubmit" value="Add Picture" />
                                            </form>
                                        </div>
                                        <!-- /.col-lg-6 (nested) -->
                                    </div>
                                    <!-- /.row (nested) -->
                                </div>
                                <!-- /.panel-body -->
                            </div>
                            <!-- /.panel -->
                            <div class="panel panel-default">
                                <div class="panel-body">
                                    <div class="row">
                                            <?php
                                                $clgal = getWhere("client_images","client_id",$id);
                                                foreach($clgal as $rows){
                                            ?>
                                            <div class="col-lg-3" style="text-align:center; margin-bottom:15px;">
                                                <img src="../uploads/clients/<?php echo $rows['image']; ?>" alt="Gallery Image" style="width:100%; !Important"  />
                                                <a onclick="return confirm('Sure You Want to Delete?');" href="../process/gallery-functions.php?id=<?php echo $rows['id']; ?>&action=deleteGalleryImage" class="btn btn-sm btn-danger" style="margin-top:-5px;"><span class="fa fa-trash"></span> Delete This Picture Now</a>
                                            </div>
                                            <?php } ?>
                                        
                                        <!-- /.col-lg-12 -->
                                    </div>
                                    <!-- /.row -->
                                    
                                </div>
                            </div> 
                            <!-- /.panel -->
                        </div>
                        <!-- /.col-lg-12 -->
                    </div>
                    <!-- /.row -->
                </div>
                <!-- /.container-fluid -->
            </div>
            <!-- /#page-wrapper -->

        </div>
        <!-- /#wrapper -->

        <!-- jQuery -->
        <script src="../js/jquery.min.js"></script>

        <!-- Bootstrap Core JavaScript -->
        <script src="../js/bootstrap.min.js"></script>

        <!-- Metis Menu Plugin JavaScript -->
        <script src="../js/metisMenu.min.js"></script>

        <!-- Custom Theme JavaScript -->
        <script src="../js/startmin.js"></script>
        <script>
$(".productFormSubmit").on('click',function(){
	$("[required]").each(function(){
		if($(this).val()==""){
			$("#displayErr").show();
			$("#errData").html("Field Cannot Be Empty. Please Fill the Required details.");
		}else{
			
		}
	})
	
})
</script>

    </body>
</html>
