@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">
                    <div class="card-header">
                        <h3 class="card-title">{!! $variables['judul'] !!}</h3>
                        <div class="float-right">
                            <a href="{{ route('range_dois.index') }}" class="btn btn-warning btn-sm button-cek-permission" data-permission="range_dois.index">
                                <i class="fas fa-list"></i> Daftar
                            </a>
                            <a href="{{ route('range_dois.edit', $data->id) }}" class="btn btn-warning btn-sm button-cek-permission" data-permission="range_dois.edit">
                                <i class="fas fa-edit"></i> Ubah
                            </a>
                            <a href="{{ route('range_dois.destroy', $data->id) }}" data='delete' onclick="notificationBeforeDelete(event, this)" class="btn btn-warning btn-sm button-cek-permission" data-permission="range_dois.destroy">
                                <i class="fas fa-trash"></i> {{ $data->delete_flag ? 'Aktifkan' : 'Nonaktifkan' }}
                            </a>
                        </div>
                    </div>
                    <div class="card-body">
                        <!-- Range DOI Header Info -->
                        <div class="row">
                            <div class="col-md-6">
                                <table class="table table-borderless">
                                    <tr>
                                        <td width="40%"><strong>Nama</strong></td>
                                        <td>: {{ $data->name }}</td>
                                    </tr>
                                    <tr>
                                        <td><strong>Hari Minimum</strong></td>
                                        <td>: <span class="badge badge-info">{{ number_format($data->min_days, 2) }} hari</span></td>
                                    </tr>
                                    <tr>
                                        <td><strong>Hari Maksimum</strong></td>
                                        <td>: <span class="badge badge-info">
                                            @if($data->max_days == 999999)
                                            ∞ (Tidak Terbatas)
                                            @else
                                            {{ number_format($data->max_days, 2) }} hari
                                            @endif
                                        </span></td>
                                    </tr>
                                    <tr>
                                        <td><strong>Rentang</strong></td>
                                        <td>: <span class="badge badge-info">{{ $data->range_display ?? $data->min_days . ' - ' . ($data->max_days == 999999 ? '∞' : $data->max_days) . ' hari' }}</span></td>
                                    </tr>
                                </table>
                            </div>
                            <div class="col-md-6">
                                <table class="table table-borderless">
                                    <tr>
                                        <td width="40%"><strong>Kode Warna</strong></td>
                                        <td>: <span class="badge" style="background-color: {{ $data->color_code }}; color: white;">{{ $data->color_code }}</span></td>
                                    </tr>
                                    <tr>
                                        <td><strong>Status</strong></td>
                                        <td>: 
                                            @if($data->is_active)
                                            <span class="badge badge-success">Aktif</span>
                                            @else
                                            <span class="badge badge-secondary">Nonaktif</span>
                                            @endif
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><strong>Dibuat Oleh</strong></td>
                                        <td>: {{ $data->creator->fullname ?? 'System' }} ({{ $data->created_at->format('d M Y, H:i') }})</td>
                                    </tr>
                                    <tr>
                                        <td><strong>Diubah Oleh</strong></td>
                                        <td>: {{ $data->modificator->fullname ?? '-' }} ({{ $data->updated_at ? $data->updated_at->format('d M Y, H:i') : '-' }})</td>
                                    </tr>
                                </table>
                            </div>
                        </div>

                        @if($data->description)
                        <div class="row">
                            <div class="col-12">
                                <table class="table table-borderless">
                                    <tr>
                                        <td width="20%"><strong>Deskripsi</strong></td>
                                        <td>: {{ $data->description }}</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

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