Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @section('title', $title)
- @push('style')
- <style>
- .badge-container {
- width: 100%;
- }
- .badge {
- display: inline-block;
- max-width: 100%;
- white-space: normal;
- word-wrap: break-word;
- }
- </style>
- @endpush
- <div class="align-items-justify">
- <div class="row mb-0">
- <div class="col-12 p-2 shadow-sm row">
- <div class="col-md-6">
- <x-breadcrumb :breadcrumbText="$letter->letter_title ?? null" />
- </div>
- <div class="col-md-6 d-flex justify-content-end gap-2">
- <a href="{{ route('correspondence.letter-upload-scan', ['id' => $letter->id]) }}" class="btn btn-outline-warning btn-sm" wire:navigate>
- <i class="bi bi-file-arrow-up-fill"></i> Upload Scan
- </a>
- <a href="{{ route('correspondence.letter-edit', ['id' => $letter->id]) }}" wire:navigate class="btn btn-outline-warning btn-sm {{ $letter->letter_status !== 'draft' ? 'disabled' : '' }}">
- <i class="bi bi-pencil-square"></i> Edit Surat
- </a>
- <button class="btn btn-outline-danger btn-sm" type="button" wire:click="printLetter">
- <div wire:loading.remove wire:target="printLetter">
- <i class="bi bi-printer-fill"></i> Print Surat
- </div>
- <div wire:loading wire:target="printLetter">
- <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
- Please wait...
- </div>
- </button>
- <button class="btn btn-outline-danger btn-sm {{ $letter->letter_status !== 'published' ? 'disabled' : '' }}" type="button" wire:click="archiveLetter" wire:confirm="Are you sure you want to ARCHIVE this post?">
- <div wire:loading.remove wire:target="archiveLetter">
- <i class="bi bi-archive-fill"></i> Arsipkan
- </div>
- <div wire:loading wire:target="archiveLetter">
- <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
- Please wait...
- </div>
- </button>
- </div>
- </div>
- </div>
- @if (auth()->user()->business_unit == $letter->business_unit)
- <div class="row align-items-top ">
- <div class="col-12 col-md-9 pl-3 pt-0 bg-light">
- <ul class="nav nav-pills flex-column flex-sm-row" id="myTab" role="tablist">
- <li class="nav-item flex-fill" role="presentation">
- <button class="nav-link active w-100" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">Draft Surat</button>
- </li>
- <li class="nav-item flex-fill" role="presentation">
- <button class="nav-link w-100" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">Surat Final
- Scanning</button>
- </li>
- </ul>
- <div class="tab-content" id="myTabContent">
- <x-flash-message />
- <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
- <div class="container">
- <div class="row d-flex justify-content-center align-items-center mt-4">
- <div class="col-md-10 bg-white p-3">
- <div class="row">
- <div class="col-md-9 mb-4">
- @if ($letter->letter_status === 'draft')
- <select wire:model.live="selectedTemplate" class="form-control form-control-sm">
- <option value="">Select Template</option>
- @foreach ($templates as $template)
- <option value="{{ $template->id }}">{{ $template->name }}
- </option>
- @endforeach
- </select>
- @endif
- </div>
- <div class="col-md-3 mb-4">
- @if ($letter->letter_status === 'draft')
- <button class="btn btn-success btn-sm w-100" wire:click="applyTemplate" type="button">
- <div wire:loading.remove wire:target="applyTemplate">
- <i class="bi bi-check-circle"></i> Apply Template
- </div>
- <div wire:loading wire:target="applyTemplate">
- <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
- Please wait...
- </div>
- </button>
- @endif
- </div>
- @if ($letter->letter_status === 'draft')
- <hr>
- @endif
- <div class="col-md-12 mt-2 mb-2">
- <div wire:loading wire:target="selectedTemplate">
- <div class="loader">
- <span class="fw-bold text-success">Sedang Memuat Template
- ....</span>
- </div>
- </div>
- <div wire:loading.remove wire:target="selectedTemplate">
- @if (!$selectedTemplate)
- {!! $letter->header !!}
- @else
- {!! $header !!}
- @endif
- </div>
- </div>
- <div class="col-md-12 mt-2 mb-2">
- <table>
- <tr>
- <td>{{ $letter->publication_location }}, {{ $IndonesianDate($letter->letter_date) }}</td>
- </tr>
- <tr>
- <td>{{ $letter->letter_number }}</td>
- </tr>
- </table>
- </div>
- <div class="col-md-12 mt-2 mb-2">
- <table>
- <tr>
- <td><strong>Kepada Yth.</strong></td>
- </tr>
- <tr>
- <td width="400px;">{{ $letter->letter_receiver }}</td>
- </tr>
- </table>
- </div>
- <div class="col-md-12 mt-2 mb-3">
- <table>
- <tr>
- <td width="100px"><strong>Perihal</strong></td>
- <td width="10px">:</td>
- <td>{{ $letter->subject }}</td>
- </tr>
- </table>
- </div>
- <div class="col-md-12 mt-2 mb-2">
- {{-- {!! $letter->content_of_letter !!} --}}
- @php
- echo str_replace(
- '[base_url]',
- url('') . '/',
- $letter->content_of_letter,
- );
- @endphp
- </div>
- <div class="col-md-12 mt-2 mb-2">
- <div wire:loading wire:target="selectedTemplate">
- <div class="loader">
- <span class="fw-bold text-success">Sedang Memuat Template
- ....</span>
- </div>
- </div>
- <div class="col-md-12 mt-2 mb-5">
- <table width="100%">
- <tr>
- <td>Hormat Kami,</td>
- </tr>
- <tr>
- <td style="height: 75px"></td>
- </tr>
- <tr>
- <td>
- <strong><b><u>{{ $letter->letter_sender }}</u></b></strong>
- </td>
- </tr>
- <tr>
- <td>
- <strong>{{ $letter->jobTitle->name ?? '____________' }}</strong>
- </td>
- </tr>
- </table>
- </div>
- <div wire:loading.remove wire:target="selectedTemplate">
- @if (!$selectedTemplate)
- {!! $letter->footer !!}
- @else
- {!! $footer !!}
- @endif
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="tab-pane fade d-flex justify-content-center align-items-center" id="profile" role="tabpanel" aria-labelledby="profile-tab">
- @if ($letter->letter_final_file !== null)
- <embed src="{{ $pdf }}" type="application/pdf" width="50%" height="600px" toolbar="0" />
- @else
- <div class="alert alert-warning" role="alert">
- No Scanned File was uploaded
- </div>
- @endif
- </div>
- </div>
- </div>
- <div class="col-12 col-md-3 pt-2 border rounded-1 pb-4 shadow-sm " style="background: #fff">
- <ul class="nav nav-tabs" id="myTab" role="tablist">
- <li class="nav-item" role="presentation">
- <button class="nav-link active" id="detail-tab" data-bs-toggle="tab" data-bs-target="#detail" type="button" role="tab" aria-controls="detail" aria-selected="true">Detail</button>
- </li>
- <li class="nav-item" role="presentation">
- <button class="nav-link" id="log-surat-tab" data-bs-toggle="tab" data-bs-target="#log-surat" type="button" role="tab" aria-controls="contact" aria-selected="false">Log
- Surat</button>
- </li>
- </ul>
- <div class="tab-content" id="myTabContent">
- <div class="tab-pane fade show active" id="detail" role="tabpanel" aria-labelledby="detail-tab">
- <div class="mt-4 m-3">
- <table>
- <tr>
- <td>
- <h5 class="mb-2"><strong>{{ $letter->letter_number }}</strong></h5>
- </td>
- </tr>
- <tr>
- <td>
- <h5><strong>{{ $letter->letter_title }}</strong></h5>
- </td>
- </tr>
- <tr>
- <td>
- <hr>
- </td>
- </tr>
- <tr>
- <td><strong>Tanggal Surat</strong></td>
- </tr>
- <tr>
- <td><span>{{ $IndonesianDateTime($letter->letter_date) }}</span></td>
- </tr>
- <tr>
- <td><br><strong>Lokasi Terbit</strong></td>
- </tr>
- <tr>
- <td><span>{{ $letter->publication_location }}</span></td>
- </tr>
- <tr>
- <td><br><strong>Asal Surat</strong></td>
- </tr>
- <tr>
- <td><span>{{ $letter->letter_sender }}</span></td>
- </tr>
- <tr>
- <td><br><strong>Kepada</strong></td>
- </tr>
- <tr>
- <td><span>{{ $letter->letter_receiver }}</span></td>
- </tr>
- <tr>
- <td><br><strong>Subject</strong></td>
- </tr>
- <tr>
- <td><span>{{ $letter->subject }}</span></td>
- </tr>
- <tr>
- <td><br><strong>Jenis Surat</strong></td>
- </tr>
- <tr>
- <td><span>{{ ucfirst($letter->letter_type) }}</span></td>
- </tr>
- <tr>
- <td><br><strong>Kategori Surat</strong></td>
- </tr>
- <tr>
- <td><span>{{ ucfirst($letter->categoryData->subject_name) ?? '-' }}</span></td>
- </tr>
- <tr>
- <td><br><strong>Bisnis Unit</strong></td>
- </tr>
- <tr>
- <td><span>{{ $letter->businessUnit->bu_name ?? '-' }}</span></td>
- </tr>
- <tr>
- <td><br><strong>Level Jabatan</strong></td>
- </tr>
- <tr>
- <td><span>{{ $levels->name ?? '-' }}</span></td>
- </tr>
- <tr>
- <td><br><strong>Jabatan</strong></td>
- </tr>
- <tr>
- <td><span>{{ $letter->jobTitle->name ?? '-' }}</span></td>
- </tr>
- <tr>
- <td><br><strong>Status</strong></td>
- </tr>
- <tr>
- <td>
- @if ($letter->letter_status == 'draft')
- <span class="badge badge-danger">{{ $letter->letter_status }}</span>
- @elseif ($letter->letter_status == 'published')
- <span class="badge badge-success">{{ $letter->letter_status }}</span>
- @elseif ($letter->letter_status == 'archived')
- <span class="badge badge-warning text-white">{{ $letter->letter_status }}</span>
- @else
- <span class="badge badge-secondary text-white">{{ $letter->letter_status }}</span>
- @endif
- </td>
- </tr>
- </table>
- </div>
- </div>
- <div class="tab-pane fade" id="log-surat" role="tabpanel" aria-labelledby="log-surat-tab">
- <ul class="timeline">
- @foreach ($activities as $activity)
- <li>
- <span class="fw-bold text-success text-xs text-capitalize">{!! $activity->description !!}
- by {!! $activity->causerData->name !!}</span><br>
- <small>{!! $IndonesianDateTime($activity->created_at) !!}</small><br>
- <small>Deskripsi Perubahan :</small>
- @if ($activity->properties->isNotEmpty())
- <ul>
- @php
- $allowedAttributes = [
- 'letter_title',
- 'letter_sender',
- 'letter_receiver',
- 'letter_date',
- 'letter_type',
- 'publication_location',
- 'subject',
- 'letter_number',
- 'header',
- 'footer',
- 'letter_status'
- ];
- @endphp
- @foreach ($activity->properties['attributes'] as $attribute => $value)
- @if (in_array($attribute, $allowedAttributes))
- @php
- $oldValue = $activity->properties['old'][$attribute] ?? null;
- @endphp
- @if ($oldValue !== $value)
- <li>
- <strong>{!! ucfirst(str_replace('_', ' ', $attribute)) !!}:</strong><br>
- @if ($oldValue !== null)
- <small>
- <div class="badge-container">
- <span class="badge badge-primary text-white"> Old: {!! $oldValue !!} </span>
- </div>
- </small><br>
- @endif
- <small>
- <div class="badge-container">
- <span class="badge badge-success text-white"> New: {!! $value !!} </span>
- </div>
- </small>
- </li>
- @endif
- @endif
- @endforeach
- </ul>
- @endif
- </li>
- @endforeach
- </ul>
- </div>
- </div>
- </div>
- </div>
- @else
- <div class="alert alert-danger mt-3">
- You do not have permission to view this letter.
- </div>
- @endif
- <!-- end conten !-->
- </div>
- @push('script')
- @endpush
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement