@extends('layouts.admin')

@section('title','Setting Penjadwalan')

@section('content')
<div class="main-content">
<section class="section">

<div class="section-header">
    <h1>Setting Penjadwalan Workflow</h1>
</div>

<div class="card shadow-sm">
<div class="card-body">

<h5 class="mb-4">
Pengajuan: {{ $pengajuan->kode_invoice }}
</h5>

<form method="POST"
action="{{ route('admin.jadwal.store', $pengajuan->id) }}">
@csrf

<div class="table-responsive">
<table class="table table-bordered">
<thead class="thead-light">
<tr>
<th>Step</th>
<th>Assign User</th>
<th>Tanggal Mulai</th>
<th>Tanggal Selesai</th>
</tr>
</thead>

<tbody>

@foreach($steps as $step)

@php
$workflow = $pengajuan->steps
            ->where('step_id', $step->id)
            ->first();

/* ambil sub step jika ada */
$editorDetail = optional($workflow)->details
        ?->where('nama_proses','Cek Draft Naskah')
        ->first();

$layoutDetail = optional($workflow)->details
        ?->where('nama_proses','Layout Naskah')
        ->first();
@endphp

<tr @if($step->id == 1) style="background:#f8fafc;font-weight:600" @endif>

<td>
{{ $step->urutan }}. {{ $step->nama }}
</td>

<td style="text-align:center">

@if($step->id == 1)
<strong>-</strong>

@elseif($step->id != 2 && $step->id != 4)

<select name="steps[{{ $step->id }}][user_id]" class="form-control">

<option value="">-- Pilih --</option>

@foreach($users as $user)

<option value="{{ $user->id }}"
{{ optional($workflow)->user_id == $user->id ? 'selected':'' }}>
{{ $user->name }}
</option>

@endforeach

</select>

@else
<strong>Penulis</strong>
@endif

</td>

<td>
<input type="date"
name="steps[{{ $step->id }}][tanggal_mulai]"
value="{{ optional($workflow)->tanggal_mulai?->format('Y-m-d') }}"
class="form-control">
</td>

<td>
<input type="date"
name="steps[{{ $step->id }}][tanggal_selesai]"
value="{{ optional($workflow)->tanggal_selesai?->format('Y-m-d') }}"
class="form-control">
</td>

</tr>


{{-- SUB STEP KHUSUS STEP 1 --}}
@if($step->id == 1)

<tr>
<td style="padding-left:35px">
↳ Cek Draft Naskah (Editor)
</td>

<td>

<select name="steps_sub[1][editor_id]" class="form-control">

<option value="">-- Pilih Editor --</option>

@foreach($users as $user)

<option value="{{ $user->id }}"
{{ optional($editorDetail)->user_id == $user->id ? 'selected':'' }}>
{{ $user->name }}
</option>

@endforeach

</select>

</td>

<td>

<input type="date"
name="steps_sub[1][tanggal_mulai]"
value="{{ optional($editorDetail)->tanggal_mulai?->format('Y-m-d') }}"
class="form-control">

</td>

<td>

<input type="date"
name="steps_sub[1][tanggal_selesai]"
value="{{ optional($editorDetail)->tanggal_selesai?->format('Y-m-d') }}"
class="form-control">

</td>
</tr>



<tr>
<td style="padding-left:35px">
↳ Layout Naskah (Layouter)
</td>

<td>

<select name="steps_sub[1][layout_id]" class="form-control">

<option value="">-- Pilih Layouter --</option>

@foreach($users as $user)

<option value="{{ $user->id }}"
{{ optional($layoutDetail)->user_id == $user->id ? 'selected':'' }}>
{{ $user->name }}
</option>

@endforeach

</select>

</td>

<td>

<input type="date"
name="steps_sub[1][layout_mulai]"
value="{{ optional($layoutDetail)->tanggal_mulai?->format('Y-m-d') }}"
class="form-control">

</td>

<td>

<input type="date"
name="steps_sub[1][layout_selesai]"
value="{{ optional($layoutDetail)->tanggal_selesai?->format('Y-m-d') }}"
class="form-control">

</td>
</tr>

@endif

@endforeach

</tbody>
</table>
</div>


<div class="mt-3">

<div class="mb-3 text-right">

<button type="button"
class="btn btn-success"
data-toggle="modal"
data-target="#modalCetakSurat">

<i class="fas fa-print"></i> Cetak Surat Penerimaan

</button>
</div>

<button class="btn btn-primary">
Simpan Penjadwalan
</button>

<a href="{{ route('admin.pengajuan.detail',$pengajuan->id) }}"
class="btn btn-secondary">
Batal
</a>

</div>

</form>

</div>
</div>

</section>
</div>
<div class="modal fade" id="modalCetakSurat" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">

<form method="GET"
action="{{ route('admin.jadwal.cetak',$pengajuan->id) }}"
target="_blank">

<div class="modal-header">
<h5 class="modal-title">Input Nomor Surat</h5>
<button type="button" class="close" data-dismiss="modal">
<span>&times;</span>
</button>
</div>

<div class="modal-body">

<div class="form-group">
<label>Nomor Surat</label>
<input type="text"
name="nomor_surat"
class="form-control"
placeholder="Contoh: 001/SPN/ANDUS/III/2026"
required>
</div>

</div>

<div class="modal-footer">

<button type="button" class="btn btn-secondary" data-dismiss="modal">
Batal
</button>

<button class="btn btn-success">
Cetak Surat
</button>

</div>

</form>

</div>
</div>
</div>
@endsection