@extends('layouts.report')
@section('title')
  Pengajuan Cuti |
@endsection
@section('css')
  <style>
  .header{
    display: flex;
    width:100%;
    border-bottom: 2px solid #262626;
    padding-bottom:20px;
  }

  table tr td,table tr th,p,h6{
    font-size: 12pt;
    font-family: arial,sans-serif;
  }

  table tr td{
    line-height: 20pt;
    vertical-align: top;
  }

  .image-wrapper {
    position: relative;
    width:100%;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: none;
    transition: all .3s ease;
    padding: 5px;
    background: #f2f2f2;
    border: 1px solid #d9dce5;
  }
  .image-wrapper img {
    height: 100%;
    width: 100%;
    transition: all .3s ease;
    object-fit: cover;
  }

  hr {
    height: 3px; /* Mengatur ketebalan garis */
    background-color: black; /* Mengatur warna garis */
    border: none; /* Menghilangkan border default */
  }
  .v-top{
    vertical-align: top;
  }

  </style>
@endsection
@section('content')
  <div style="width:21cm;padding:0 1.5cm">
    <table style="width:100%">
      <tr>
        <td>
          <img src="{{ asset('assets/images/logo-probolinggo.png') }}" style="width:120px;align-self:center;">
        </td>
        <td>
          <div style="text-align:center;padding:10px">
            <div style="font-size:13pt;font-weight:500;margin-bottom:10px">{{ $data['pengajuan']->nama_satker }}</div>
            <div style="font-size:30pt;font-weight:bold;margin-bottom:10px">KABUPATEN PROBOLINGGO</div>
            <div style="font-size:12pt;font-weight:400;line-height:15pt">Raya Panglima Sudirman No. 134 Kota Kraksaan, Kabupaten Probolinggo, Jawa Timur<br>No. Telp : (0321) 879913, Email : bkpsdm.probolinggokab@gmail.com<br>Website : bkpsdm.probolinggokab.go.id</div>
          </div>
        </td>
      </tr>
    </table>
    <hr style="border-width:5px;">
    <div style="padding:0.5cm">
      <table style="width:100%;vertical-align:top">
        <tr>
          <td style="text-align:center;padding:20px" colspan="4">
            <div style="font-size:15pt;font-weight:bold;text-decoration:underline">SURAT IZIN CUTI TAHUNAN</div>
            <div style="font-size:11pt;font-weight:400;line-height:15pt">NOMOR : 800.1.11.4/ ........ /............../.........</div>
          </td>
        </tr>
        <tr>
          <td style="padding-right:10px">1.</td>
          <td style="padding-bottom:20px" colspan="3">
            <div style="text-align:justify">Diberikan cuti tahunan untuk tahun {{ GlobalHelper::dateFormat($data['pengajuan']->tanggal_mulai,'Y') }} kepada Pegawai Negeri Sipil / Calon Pegawai Negeri Sipil / Pegawai Pemerintah dengan Perjanjian Kerja* :</div>
          </td>
        </td>
        <tr>
          <td></td>
          <td width="180px" style="letter-spacing:3px">Nama</td>
          <td width="1px">:</td><td>{{ $data['pengajuan']->nama_lengkap }}</td>
        </tr>
        <tr>
          <td></td>
          <td style="letter-spacing:3px">NIP</td>
          <td>:</td><td>{{ $data['pengajuan']->nip }}</td>
        </tr>
        <tr>
          <td></td>
          <td>Pangkat/Gol. Ruang</td>
          <td>:</td><td>{{ $data['pengajuan']->pangkat_golongan }}</td>
        </tr>
        <tr>
          <td></td>
          <td style="letter-spacing:3px">Jabatan</td>
          <td>:</td><td>{{ $data['pengajuan']->nama_jabatan }}</td>
        </tr>
        <tr>
          <td></td>
          <td>Satuan Organisasi</td>
          <td>:</td><td>{{ $data['pengajuan']->nama_satker }}</td>
        </tr>
        <tr>
          <td></td>
          <td colspan="3" style="padding-top:20px">
            <div>
              Selama {{ $data['pengajuan']->durasi }} hari kerja, terhitung mulai tanggal {{ GlobalHelper::tgl_indo($data['pengajuan']->tanggal_mulai) }} sampai dengan tanggal {{ GlobalHelper::tgl_indo($data['pengajuan']->tanggal_selesai) }} dengan ketentuan sebagai berikut :
              <ol style="list-style-type: lower-alpha;">
                <li>Sebelum menjalankan cuti tahunan, wajib menyerahkan pekerjaannya kepada atasan langsungnya;</li>
                <li>Setelah selesai menjalankan cuti tahunan, wajib melaporkan diri kepada atasan langsungnya dan bekerja kembali sebagaimana biasa;</li>
                <li>Selama menjalankan cuti tahunan alamat yang bersangkutan ada di ......................</li>
              </ol>
            </div>
          </td>
        </tr>
        <tr>
          <td style="padding-right:10px">2.</td>
          <td style="padding-bottom:20px" colspan="3">
            <div style="text-align:justify">Demikian surat izin cuti tahunan ini dibuat untuk dapat dipergunakan sebagaimana
  mestinya.</div>
          </td>
        </tr>
        <tr>
          <td colspan="3"></td>
          <td style="text-align:center;padding-left:100px">
            <div>Kraksaan, {{ GlobalHelper::tgl_indo($data['pengajuan']->tanggal_mulai) }}</div>
            <div style="margin-bottom:20px">Pejabat Yang Berwenang<br>Memberikan Cuti</div>
            <div>Kepala BKPSDM</div>
            <div style="height:100px"></div>
            <div style="font-weight:bold;text-decoration:underline">HERI SULISTYANTO, S.Sos., M.Si</div>
            <div>NIP. 198309092010011018</div>
          </td>
        </tr>
        <tr>
          <td colspan="4">
            <div>Tembusan : </div>
          </td>
        </tr>
        <tr>
          <td>Yth. </td>
          <td colspan="3">
            <ol style="margin:0">
              <li>Inspektur Kabupaten Probolinggo</li>
              <li>Kepala Badan Kepegawaian dan<br>Pengembangan Sumber Daya Manusia<br>Kabupaten Probolinggo</li>
            </ol>
          </td>
        </tr>
      </table>
    </div>
  </div>
@endsection
@section('js')
  <script>

  </script>
@endsection