@extends('layouts/base_view')
@section('title')
{!! $variables['header_routes'] !!}
@endsection
@section('content')
<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="card card-outline card-warning">
                    <div class="card-header">
                        <h3 class="card-title">{{ $variables['judul'] }}</h3>
                        <div class="card-tools">
                            <a href="{{ route('dcs.edit', $data->id) }}" class="btn btn-sm btn-warning button-cek-permission" data-permission="dcs.edit">
                                <i class="fas fa-edit"></i> Ubah
                            </a>
                            <!-- <a href="{{ route('dcs.destroy', $data->id) }}" data="delete" onclick="notificationBeforeDelete(event, this)" class="btn btn-sm btn-warning button-cek-permission" data-permission="dcs.destroy">
                                <i class="fas fa-trash"></i> Hapus
                            </a> -->
                            <a href="{{ route('dcs.index') }}" class="btn btn-sm btn-warning">
                                 <i class="fas fa-list"></i> List
                            </a>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <table class="table table-sm table-borderless">
                                    <tr>
                                        <td width="40%" class="font-weight-bold">Code</td>
                                        <td>: {{ $data->code }}</td>
                                    </tr>
                                    <tr>
                                        <td class="font-weight-bold">Doctype</td>
                                        <td>:  {{$data->doctype}} </td>
                                    </tr>
                                    <tr>
                                        <td class="font-weight-bold">Name</td>
                                        <td>: {{ $data->name }}</td>
                                    </tr>
                                    <tr>
                                        <td class="font-weight-bold">Phone</td>
                                        <td>: {{ $data->phone ?? '-' }}</td>
                                    </tr>
                                    <tr>
                                        <td class="font-weight-bold">Address</td>
                                        <td>: {{ $data->address ?? '-' }}</td>
                                    </tr>
                                </table>
                            </div>
                            <div class="col-md-6">
                                <table class="table table-sm table-borderless">
                                    <tr>
                                        <td width="40%" class="font-weight-bold">Description</td>
                                        <td>: {{ $data->description ?? '-' }}</td>
                                    </tr>
                                    <tr>
                                        <td class="font-weight-bold">Created By</td>
                                        <td>: {{ $data->creator->fullname ?? 'System' }} ({{ $data->created_at ? $data->created_at->format('d/m/Y H:i') : '-' }})</td>
                                    </tr>
                                    <tr>
                                        <td class="font-weight-bold">Updated By</td>
                                        <td>: {{ $data->modificator->fullname ?? '-' }} ({{ $data->updated_at ? $data->updated_at->format('d/m/Y H:i') : '-' }})</td>
                                    </tr>
                                </table>
                            </div>
                        </div>

                        <!-- Rumus & SPB Holiday Configuration Section -->
                        <hr>
                        <div class="mb-3">
                            <h5 class="font-weight-bold mb-1">Rumus & SPB Holiday Configuration</h5> 
                        </div>
                        
                        @if($data->spbHolidays && $data->spbHolidays->where('delete_flag', false)->count() > 0)
                        <div class="table-responsive">
                           <table class="table table-hover table-sm">
                                <thead class="bg-warning">
                                    <tr>
                                        <th width="3%">No</th>
                                        <th width="8%">Tipe Dokumen</th>
                                        <th width="10%">Periode Pesanan</th>
                                        <th width="7%">Status Aktif</th>
                                        <th width="8%">Rumus Normal</th>
                                        <th  width="4%">Rules</th>
                                        <th width="28%">Hari Libur SPB</th>
                                        <th>Deskripsi</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($data->spbHolidays->where('delete_flag', false) as $index => $holiday)
                                    <tr>
                                        <td class="text-center">{{ $index + 1 }}</td>
                                        <td>
                                            {{ $holiday->tipe_dokumen }}
                                        </td>
                                        <td>
                                            {{ $holiday->period->code }} 
                                        </td>
                                        <td class="text-center">
                                            @if($holiday->is_active)
                                                Ya
                                            @else
                                              <code>Tidak</code>
                                            @endif
                                        </td>
                                        <td class="text-center">
                                            @if($holiday->normal_rumus)
                                               Ya
                                            @else
                                               <code>Tidak</code>
                                            @endif
                                        </td>
                                        <td class="text-center">
                                            @if(!$holiday->normal_rumus && $holiday->rules && $holiday->rules->count() > 0)
                                                <button type="button" class="btn btn-sm btn-info btn-show-rules"
                                                    data-id="{{ $holiday->id }}"
                                                    data-tipe="{{ $holiday->tipe_dokumen }}"
                                                    data-period="{{ $holiday->period->code ?? '-' }}"
                                                    title="Lihat Shipment Rules">
                                                    <i class="fas fa-cogs"></i>
                                                </button> 
                                            @endif
                                        </td>
                                        <td>
                                            @if($holiday->holiday_days && count($holiday->holiday_days) > 0)
                                               {{ implode(', ', $holiday->holiday_days) }} 
                                            @endif
                                        </td>
                                        <td>
                                            <small>{{ $holiday->description }}</small>
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        @else
                        <div class="alert alert-info">
                            <i class="fas fa-info-circle"></i>
                            <strong>Belum ada konfigurasi.</strong> 
                            Gunakan tombol "Ubah" di atas untuk menambahkan konfigurasi.
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<form action="" id="delete-form" method="post">
    @method('delete')
    @csrf
</form>

@php
    $allDays  = ['Senin','Selasa','Rabu','Kamis','Jumat','Sabtu','Minggu'];
    $rulesData = [];
    foreach ($data->spbHolidays->where('delete_flag', false) as $holiday) {
        if (!$holiday->normal_rumus && $holiday->rules) {
            $ruleMap = $holiday->rules->keyBy('day_name');
            $rulesData[$holiday->id] = [];
            foreach ($allDays as $day) {
                $rule = $ruleMap->get($day);
                $rulesData[$holiday->id][$day] = [
                    'cek_shipment' => $rule ? $rule->cek_shipment : null,
                    'rumus'        => $rule ? $rule->rumus : null,
                ];
            }
        }
    }
@endphp

<!-- Shipment Rules Modal (read-only) -->
<div class="modal fade" id="shipmentRulesModal" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header bg-info">
                <h5 class="modal-title text-white">
                    <i class="fas fa-cogs mr-2"></i>Shipment Rules — <span id="modalRulesTitle"></span>
                </h5>
                <button type="button" class="close text-white" data-dismiss="modal"><span>&times;</span></button>
            </div>
            <div class="modal-body">
                <div class="alert alert-info py-2 mb-3">
                    <i class="fas fa-info-circle mr-1"></i> 
                    Perhitungan dimulai dari Hari SO. Contoh: FC_1 dari Senin = Selasa.
                </div>
                <div class="table-responsive">
                    <table class="table table-bordered table-sm">
                        <thead class="bg-warning">
                            <tr>
                                <th class="text-center" style="width:13%">Hari SO</th>
                                <th class="text-center" style="width:16%">Cek SPB</th>
                                <th class="text-center" style="width:13%">Hari Kedatangan</th>
                                <th>Rumus</th>
                            </tr>
                        </thead>
                        <tbody id="modalRulesBody"></tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">
                    <i class="fas fa-times mr-1"></i> Tutup
                </button>
            </div>
        </div>
    </div>
</div>

<script>
$(function() {
    var allDays  = ['Senin','Selasa','Rabu','Kamis','Jumat','Sabtu','Minggu'];
    var rulesData = @json($rulesData);

    function getArrivalDay(soDay, offset) {
        var idx = allDays.indexOf(soDay);
        if (idx === -1 || !offset) return '-';
        return allDays[(idx + offset) % 7];
    }

    $(document).on('click', '.btn-show-rules', function() {
        var id     = $(this).data('id');
        var tipe   = $(this).data('tipe');
        var period = $(this).data('period');
        var rules  = rulesData[id] || {};

        $('#modalRulesTitle').text(tipe + ' — ' + period);

        var tbody = $('#modalRulesBody').empty();
        allDays.forEach(function(day) {
            var rule        = rules[day] || {};
            var cek         = rule.cek_shipment;
            var rumus       = rule.rumus || '-';
            var hasRule     = cek !== null && cek !== undefined;
            var cekBadge    = !hasRule || cek == 0 ? 'PPIC Libur' : 'H+' + cek + '';
            var arrivalHtml = (hasRule && cek > 0)
                            ? getArrivalDay(day, parseInt(cek)) 
                            : '<span class="text-muted">-';
            var rumusHtml   = (rumus && rumus !== '-') ? '<code>' + rumus + '</code>' : '<span class="text-muted">-</span>';
            var rowClass    = hasRule ? '' : 'text-muted';

            tbody.append(
                '<tr class="' + rowClass + '">' +
                    '<td class="text-center">' + day + '</td>' +
                    '<td class="text-center">' + cekBadge + '</td>' +
                    '<td class="text-center">' + arrivalHtml + '</td>' +
                    '<td>' + rumusHtml + '</td>' +
                '</tr>'
            );
        });

        $('#shipmentRulesModal').modal('show');
    });
});
</script>
@endsection