<?php $this->load->view('meta') ?>
<div class="wrapper">
  <?php $this->load->view('sidebar') ?>
  <?php $this->load->view('navbar') ?>
  <style>
    table th {
      white-space: nowrap;
    }
  </style>

  <div class="container-fluid">

    <!-- DataTales Example -->
    <div class="card shadow mb-4">
      <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
        <h6 class="m-0 font-weight-bold text-primary"><?php echo $title ?></h6>
        <div class="dropdown no-arrow">
        </div>
      </div>
      <div class="card-body">
        <div class="table-responsive">
          <form id="formReport" class="form-horizontal" method="post" target="_blank" action="<?php echo base_url('resume/report') ?>" enctype="multipart/form-data">
            <div class="modal-body">
              <div class="container-fluid">
                <div class="row">
                  <div class="col-md-3">Periode Laporan</div>
                  <div class="col-md-4">
                    <input type="text" name="tanggal_report_awal" class="form-control datepicker" value="<?php echo date('01-m-Y') ?>" placeholder="Tanggal Awal" required />
                    <br />
                  </div>
                  <div class="col-md-4">
                    <input type="text" name="tanggal_report_akhir" class="form-control datepicker" value="<?php echo date('t-m-Y') ?>" placeholder="Tanggal Akhir" required />
                    <br />
                  </div>
                </div>
                <div class="row">
                  <div class="col-md-3"></div>
                  <div class="col-md-4">
                    <button id="btnSubmitReport" type="submit" class="btn btn-success">Submit</button>
                    <br />
                  </div>
                  <div class="col-md-4">
                    <br />
                  </div>
                </div>


              </div>
            </div>
            <div class="modal-footer">
            </div>
          </form>
        </div>
      </div>
    </div>

  </div>


  <?php $this->load->view('footer') ?>
</div><!-- ./wrapper -->
<?php $this->load->view('js') ?>

<script>
  $("#bulan_rekap").datepicker({
    format: "mm-yyyy",
    viewMode: "months",
    minViewMode: "months"
  }).on('changeDate', function(ev) {
    $('#bulan_rekap').datepicker('hide');

  });
</script>