<?php echo $map['js']; ?>
<div class="modal-header">
    <h5 class="modal-title" id="exampleModalLongTitle"><?= ucwords(str_replace('_', ' ', $judul)) ?></h5>
    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <span aria-hidden="true">&times;</span>
    </button>
</div>
<div class="modal-body">
    <style>
        .table th,
        .table td {
            border-top: none;
        }

        th {
            text-align: center;
        }
    </style>


    <div class="row">
        <div class="col-md-12">
            <div class="row">
                <div class="col-md-6">
                    <table>
                        <tr>
                            <td width="60%" style="font-weight: bold;"><label>Nama</label></td>
                            <td width="5%" style="font-weight: bold;">:</td>
                            <td style="font-weight: bold;"><?php echo $nama; ?></td>
                        </tr>
                        <tr>
                            <td width="60%" style="font-weight: bold;"><label>Lokasi</label></td>
                            <td width="5%" style="font-weight: bold;">:</td>
                            <td style="font-weight: bold;"><?php echo $lokasi; ?></td>
                        </tr>
                        <tr>
                            <td width="60%" style="font-weight: bold;"><label>Jam Lembur Mulai</label></td>
                            <td width="5%" style="font-weight: bold;">:</td>
                            <td style="font-weight: bold;"><?php echo $jam_absen; ?></td>
                        </tr>
                    </table>
                </div>
                <div class="col-md-6">
                    <table>
                        <tr>
                            <td width="60%" style="font-weight: bold;"><label>Tanggal Absensi</label></td>
                            <td width="5%" style="font-weight: bold;">:</td>
                            <td style="font-weight: bold;"><?php echo $tanggal; ?></td>
                        </tr>
                        <tr>
                            <td width="60%" style="font-weight: bold;"><label>Keterangan</label></td>
                            <td width="5%" style="font-weight: bold;">:</td>
                            <td style="font-weight: bold;"><?php echo $keterangan; ?></td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <div class="col-md-12">
        <hr>
            <div class="row">
                <div class="col-md-6 text-center thumbnail">
                    <h6>Peta Lokasi</h6>
                    <?php
                    echo $map['html'];
                    ?>
                </div>
                <div class="col-md-6 text-center thumbnail">
                    <h6>Gambar</h6>
                    <?php
                        $img = $this->config->item('base_image').'image?_t=image&_d='.$foto;
                    ?>
                    <img src="<?= $img; ?>" class="portrait" style="max-height:400px">
                </div>
            </div>
        </div>

    </div>

</div>
<div class="modal-footer">
    <button type="button" class="btn btn-secondary" data-dismiss="modal"><i class="fa fa-close"></i> Tutup</button>
</div>