@extends('kukar.spt')

@section('head')
<style>
    .spt-heading
    {
        width: 100%;
        padding-bottom: 10px;
        text-align: center;
    }
    .spt-heading-text
    {
        margin-bottom: 5px;
        font-size: 19px;
    }
    .spt-heading-opd
    {
        margin-bottom: 5px;
        font-weight: bold;
        font-size: 23px;
        transform: scale(1, 1.7);
        padding-top: 5px;
        padding-bottom: 10px;
    }
    .spt-heading-alamat
    {
        font-size: 12px;
    }
    .spt-heading-logo
    {
        left: 75px;
        position: absolute;
        height: 95px;
    }
    .spt-underline
    {
        /* padding: 0px 20px 5px; */
        width: 100%;
    }
    .line {
        height: 0.5px;
        background-color: #000;
    }
    .kop
    {
        text-align: center;
        /* padding: 20px 200px; */
    }
    .kop-title
    {
        font-size: 16px;
        font-weight: bold;
        text-decoration: underline;
    }
    .kop-nomor{
        padding-top: 5px;
    }
    .kop-text{
        font-weight: bold;
    }
</style>
@endsection

@section('header')
<div>
    <table style="width: 100%;">
        <tr>
            <td style="width: 10%;"></td>
            <td style="width: 90%; text-align: right">
                <div class="spt-heading">
                    <img src="{{ URL::to("/images/region-logo/kukar.png") }}" class="spt-heading-logo" alt="">
                    <p class="spt-heading-text">
                        PEMERINTAH KABUPATEN KUTAI KARTANEGARA
                    </p>
                    <p class="spt-heading-opd">
                        {{strtoupper($organization->name)}}
                    </p>
                    <p class="spt-heading-alamat">
                        {!! $organization->address !!}
                    </p>
                </div>
            </td>
        </tr>
    </table>
    <div class="spt-underline">
        <div class="line"></div>
        <div style="height: 1.5px;"></div>
        <div class="line" style="height: 1.5px;"></div>
    </div>
    <br>
    <div class="kop">
        <p class="kop-title">SURAT PERINTAH TUGAS</p>
        <p class="kop-nomor">Nomor: {{$data->document_number ? $data->document_number : '.............................................................'}}</p>
        <br>
        <p class="kop-text">{{strtoupper($data->assignor['full_position'])}}</p>
        <p class="kop-text">KABUPATEN KUTAI KARTANEGARA</p>
        <p class="kop-text">MEMERINTAHKAN</p>
        <br>
    </div>
</div>
@endsection