@extends('dashboard/layouts.template')
@section('content')
<!-- start page title -->
<div class="row">
    <div class="col-12">
        <div class="page-title-box">
            <div class="page-title-left">
                <ol class="breadcrumb m-0">
                    <li class="breadcrumb-item"><a href="">Dashboard</a></li>
                    <li class="breadcrumb-item active">Data Kecelakaan</li>
                </ol>
                <h4 class="Header-title">Detail Data Kecalakaan</h4>
            </div>
        </div>
    </div>
</div>
<!-- end page title -->

<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                @if (session('success'))
                <div class="alert alert-success">
                    {{ session('success') }}
                </div>
                @endif

                @if (session('error'))
                <div class="alert alert-error">
                    {{ session('error') }}
                </div>
                @endif
                <div class="tab-content" style="color: black;">
                    <div class="tab-pane show active" id="input-types-preview">
                        <div class="row">
                            <form action="{{ route('jalan.kecelakaan.update', ['jalan' => $jalan->id, 'kecelakaan' => $kecelakaan->id]) }}" method="post" enctype="multipart/form-data">
                                @method('PUT')
                                @csrf
                                <h4 class="header-title pb-2">Waktu Kejadian</h4>
                                <div class="row g-2">
                                    <div class="mb-3 col-md-3">
                                        <label class="form-label">Tanggal Kejadian</label>
                                        <input class="form-control" type="date" name="tanggal" value="{{ old('tanggal') ?? $kecelakaan->tanggal }}" readonly>
                                    </div>
                                    <div class="mb-3 col-md-3">
                                        <label class="form-label">Waktu Kejadian (Jam)</label>
                                        <input class="form-control" type="text" name="waktu_kejadian" value="{{ old('waktu_kejadian') ?? $kecelakaan->waktu_kejadian }}" readonly>
                                    </div>
                                </div>
                                <hr>
                                <h4 class="header-title pt-2 pb-2">Lokasi Kejadian</h4>
                                <div class="row g-2">
                                    <div class="mb-3 col-md-6">
                                        <label class="form-label">Nama Jalan</label>
                                        <input type="text" class="form-control" name="nama_jalan" value="{{ old('nama_jalan') ?? $kecelakaan->nama_jalan }}" readonly>
                                    </div>

                                </div>

                                <div class="row g-2">
                                    <div class="mb-3 col-md-3">
                                        <label class="form-label">TKP/Dusun</label>
                                        <input type="text" class="form-control" name="tkp_dusun" value="{{ old('tkp_dusun') ?? $kecelakaan->tkp_dusun }}" readonly>
                                    </div>
                                    <div class="mb-3 col-md-3">
                                        <label class="form-label">Desa</label>
                                        <input type="text" class="form-control" name="desa" value="{{ old('desa') ?? $kecelakaan->desa }}" readonly>
                                    </div>
                                    <div class="mb-3 col-md-3">
                                        <label class="form-label">Kecamatan</label>
                                        <input type="text" class="form-control" name="kecamatan" value="{{ old('kecamatan') ?? $kecelakaan->kecamatan }}" readonly>
                                    </div>
                                    <div class="mb-3 col-md-3">
                                        <label class="form-label">Kabupaten</label>
                                        <input type="text" class="form-control" name="kabupaten" value="{{ old('kabupaten') ?? $kecelakaan->kabupaten }}" readonly>
                                    </div>
                                </div>
                                <div class="row g-2">
                                    <div class="mb-3 col-md-3">
                                        <label class="form-label">Latitude</label>
                                        <input type="text" class="form-control" name="latitude" value="{{ old('latitude') ?? $kecelakaan->latitude }}" readonly>
                                    </div>
                                    <div class="mb-3 col-md-3">
                                        <label class="form-label">Longitude</label>
                                        <input type="text" class="form-control" name="longitude" value="{{ old('longitude') ?? $kecelakaan->longitude }}" readonly>
                                    </div>

                                </div>
                                <hr>

                                <h4 class="header-title pt-2 pb-2">Kondisi Korban</h4>
                                <div class="row g-2">
                                    <div class="mb-3 col-md-3">
                                        <label class="form-label">Meninggal Dunia</label>
                                        <input type="number" class="form-control" name="korban_md" value="{{ old('korban_md') ?? $kecelakaan->korban_md }}" readonly>
                                    </div>
                                    <div class="mb-3 col-md-3">
                                        <label class="form-label">Luka Berat</label>
                                        <input type="number" class="form-control" name="korban_lb" value="{{ old('korban_lb') ?? $kecelakaan->korban_lb }}" readonly>
                                    </div>
                                    <div class="mb-3 col-md-3">
                                        <label class="form-label">Luka Ringan</label>
                                        <input type="number" class="form-control" name="korban_lr" value="{{ old('korban_lr') ?? $kecelakaan->korban_lr }}" readonly>
                                    </div>
                                </div>
                                <hr>

                                <h4 class="header-title pt-2 pb-2">Informasi Lingkungan</h4>
                                <div class="row g-2">
                                    <div class="mb-3 col-md-3">
                                        <label class="form-label">Kondisi Kecelakaan</label>
                                        <input type="text" class="form-control" name="kondisi_kecelakaan" value="{{ old('kondisi_kecelakaan') ?? $kecelakaan->rules->kondisi_kecelakaan }}" readonly>

                                    </div>
                                    <div class="mb-3 col-md-3">
                                        <label class="form-label">Kondisi Cahaya</label>
                                        <input type="text" class="form-control" name="kondisi_cahaya" value="{{ old('kondisi_cahaya') ?? $kecelakaan->rules->kondisi_cahaya }}" readonly>

                                    </div>
                                    <div class="mb-3 col-md-3">
                                        <label class="form-label">Bentuk Geometri</label>
                                        <input type="text" class="form-control" name="bentuk_geometri" value="{{ old('bentuk_geometri') ?? $kecelakaan->rules->bentuk_geometri }}" readonly>

                                    </div>
                                </div>
                                <hr>
                                <h4>Fungsi Keanggotaan</h4>
                                <table class="table mb-0">
                                    <thead>
                                        <tr>
                                            <th scope="col">#</th>
                                            <th scope="col">Variabel Input</th>
                                            <th scope="col">Nilai</th>
                                            <th scope="col">Fungsi Keanggotaan</th>
                                            <th scope="col">Nilai Keanggotaan </th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <th scope="row">1</th>
                                            <td>Waktu Kejadian</td>
                                            <td>{{ $kecelakaan->waktu_kejadian }}</td>
                                            <td>{{ $kecelakaan->rules->waktu_kejadian }}</td>
                                            <td>{{ $keanggotaan['waktu_kejadian'] }}</td>
                                        </tr>
                                        <tr>
                                            <th scope="row">2</th>
                                            <td>Kondisi Kecelakaan</td>
                                            <td>{{ $kecelakaan->kondisi_kecelakaan }}</td>
                                            <td>{{ $kecelakaan->rules->kondisi_kecelakaan }}</td>
                                            <td>{{ $keanggotaan['kondisi_kecelakaan'] }}</td>
                                        </tr>
                                        <tr>
                                            <th scope="row">3</th>
                                            <td>Kondisi Cahaya</td>
                                            <td>{{ $kecelakaan->kondisi_cahaya }}</td>
                                            <td>{{ $kecelakaan->rules->kondisi_cahaya }}</td>
                                            <td>{{ $keanggotaan['kondisi_cahaya'] }}</td>
                                        </tr>
                                        <tr>
                                            <th scope="row">4</th>
                                            <td>Bentuk Geometri</td>
                                            <td>{{ $kecelakaan->bentuk_geometri }}</td>
                                            <td>{{ $kecelakaan->rules->bentuk_geometri }}</td>
                                            <td>{{ $keanggotaan['bentuk_geometri'] }}</td>
                                        </tr>
                                    </tbody>
                                </table>
                                <hr>
                                <h4>Rules Yang Digunakan</h4>
                                <table class="table mb-0">
                                    <thead>
                                        <tr>
                                            <th scope="col">#</th>
                                            <th scope="col">Waktu Kejadian</th>
                                            <th scope="col">Kondisi Kecelakaan</th>
                                            <th scope="col">Kondisi Cahaya</th>
                                            <th scope="col">Bentuk Geometri </th>
                                            <th scope="col">Tingkat Kerawanan</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <th scope="row">1</th>
                                            <td>{{ $kecelakaan->rules->waktu_kejadian }}</td>
                                            <td>{{ $kecelakaan->rules->kondisi_kecelakaan }}</td>
                                            <td>{{ $kecelakaan->rules->kondisi_cahaya }}</td>
                                            <td>{{ $kecelakaan->rules->bentuk_geometri }}</td>
                                            <td>
                                                @if ($kecelakaan->rules->tingkat_kerawanan == 'Sangat Rawan')
                                                <span style="color: red;">{{ $kecelakaan->rules->tingkat_kerawanan }}</span>
                                                @elseif ($kecelakaan->rules->tingkat_kerawanan == 'Rawan')
                                                <span style="color: orange;">{{ $kecelakaan->rules->tingkat_kerawanan }}</span>
                                                @else
                                                <span style="color: green;">{{ $kecelakaan->rules->tingkat_kerawanan }}</span>
                                                @endif
                                            </td>

                                            <td></td>
                                        </tr>
                                    </tbody>
                                </table>
                                <hr>
                        </div>

                        <h4>Deffuzifikasi</h4>

                        <h6>Batas</h6>

                        <h6>Luas</h6>
                        <p>{{ $luasA1 }}</p>
                        <p>{{ $luasA2 }}</p>
                        <p>{{ $luasA3 }}</p>
                        <p>{{ Str::limit($luasA3, 5) }}</p>
                        <h6>Moment</h6>
                        <p>{{ $momentSatu }}</p>
                        <p>{{ $momentDua }}</p>
                        <p>{{ $momentTiga }}</p>
                        <h6>Deffuzifikasi</h6>
                        <div class="mb-3 col-md-12">
                            <input name="alamat" type="text" class="form-control" value="{{ $defuzzy }}" disabled>
                        </div>
                        <hr>
                        <h4>Tingkat Kerawanan</h4>
                        <div class="col-md-6">
                            @if ($kecelakaan->tingkat_kerawanan == 'Sangat Rawan')
                            <button type="button" class="btn btn-danger">Sangat Rawan</button>
                            @elseif ($kecelakaan->tingkat_kerawanan == 'Rawan')
                            <button type="button" class="btn btn-warning">Rawan</button>
                            @else
                            <button type="button" class="btn btn-info">Aman</button>
                            @endif
                        </div>
                        {{-- <p><button type="submit" class="btn btn-primary plus float-right">Simpan</button></p> --}}
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<script>
    var timepicker = new TimePicker('time', {
        lang: 'en',
        theme: 'dark'
    });
    timepicker.on('change', function(evt) {

        var value = (evt.hour || '00') + ':' + (evt.minute || '00');
        evt.element.value = value;

    });
</script>
<script src="https://cdn.jsdelivr.net/timepicker.js/latest/timepicker.min.js"></script>
<link href="https://cdn.jsdelivr.net/timepicker.js/latest/timepicker.min.css" rel="stylesheet" />
@endsection