<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
   <link rel="stylesheet" href=" https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

<?php
// print_r($p_type);exit;
if (isset($message)) {
    echo '<div class="alert alert-success" role="alert">' . $message . '</div>';
}

if (!empty($this->session->flashdata('message'))) {
    echo $this->session->flashdata('message');
}

?>
<div id="lec_msg"></div>
<div class="row">

    <?php if ($p_type == 'list') : ?>
        <div class="col-md-12">
            <div class="box box-primary">
                <div class="box-body">

                  

                    <div class="table-responsive">
                      <a class="btn btn-primary" href="<?php echo base_url('user/logout');?>">Logout</a>
                        <table class="table table-bordered table-striped table-hover table-sm" id="upload_lecture_list">
                            <thead style="font-size: 12px;">
                                <th>Si</th>
                                <th>File Name</th>
                                <th>Name</th>
                                <!-- <th>Path</th> -->
                                <th>Video Id</th>
                                <th>Size</th>
                                <th>Downloadable</th>
                                <!-- <th>Modified Date</th> -->
                               
                            </thead>
                            <?php
                                if(!empty($dropbox_albums))
                                {
                                    $i=1;
                                    foreach($dropbox_albums as $dropbox_album)
                                    {
                                    	// print_r($dropbox_album);exit;

                                ?>

                            <tr>
                                
                                 <td><?php echo $i;$i++;?></td>
                                 <td><?php echo $dropbox_album['file_name'];?></td>
                                 <td><?php echo $dropbox_album['name'];?></td>
                                
                                 <td><?php echo $dropbox_album['id'];?></td>
                                 <td><?php echo $dropbox_album['size'];?></td>
                                 <!-- <td><?php //echo $dropbox_album->server_modified;?></td> -->
								 <td> <button data-toggle="modal" data-target="#model<?php echo $i;?>" data-name="<?php echo $dropbox_album['name'];?>" data-path="<?php echo $dropbox_album['path_lower'];?>" class="btn btn-sm btn-primary download-file-link" ><span class="glyphicon glyphicon-download-alt"></span></button></td>
                                 <!-- <td><?php echo $dropbox_album->name;?></td> -->
                           
                               
                               
                            </tr>
							<!-- Modal -->
							<div id="model<?php echo $i;?>" class="modal fade" role="dialog">
							  <div class="modal-dialog">

								<!-- Modal content-->
								<div class="modal-content">
								  <div class="modal-header">
									<button type="button" class="close" data-dismiss="modal">&times;</button>
									<h4 class="modal-title">Download Link: <?php echo $dropbox_album['name'];?></h4>
								  </div>
								  <div class="modal-body">
									<textarea style="margin-bottom:5px;" class="form-control" class="temp-url"></textarea>
									
									<button style="margin-right:5px;" type="button" data-path="<?php echo $dropbox_album['path_lower'];?>" class="btn btn-default temp-link">Get Link</button>
								  </div>
								  <div class="modal-footer">
									<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
								  </div>
								</div>

							  </div>
							</div>
							
                             <?php } }?>
                        </table>
                    </div>

                </div>
            </div>
        </div>
    <?php endif; ?>

 

</div>



<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/plugins/datatables/dataTables.bootstrap4.min.css'); ?>">
<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/plugins/datatables/responsive.bootstrap4.min.css'); ?>">
<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/plugins/datatables/buttons.bootstrap4.min.css'); ?>">
<script type="text/javascript" src="<?php echo base_url('assets/plugins/datatables/jquery.dataTables.min.js'); ?>"></script>
<script type="text/javascript" src="<?php echo base_url('assets/plugins/datatables/dataTables.bootstrap4.min.js'); ?>"></script>

<script>


</script>

<script type="text/javascript">
    $(document).ready(function() {

	$(document).on("click", ".temp-link", function () {
		
		var _path = $(this).data('path');
			var newString = _path.replace(/[^A-Z0-9]/ig, "_");
			var tempURL = $(this).prev('textarea');
			
			var settings = {
				"url": "https://parasoffline.edukrypt.in/apinew/getobjectlink",
				"method": "POST",
				"data": JSON.stringify({
					"path": "" + _path
				}),
			};

			$.ajax(settings).done(function(response) {
				console.log(JSON.parse(JSON.stringify(response)));
				var resJson = JSON.parse(JSON.stringify(response));
				
				if (resJson['status'])
					tempURL.text(resJson['url']);
					window.location.href = resJson['url'];
					console.log(resJson['status']);
			});
	});
	
	$(document).on("click", ".download-file-link", function () {
		var fileName = $(this).data('name');
		var filePath = $(this).data('path');
		$("#fileName").val(fileName);
		$("#filePath").val(filePath);
		$('#myModal').modal('show');
	});

 
      

$('#upload_lecture_list').DataTable();

    });
</script>