<div class="row">


    <div class="col-md-10">
        <div class="box box-widget widget-user-2">
            <div class="widget-user-header bg-green">
                <table>
                    <tr>
                        <td><i class="fa fa-arrow-circle-up fa-5x" style="width: 20px;"></i></td>
                        <td>
                            <h3 class="widget-user-username">Table Dokter <b>(<?php echo $tanggal_from; ?> - <?php echo $tanggal_last; ?>)</b></h3>
                            <h5 class="widget-user-desc">Poliklinik</h5>
                            <h4 class="widget-user-desc">
                                <form action="<?php echo site_url('Salemba_old/dokterrajalcr/search_tanggal');?>" method = "post" class="form-horizontal">

                                  <div class="form-group">
                                    <label style="font-weight: 100;" class="col-sm-4 control-label">Tgl Awal</label>
                                    <div class="col-sm-8">
                                        <input type="date" class="form-control" autofocuss id="date_from" value="" name="tanggal" placeholder="<?php echo date('d, F Y')?>">
                                    </div>
                                  </div>

                                  <div class="form-group">
                                    <label style="font-weight: 100;" class="col-sm-4 control-label">Tgl Akhir</label>
                                    <div class="col-sm-8">
                                        <input type="date" class="form-control" autofocuss id="date_to" placeholder="<?php echo date('d, F Y')?>" value="" name="tanggal_to">   
                                    </div>
                                  </div>
                                  
                                  <button type="submit" class="btn btn-primary"><i class="fa fa-filter"></i> Tampilkan Dokter</button>
                                </form>
                            </h4>
                        </td>
                    </tr>
                </table>
            </div>
            <div class="box-footer no-padding">
                <table id="table_rincian" class="table">  
                      <thead>  
                          <tr>    
                               <th width="50%">Category</th>  
                               <th width="50%">Jumlah</th>
                          </tr>
                          <tbody>
                            <?php foreach($results as $row){ ?>
                                <tr>
                                    <td><?php echo $row->Category ?></td>
                                    <td><?php echo $row->Jumlah ?></td>
                                </tr>
                            <?php } ?>
                          </tbody>
                      </thead>     
                </table>
            </div>
        </div>
    </div>

</div>

<div class="row">
    


</div>

<script type="text/javascript">

// ===== KUNJUNGAN IRJA HARI INI =====
var chart = AmCharts.makeChart( "chart", {
    "theme": "light",
    "type": "serial",
    "startDuration": 2,
    "dataProvider": [
      <?php foreach ($data as $content){ ?>
        {
            "country": "<?php echo ConvertBulan($content->Bulan)." ".$content->Tahun; ?>",
            "visits": <?php echo $content->Jumlah; ?>,
            "color": "<?php printf( "#%06X", mt_rand( 0, 0xFFFFFF )); ?>"
        },
        <?php } ?>
        ],
    "valueAxes": [{
        "position": "left",
        "axisAlpha":0,
        "gridAlpha":0
    }],
    "graphs": [{
        "balloonText": "[[category]]: <b>[[value]]</b>",
        "colorField": "color",
        "labelText": "[[value]]",
        "fillAlphas": 0.85,
        "lineAlpha": 0.1,
        "type": "column",
        "topRadius":1,
        "valueField": "visits"
    }],
    "depth3D": 40,
  "angle": 30,
    "chartCursor": {
        "categoryBalloonEnabled": false,
        "cursorAlpha": 0,
        "zoomable": false
    },
    "categoryField": "country",
    "categoryAxis": {
        "gridPosition": "start",
        "axisAlpha":0,
        "gridAlpha":0

    },
    "export": {
      "enabled": true
     }

}, 0);
</script>