<div class="modal-header">
    <h4>Manage Pop-up Banner</h4>
</div>

<?= $this->session->flashdata('success'); //to display success message ?> 
<?php echo $error; ?>
<?= $this->session->flashdata('result'); //to display result message ?>
 <!--Upload Image error message-->
<?php 
//error display for image
if(isset($error)) {
echo $error;
}
?>

<div class="modal-body" style="max-height:3500px;">
	<?= form_open_multipart(); ?>
    <table class="table configuration">
         <tr>
            <td>Voucher Code</td>
            <td><?= form_input('voucher_code' , set_value('voucher_code', $popup->voucher_code, FALSE)); ?>
            <?= form_error('website_name'); ?>
            </td>
        </tr>

        <tr>
          <td>Image Banner
        <img style="width:100px; height:auto;" src="<?= base_url() . 'uploads/popup_voucher/img/' . $popup->img_banner; ?>"  alt="" />
    
          </td>
          <td>
            <input type="file" name="userfile" size="20" /><br> 

            <span style="font-size:12px; font-style: italic;">Image size must be 800  pixel width. 500 pixel height, jpg/png, max 300KB</span>
            <span style="color:#F7931E;"><?php echo form_error('userfile'); ?></span>
            <?php echo $this->session->flashdata('error'); //to display error message ?>  
          </td>    
        </tr> 

        <tr>
            <td>Email Input</td>
            <td>
                <select name="email_input">
                    <option value="no"
                    <?php if ($popup->email_input == 'no') : ?>
                        selected
                    <?php endif; ?>
                    >No</option>
                    <option value="yes"
                    <?php if ($popup->email_input == 'yes') : ?>
                        selected
                    <?php endif; ?>
                    >Yes</option>
                </select>
            </td>
        </tr> 

        <tr>
            <td>Active Pop-up</td>
            <td>
                <select name="active">
                    <option value="no"
                    <?php if ($popup->active == 'no') : ?>
                        selected
                    <?php endif; ?>
                    >No</option>
                    <option value="yes"
                    <?php if ($popup->active == 'yes') : ?>
                        selected
                    <?php endif; ?>
                    >Yes</option>
                </select>
            </td>
        </tr> 

        <tr>
            <td></td>
            <td>
            <br>
            <?= form_submit('submit', 'Update', 'class="btn btn-primary btn-success"'); ?> &nbsp;&nbsp;&nbsp;<?= anchor('admin/dashboard', 'cancel'); ?>
            </td>
        </tr>   


    </table>
    <?= form_close(); ?>
</div>

<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/responsive/2.2.6/css/responsive.bootstrap4.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.22/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/buttons/1.6.4/css/buttons.dataTables.min.css">
<script type="text/javascript" src="https://cdn.datatables.net/1.10.22/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.22/js/dataTables.bootstrap4.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/responsive/2.2.6/js/dataTables.responsive.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/responsive/2.2.6/js/responsive.bootstrap4.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.6.4/js/dataTables.buttons.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.6.4/js/buttons.flash.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.6.4/js/buttons.html5.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/buttons/1.6.4/js/buttons.print.min.js"></script>

<div class="col-sm-12" >
    <div class="card bg-light mb-3">
      <div class="card-body">
        <h5 class="card-title" style="text-align: center;"> Data Pop-up Subscription </h6>
        <table id="data" class="table table-striped">
          <thead>
            <tr>
              <th scope="col">Email</th>
              <th scope="col">Date Subscription</th>
            </tr>
          </thead>
          <tbody>
            <?php foreach ($all_data as $data) : ?>
            <tr>
              <td><?= $data->email ?></td>
              <td><?=  date('d M Y H:i:s', strtotime($data->date_subscription)) ?></td>
            </tr>
            <?php endforeach; ?>
          </tbody>
        </table>
      </div>
    </div>
</div>

<script type="text/javascript">
    $(document).ready(function() {
    $('#data').DataTable( {
        order: [[ 1, "desc" ]],
        columnDefs: [ {
                        "targets"  : [0],
                        "orderable": false,
                      }],
        dom: 'Bfrtip',
        "buttons" : [
              {
                  extend: 'excel',
                  title: "Data Email Subscription",
              },
              {
                  extend: 'print',
                  title: "<div style='font-size: 20px; text-align: center;'>Data Email Subscription</div>"
              },
          ],
    } );
} );
</script>