@extends('layouts.admin')
@section('title', 'Tambah Rate Matrix')
@section('page_title', 'Tambah Rate Matrix')
@section('breadcrumb')
    <li><a href="{{ route('admin.detail-tipe-kendaraan.index') }}">Rate Matrix</a></li>
    <li class="active">Tambah</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">Form Rate Matrix</h4>
            </div>
            <div class="card-body">
                @if(session('error'))
                    <div class="alert alert-danger">{{ session('error') }}</div>
                @endif
                <form method="POST" action="{{ route('admin.detail-tipe-kendaraan.store') }}" id="ratemtx-form">
                    @csrf
                    <div class="form-group">
                        <label>Jenis Kendaraan *</label>
                        <select name="id_jenis_kendaraan" class="form-control select2" required>
                            <option value="">-- Pilih --</option>
                            @foreach($jenisKendraans as $tk)
                                <option value="{{ $tk->id_jenis_kendaraan }}" {{ old('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="">-- Pilih --</option>
                            <option value="PIT" {{ old('lokasi_muat') == 'PIT' ? 'selected' : '' }}>PIT</option>
                            <option value="STOCKROOM" {{ old('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', 20000) }}"
                                placeholder="contoh: 20000" required>
                            <small class="text-muted">Ongkos supir dihitung: tonase bersih × rate per ton.</small>
                        </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>Kosongkan (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', 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', 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="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', 31) }}" 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', 6.0) }}" 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', 200) }}" required>
                                </div>
                            </div>
                        </div>
                    </div>

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

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

    $('#btn-save-ratemtx').on('click', function() {
        var jenis = $('[name="id_jenis_kendaraan"]').val();
        var lokasi = $('[name="lokasi_muat"]').val();
        var rate = $('[name="rate_per_ton"]').val();

        if (!jenis) {
            Swal.fire({ icon: 'warning', title: 'Data Belum Lengkap', text: 'Pilih Jenis Kendaraan.', confirmButtonText: 'OK', confirmButtonColor: '#f0ad4e' });
            return;
        }
        if (!lokasi) {
            Swal.fire({ icon: 'warning', title: 'Data Belum Lengkap', text: 'Pilih Lokasi Muat.', confirmButtonText: 'OK', confirmButtonColor: '#f0ad4e' });
            return;
        }
        if (!rate || parseFloat(rate) <= 0) {
            Swal.fire({ icon: 'warning', title: 'Data Belum Lengkap', text: 'Rate per Ton wajib diisi.', confirmButtonText: 'OK', confirmButtonColor: '#f0ad4e' });
            return;
        }

        var jenisText = $('[name="id_jenis_kendaraan"] option:selected').text();
        Swal.fire({
            title: 'Simpan Rate Matrix?',
            html: '<strong>Jenis:</strong> ' + jenisText + '<br>' +
                  '<strong>Lokasi:</strong> ' + lokasi + '<br>' +
                  '<strong>Rate:</strong> Rp ' + parseFloat(rate).toLocaleString('id-ID') + '/ton',
            icon: 'question',
            showCancelButton: true,
            confirmButtonText: '<i class="fa fa-save"></i> Ya, Simpan',
            cancelButtonText: 'Batal',
            confirmButtonColor: '#007bff',
            cancelButtonColor: '#6c757d',
            reverseButtons: true,
        }).then((result) => {
            if (result.isConfirmed) {
                $('#ratemtx-form').submit();
            }
        });
    });

    @if(session('success'))
        Swal.fire({ icon: 'success', title: 'Berhasil!', text: '{{ session('success') }}', confirmButtonText: 'OK', confirmButtonColor: '#28a745', timer: 4000, timerProgressBar: true });
    @endif
    @if(session('error'))
        Swal.fire({ icon: 'error', title: 'Gagal', text: '{{ session('error') }}', confirmButtonText: 'OK', confirmButtonColor: '#dc3545' });
    @endif
});
</script>
<style>
.tablet-btn { font-size: 16px !important; padding: 12px 24px !important; border-radius: 8px !important; height: auto !important; }
</style>
@endpush