<!-- First, extends to the CRUDBooster Layout -->
<?php
    setlocale(LC_ALL, 'IND');
?>


<?php 
    use Carbon\Carbon;
    setlocale(LC_TIME, 'id');
   // var_dump($surat); 

?>

<script src="https://siapkk.banjarbarukota.go.id/vendor/crudbooster/assets/adminlte/plugins/jQuery/jQuery-2.1.4.min.js"></script>

<style>
    .isi *
        {
           font-size: 0.97em !important;
           color: #000 !important;
           font-family: Arial !important;
           
        }
    .kop *
        {
            line-height: 0.1;
            width:600px;
            
        }
        
</style>

            <center>
                <table style="width:60%" class="kop">
                    <tr>
                        <td style="width:20%">
                            <img style="height:90px;width:auto;" src="https://siapkk.banjarbarukota.go.id/{{ $kop->logo  }}"/>
                        </td>
                        <td style="width:80%">
                            <center>
                             <table style="width:100%">
                                <tr>
                                    <td style="text-align:center">
                                        <h3><STRONG>{!! $kop->kota !!}</STRONG></h3>
                                    </td>
                                </tr>
                                <tr>
                                    <td  style="text-align:center;padding-top:-16px;">
                                        <h2><STRONG>{!! $kop->dinas !!}</STRONG></h2>
                                    </td>
                                </tr>
                                <tr>
                                    <td  style="text-align:center;padding-top:-7px;">
                                        <hp><STRONG>{!! $kop->alamat1 !!}</STRONG></hp>
                                    </td>
                                </tr>
                                <tr>
                                    <td  style="text-align:center;padding-top:-5px;">
                                        <p>{!! $kop->alamat2 !!}</p>
                                    </td>
                                </tr>
                            </table>
                            </center>
                        </td>
                    </tr>
                </table>
                <hr style="width:80%">
            </center>

<div class="isi">{!! $surat->template_html !!}</div>
    

<script>
    var surat_masuk = {!! json_encode($surat_masuk) !!};
    var surat = {!! json_encode($surat) !!};
    //console.log(surat_masuk);
    for (var key of Object.keys(surat_masuk)) {
        $('#'+key).html(surat_masuk[key]);
    }
    for (var key of Object.keys(surat)) {
        $('#'+key).html(surat[key]);
    }
</script>

    

		

