@extends('layouts.admin')
@section('title', 'Edit Rate Matrix')
@section('page_title', 'Edit Rate Matrix')
@section('breadcrumb')
    <li><a href="{{ route('admin.detail-tipe-kendaraan.index') }}">Rate Matrix</a></li>
    <li class="active">Edit</li>
@endsection
@section('content')
<div class="row">
    <div class="col-md-8 m-b-3">
        <div class="card">
            <div class="card-header">
                <h4 class="text-black">Edit Rate Matrix</h4>
            </div>
            <div class="card-body">
                <form method="POST" action="{{ route('admin.detail-tipe-kendaraan.update', $detailTipeKendaraan) }}">
                    @csrf @method('PUT')
                    <div class="form-group">
                        <label>Jenis Kendaraan *</label>
                        <select name="id_jenis_kendaraan" class="form-control select2" required>
                            @foreach($jenisKendraans as $tk)
                                <option value="{{ $tk->id_jenis_kendaraan }}" {{ $detailTipeKendaraan->id_jenis_kendaraan == $tk->id_jenis_kendaraan ? 'selected' : '' }}>{{ $tk->nama_jenis_kendaraan }} ({{ $tk->kategori_tipe }})</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="form-group">
                        <label>Lokasi Muat *</label>
                        <select name="lokasi_muat" class="form-control" required>
                            <option value="PIT" {{ $detailTipeKendaraan->lokasi_muat == 'PIT' ? 'selected' : '' }}>PIT</option>
                            <option value="STOCKROOM" {{ $detailTipeKendaraan->lokasi_muat == 'STOCKROOM' ? 'selected' : '' }}>STOCKROOM</option>
                        </select>
                    </div>

                    <div class="alert alert-info">
                        <h5><i class="fa fa-truck"></i> Ongkos Supir</h5>
                        <div class="form-group">
                            <label>Rate per Ton (Rp) *</label>
                            <input type="number" step="0.01" name="rate_per_ton" class="form-control"
                                value="{{ old('rate_per_ton', $detailTipeKendaraan->rate_per_ton) }}"
                                placeholder="contoh: 20000" required>
                            <small class="text-muted">Ongkos supir dihitung: tonase bersih × rate per ton.</small>
                        </div>
                    </div>

                    <div class="alert alert-info">
                        <h5><i class="fa fa-tint"></i> Fuel</h5>
                        <div class="row">
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Target Tonase Fuel (ton) *</label>
                                    <input type="number" step="0.1" name="target_tonase_fuel" class="form-control"
                                        value="{{ old('target_tonase_fuel', $detailTipeKendaraan->target_tonase_fuel) }}"
                                        required>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Fuel Ratio (L/ton) *</label>
                                    <input type="number" step="0.01" name="fuel_ratio" class="form-control"
                                        value="{{ old('fuel_ratio', $detailTipeKendaraan->fuel_ratio) }}"
                                        required>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <div class="form-group">
                                    <label>Jatah Fuel Base (L) *</label>
                                    <input type="number" step="0.01" name="jatah_fuel_base" class="form-control"
                                        value="{{ old('jatah_fuel_base', $detailTipeKendaraan->jatah_fuel_base) }}"
                                        required>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="alert alert-warning">
                        <h5><i class="fa fa-gift"></i> Bonus Tonase</h5>
                        <p class="text-muted" style="font-size:12px;margin-bottom:12px">
                            <em>Isi 0 jika jenis kendaraan ini <strong>tidak mendapat bonus</strong> tonase.</em>
                        </p>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Minimum Muatan untuk Bonus (ton)</label>
                                    <input type="number" step="0.001" name="minimum_muatan" class="form-control"
                                        value="{{ old('minimum_muatan', $detailTipeKendaraan->minimum_muatan ?? 0) }}"
                                        placeholder="contoh: 50">
                                    <small class="text-muted">Tonase di <strong>atas</strong> nilai ini mendapat bonus. Isi 0 = tanpa bonus tonase.</small>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label>Bonus per Ton (Rp)</label>
                                    <input type="number" step="0.01" name="bonus_per_ton" class="form-control"
                                        value="{{ old('bonus_per_ton', $detailTipeKendaraan->bonus_per_ton ?? 0) }}"
                                        placeholder="contoh: 5000">
                                    <small class="text-muted">Rate bonus per ton di atas target. Kosongkan = tidak dapat bonus.</small>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <button type="submit" class="btn btn-primary"><i class="fa fa-save"></i> Update</button>
                        <a href="{{ route('admin.detail-tipe-kendaraan.index') }}" class="btn btn-default">Batal</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@push('js')
<script>
$(document).ready(function() {
    $('.select2').select2();
});
</script>
@endpush