@extends('layouts.app')
@section('content')
<!--begin::Content-->

<div class="content d-flex flex-column flex-column-fluid" id="kt_content">
  <!--begin::Post-->
  <div class="post d-flex flex-column-fluid" id="kt_post">
    <!--begin::Container-->
    <div id="kt_content_container" class="container-xxl">
      <!--begin::Row-->
      <div class="row g-5 g-xl-8">
        <div class="col-xl-12">
          <!--begin::List Widget 3-->
          <div class="card card-xl-stretch mb-xl-8">
            <!--begin::Header-->
            <div class="card-header py-5">
              <h3 class="card-title align-items-start flex-column">
                <span class="card-label fw-bolder fs-3 mb-1">Template Surat</span>
                <span class="text-muted mt-1 fw-bold fs-7">Template surat untuk surat pengantar laporan</span>
              </h3>

              <div>
                <a href="{{route('template_surat.edit')}}" type="button" class="btn btn-success fw-bolder me-2"><i class="fas fa-plus"></i>Edit Template</a>
              </div>
            </div>
            <!--end::Header-->

            <!--begin::Body-->
            <div class="card-body">
                <div class="d-flex border-dashed card-rounded p-5 mb-6">
                    <!--begin::Section-->
                    <div class="flex-shrink-0 me-7 me-lg-13">
                        <!--begin::Info-->
                        <div class="mb-0 w-150px">
                            <span class="text-gray-500 fs-7 fw-bold d-block mt-1">Tempat / Tanggal Surat</span>
                        </div>
                        <!--end::Info-->
                    </div>
                    <!--end::Section-->
                    <!--begin::Text-->
                    <div class="mb-0 fs-6">
                        <div class="fw-bold lh-lg">{{$template_surat->tanggal}}</div>
                    </div>
                    <!--end::Text-->
                </div>

                <div class="d-flex border-dashed card-rounded p-5 mb-6">
                    <!--begin::Section-->
                    <div class="flex-shrink-0 me-7 me-lg-13">
                        <!--begin::Info-->
                        <div class="mb-0 w-150px">
                            <span class="text-gray-500 fs-7 fw-bold d-block mt-1">Nomor Surat</span>
                        </div>
                        <!--end::Info-->
                    </div>
                    <!--end::Section-->
                    <!--begin::Text-->
                    <div class="mb-0 fs-6">
                        <div class="fw-bold lh-lg">{{$template_surat->nomor}}</div>
                    </div>
                    <!--end::Text-->
                </div>
                
                <div class="d-flex border-dashed card-rounded p-5 mb-6">
                    <!--begin::Section-->
                    <div class="flex-shrink-0 me-7 me-lg-13">
                        <!--begin::Info-->
                        <div class="mb-0 w-150px">
                            <span class="text-gray-500 fs-7 fw-bold d-block mt-1">Lampiran</span>
                        </div>
                        <!--end::Info-->
                    </div>
                    <!--end::Section-->
                    <!--begin::Text-->
                    <div class="mb-0 fs-6">
                        <div class="fw-bold lh-lg">{{$template_surat->lampiran}}</div>
                    </div>
                    <!--end::Text-->
                </div>
                <div class="d-flex border-dashed card-rounded p-5 mb-6">
                    <!--begin::Section-->
                    <div class="flex-shrink-0 me-7 me-lg-13">
                        <!--begin::Info-->
                        <div class="mb-0 w-150px">
                            <span class="text-gray-500 fs-7 fw-bold d-block mt-1">Perihal</span>
                        </div>
                        <!--end::Info-->
                    </div>
                    <!--end::Section-->
                    <!--begin::Text-->
                    <div class="mb-0 fs-6">
                        <div class="fw-bold lh-lg">{!! nl2br($template_surat->perihal) !!}</div>
                    </div>
                    <!--end::Text-->
                </div>
                <div class="d-flex border-dashed card-rounded p-5 mb-6">
                    <!--begin::Section-->
                    <div class="flex-shrink-0 me-7 me-lg-13">
                        <!--begin::Info-->
                        <div class="mb-0 w-150px">
                            <span class="text-gray-500 fs-7 fw-bold d-block mt-1">Tujuan Surat</span>
                        </div>
                        <!--end::Info-->
                    </div>
                    <!--end::Section-->
                    <!--begin::Text-->
                    <div class="mb-0 fs-6">
                        <div class="fw-bold lh-lg">{!! nl2br($template_surat->tujuan_surat) !!}</div>
                    </div>
                    <!--end::Text-->
                </div>
                <div class="d-flex border-dashed card-rounded p-5 mb-6">
                    <!--begin::Section-->
                    <div class="flex-shrink-0 me-7 me-lg-13">
                        <!--begin::Info-->
                        <div class="mb-0 w-150px">
                            <span class="text-gray-500 fs-7 fw-bold d-block mt-1">Isi Surat</span>
                        </div>
                        <!--end::Info-->
                    </div>
                    <!--end::Section-->
                    <!--begin::Text-->
                    <div class="mb-0 fs-6">
                        <div class="fw-bold lh-lg">
                            {!! nl2br($template_surat->isi_surat) !!}
                        </div>
                    </div>
                    <!--end::Text-->
                </div>
                <div class="d-flex border-dashed card-rounded p-5 mb-6">
                    <!--begin::Section-->
                    <div class="flex-shrink-0 me-7 me-lg-13">
                        <!--begin::Info-->
                        <div class="mb-0 w-150px">
                            <span class="text-gray-500 fs-7 fw-bold d-block mt-1">Jabatan Pengirim</span>
                        </div>
                        <!--end::Info-->
                    </div>
                    <!--end::Section-->
                    <!--begin::Text-->
                    <div class="mb-0 fs-6">
                        <div class="fw-bold lh-lg">{{$template_surat->pengirim_jabatan}}</div>
                    </div>
                    <!--end::Text-->
                </div>
                <div class="d-flex border-dashed card-rounded p-5 mb-6">
                    <!--begin::Section-->
                    <div class="flex-shrink-0 me-7 me-lg-13">
                        <!--begin::Info-->
                        <div class="mb-0 w-150px">
                            <span class="text-gray-500 fs-7 fw-bold d-block mt-1">Nama Pengirim</span>
                        </div>
                        <!--end::Info-->
                    </div>
                    <!--end::Section-->
                    <!--begin::Text-->
                    <div class="mb-0 fs-6">
                        <div class="fw-bold lh-lg">{{$template_surat->pengirim_nama}}</div>
                    </div>
                    <!--end::Text-->
                </div>
                <div class="d-flex border-dashed card-rounded p-5 mb-6">
                    <!--begin::Section-->
                    <div class="flex-shrink-0 me-7 me-lg-13">
                        <!--begin::Info-->
                        <div class="mb-0 w-150px">
                            <span class="text-gray-500 fs-7 fw-bold d-block mt-1">Nip Pengirim</span>
                        </div>
                        <!--end::Info-->
                    </div>
                    <!--end::Section-->
                    <!--begin::Text-->
                    <div class="mb-0 fs-6">
                        <div class="fw-bold lh-lg">{{$template_surat->pengirim_nip}}</div>
                    </div>
                    <!--end::Text-->
                </div>
                <div class="d-flex border-dashed card-rounded p-5 mb-6">
                    <!--begin::Section-->
                    <div class="flex-shrink-0 me-7 me-lg-13">
                        <!--begin::Info-->
                        <div class="mb-0 w-150px">
                            <span class="text-gray-500 fs-7 fw-bold d-block mt-1">Tembusan</span>
                        </div>
                        <!--end::Info-->
                    </div>
                    <!--end::Section-->
                    <!--begin::Text-->
                    <div class="mb-0 fs-6">
                        <div class="fw-bold lh-lg">{!! nl2br($template_surat->tembusan) !!}</div>
                    </div>
                    <!--end::Text-->
                </div>
            </div>
            <!--end::Body-->
          </div>
          <!--end:List Widget 3-->
        </div>
      </div>
      <!--end::Row-->
    </div>
    <!--end::Container-->
  </div>
  <!--end::Post-->
</div>
<!--end::Content-->
@endsection