@extends('layouts.app')

@section('title', 'Tambah Keluhan Baru')

@section('content')
<div class="card">
    <div class="card-header">Form Pengajuan Keluhan</div>
    <div class="card-body">
        <form action="{{ route('complaints.store') }}" method="POST">
            @csrf
            <div class="row">
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="customer_id" class="form-label">Pelanggan</label>
                        <select class="form-select" id="customer_id" name="customer_id" required>
                            <option value="">Pilih Pelanggan</option>
                            @foreach($customers as $customer)
                            <option value="{{ $customer->id }}">{{ $customer->name }} - {{ $customer->address }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="mb-3">
                        <label for="category_id" class="form-label">Kategori Keluhan</label>
                        <select class="form-select" id="category_id" name="category_id" required>
                            <option value="">Pilih Kategori</option>
                            @foreach($categories as $category)
                            <option value="{{ $category->id }}" data-weight="{{ $category->weight }}">
                                {{ $category->name }} (Bobot: {{ $category->weight }})
                            </option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="mb-3">
                        <label for="description" class="form-label">Deskripsi Keluhan</label>
                        <textarea class="form-control" id="description" name="description" rows="3" required></textarea>
                    </div>
                    <div class="mb-3">
                        <label for="notes" class="form-label">Catatan Tambahan</label>
                        <textarea class="form-control" id="notes" name="notes" rows="2"></textarea>
                    </div>
                </div>
            </div>
            <button type="submit" class="btn btn-primary">Ajukan Keluhan</button>
            <a href="{{ route('complaints.index') }}" class="btn btn-secondary">Batal</a>
        </form>
    </div>
</div>
@endsection