@extends('kukar.spt')

@section('head')
<style>
    .spt-heading
    {
        width: 100%;
        padding-bottom: 10px;
        text-align: center;
    }
    .spt-heading-text
    {
        margin-bottom: 5px;
        font-size: 23px;
        font-weight: bold;
    }
    .spt-heading-logo
    {
        height: 95px;
    }
    .spt-underline
    {
        /* padding: 0px 20px 5px; */
        width: 100%;
    }
    .line {
        height: 0.5px;
        background-color: #b2bec3;
    }
    .kop
    {
        text-align: center;
        /* padding: 20px 200px; */
    }
    .kop-title
    {
        font-size: 18px;
        font-weight: bold;
        text-decoration: underline;
    }
    .kop-nomor{
        padding-top: 5px;
    }
    .kop-text{
        font-weight: bold;
    }
</style>
@endsection

@section('header')
@php
    $data->assignor = (object)$data->assignor;
@endphp
<div>
    <div class="spt-heading">
        <img src="{{ URL::to("/images/garuda-bw.png") }}" class="spt-heading-logo" alt="">
        <p class="spt-heading-text">
            {{strtoupper($organization->name)}}
        </p>
    </div>
    <div class="spt-underline">
        <div class="line"></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">MEMERINTAHKAN</p>
        <br>
    </div>
</div>
@endsection