@extends('layouts.surat')

@section('title')
    Surat Keluar Baru -
@endsection

@push('styles')
    <link href="{{ asset('assets/libs/jstree/jstree.bundle.css?v=7.0.9') }}" rel="stylesheet" type="text/css" />
@endpush

@section('content_surat')
    <div class="card">
        <div class="card-body">
            @if ($errors->any())
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    <div>
                        @foreach ($errors->all() as $error)
                            <p class="my-0">{{ $error }}</p>
                        @endforeach
                    </div>
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                        <span aria-hidden="true">×</span>
                    </button>
                </div>
            @endif

            <form method="post" action="{{ route('surat.keluar.baru.simpan') }}">
                @csrf
                <x-input type="hidden" name="referensi_surat_id" :value="$referensi->id ?? ''" />
                @if(!empty($referensi))
                <p class="mb-1">Referensi Surat</p>
                    <table class="table table-bordered">
                        <thead>
                        <tr>
                            <th>No.Agenda</th>
                            <th>Tanggal</th>
                            <th>No.Surat</th>
                            <th>Perihal</th>
                            <th>Asal Surat</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>{{ $referensi->no_agenda }}</td>
                            <td>{{ format_date($referensi->tanggal_surat) }}</td>
                            <td>{{ $referensi->no_surat }}</td>
                            <td>{{ $referensi->perihal }}</td>
                            <td>{{ $referensi->satuan_kerja->nama }}</td>
                        </tr>
                        </tbody>
                    </table>
                @endif
                @include('surat.masuk._form')
                @php($jabatan_pegawai = \Illuminate\Support\Facades\Auth::user()->pegawai->jabatan_pegawai)
                <x-form-group id="satuan_kerja" caption="Asal Surat">
                    <x-input name="satuan_kerja_id" type="hidden" :value="$jabatan_pegawai->satuan_kerja_id" />
                    <x-input name="satuan_kerja" :value="$jabatan_pegawai->satuan_kerja->nama" />
                </x-form-group>
                <button class="btn btn-primary px-3" type="submit">Simpan dan Lengkapi</button>
                <a href="{{ route('surat') }}" class="btn btn-light ml-3">Kembali</a>
            </form>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        init_form_element();
    </script>
@endpush

@include('surat._klasifikasi_surat')