@extends('layouts.app')

@section('content')
<div class="container-fluid">
    <div class="mb-4">
        <h2>Pengaturan Tarif Upah</h2>
        <p class="text-muted">Kelola tarif upah default dan tarif khusus per karyawan</p>
    </div>

    @if(session('success'))
        <div class="alert alert-success alert-dismissible fade show" role="alert">
            {{ session('success') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    <!-- Default Wage Rule -->
    <div class="card mb-4">
        <div class="card-header bg-primary text-white">
            <h5 class="mb-0"><i class="fas fa-cog"></i> Pengaturan Upah Default</h5>
        </div>
        <div class="card-body">
            <form action="{{ route('wage-rules.update-default') }}" method="POST">
                @csrf
                <div class="row">
                    <div class="col-md-6 mb-3">
                        <label class="form-label">Tipe Upah Default</label>
                        <input type="text" name="tipe_upah_default" class="form-control" value="{{ old('tipe_upah_default', $defaultRule->tipe_upah_default ?? 'Per Volume (m3)') }}" required>
                    </div>
                    
                    <div class="col-md-6 mb-3">
                        <label class="form-label">Tarif Default (Rp per m³)</label>
                        <input type="number" name="tarif_default" class="form-control" value="{{ old('tarif_default', $defaultRule->tarif_default ?? 0) }}" step="0.01" min="0" required>
                    </div>

                    <div class="col-md-6 mb-3">
                        <label class="form-label">Minimum Bayar (Rp)</label>
                        <input type="number" name="minimum_bayar" class="form-control" value="{{ old('minimum_bayar', $defaultRule->minimum_bayar ?? 0) }}" step="0.01" min="0">
                        <small class="text-muted">Upah minimum yang dibayarkan (opsional)</small>
                    </div>

                    <div class="col-md-6 mb-3">
                        <label class="form-label">Pembulatan Volume</label>
                        <input type="number" name="pembulatan_volume" class="form-control" value="{{ old('pembulatan_volume', $defaultRule->pembulatan_volume ?? 4) }}" min="0" max="10" required>
                        <small class="text-muted">Jumlah desimal untuk pembulatan volume</small>
                    </div>

                    <div class="col-md-12 mb-3">
                        <div class="form-check form-switch">
                            <input class="form-check-input" type="checkbox" name="split_mode_bagi_rata" id="split_mode" value="1" {{ old('split_mode_bagi_rata', $defaultRule->split_mode_bagi_rata ?? true) ? 'checked' : '' }}>
                            <label class="form-check-label" for="split_mode">
                                <strong>Split Mode - Bagi Rata Upah</strong><br>
                                <small class="text-muted">Jika diaktifkan, upah akan dibagi rata berdasarkan jumlah pekerja</small>
                            </label>
                        </div>
                    </div>
                </div>

                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-save"></i> Simpan Pengaturan Default
                </button>
            </form>
        </div>
    </div>

    <!-- Employee Specific Rules -->
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h5 class="mb-0"><i class="fas fa-users"></i> Tarif Upah Khusus Per Karyawan</h5>
            <a href="{{ route('wage-rules.create-employee') }}" class="btn btn-sm btn-success">
                <i class="fas fa-plus"></i> Tambah Tarif Karyawan
            </a>
        </div>
        <div class="card-body">
            @if($employeeRules->count() > 0)
            <div class="table-responsive">
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th>Nama Karyawan</th>
                            <th>Tipe Upah</th>
                            <th>Tarif (Rp)</th>
                            <th>Status</th>
                            <th width="150">Aksi</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($employeeRules as $rule)
                        <tr>
                            <td>{{ $rule->employee->nama_karyawan }}</td>
                            <td>{{ $rule->tipe_upah }}</td>
                            <td>Rp {{ number_format($rule->tarif, 0, ',', '.') }}</td>
                            <td>
                                @if($rule->aktif)
                                    <span class="badge bg-success">Aktif</span>
                                @else
                                    <span class="badge bg-secondary">Nonaktif</span>
                                @endif
                            </td>
                            <td>
                                <a href="{{ route('wage-rules.edit-employee', $rule) }}" class="btn btn-sm btn-warning">
                                    <i class="fas fa-edit"></i>
                                </a>
                                <form action="{{ route('wage-rules.destroy-employee', $rule) }}" method="POST" class="d-inline" onsubmit="return confirm('Yakin ingin menghapus tarif ini?')">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-sm btn-danger">
                                        <i class="fas fa-trash"></i>
                                    </button>
                                </form>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            @else
            <div class="text-center py-4">
                <i class="fas fa-inbox fa-3x text-muted mb-3"></i>
                <p class="text-muted">Belum ada tarif khusus untuk karyawan.</p>
                <a href="{{ route('wage-rules.create-employee') }}" class="btn btn-primary">
                    <i class="fas fa-plus"></i> Tambah Tarif Karyawan
                </a>
            </div>
            @endif
        </div>
    </div>

    <!-- Info Box -->
    <div class="alert alert-info mt-4">
        <h6><i class="fas fa-info-circle"></i> Cara Kerja Perhitungan Upah:</h6>
        <ul class="mb-0">
            <li>Jika karyawan memiliki <strong>tarif khusus</strong> dan statusnya aktif, maka menggunakan tarif tersebut</li>
            <li>Jika tidak ada tarif khusus, maka menggunakan <strong>tarif default</strong></li>
            <li>Rumus: <code>Upah = Volume (m³) × Tarif</code></li>
            <li>Jika <strong>Split Mode aktif</strong> dan ada lebih dari 1 pekerja: <code>Upah = (Volume × Tarif) ÷ Jumlah Pekerja</code></li>
        </ul>
    </div>
</div>
@endsection