@extends('layouts.master')
@section('title', 'Edit Peranti')

@section('content')
<div class="row">
    <div class="col-lg-8">
        <div class="card">
            <div class="card-header"><h3 class="card-title">Edit Peranti</h3></div>
            <div class="card-body">
                <form method="POST" action="{{ route('devices.update', $device) }}">
                    @csrf @method('PUT')
                    <div class="mb-3">
                        <label class="form-label">Pelanggan <span class="text-danger">*</span></label>
                        <select name="customer_id" class="form-select @error('customer_id') is-invalid @enderror" required>
                            @foreach($customers as $customer)
                            <option value="{{ $customer->id }}" {{ old('customer_id', $device->customer_id) == $customer->id ? 'selected' : '' }}>{{ $customer->name }}</option>
                            @endforeach
                        </select>
                        @error('customer_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Jenis Peranti <span class="text-danger">*</span></label>
                        <select name="type" class="form-select @error('type') is-invalid @enderror" required>
                            <option value="Laptop" {{ old('type', $device->type) == 'Laptop' ? 'selected' : '' }}>Laptop</option>
                            <option value="Printer" {{ old('type', $device->type) == 'Printer' ? 'selected' : '' }}>Printer</option>
                            <option value="Desktop PC" {{ old('type', $device->type) == 'Desktop PC' ? 'selected' : '' }}>Desktop PC</option>
                            <option value="Tablet" {{ old('type', $device->type) == 'Tablet' ? 'selected' : '' }}>Tablet</option>
                            <option value="Smartphone" {{ old('type', $device->type) == 'Smartphone' ? 'selected' : '' }}>Smartphone</option>
                            <option value="Monitor" {{ old('type', $device->type) == 'Monitor' ? 'selected' : '' }}>Monitor</option>
                            <option value="Lain-Lain" {{ old('type', $device->type) == 'Lain-Lain' ? 'selected' : '' }}>Lain-Lain</option>
                        </select>
                        @error('type')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="row">
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label class="form-label">Jenama <span class="text-danger">*</span></label>
                                <select name="brand_id" class="form-select @error('brand_id') is-invalid @enderror" id="brandSelect">
                                    <option value="">-- Pilih Jenama --</option>
                                    @foreach($brands as $brand)
                                    <option value="{{ $brand->id }}" {{ old('brand_id', $device->brand_id) == $brand->id ? 'selected' : '' }}>{{ $brand->name }}</option>
                                    @endforeach
                                    <option value="__other__">Lain-lain</option>
                                </select>
                                @error('brand_id')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                            <div class="mb-3" id="brandManual" style="display:{{ !$device->brand_id ? 'block' : 'none' }}">
                                <label class="form-label">Jenama (Manual)</label>
                                <input type="text" name="brand" class="form-control" value="{{ old('brand', $device->brand) }}" placeholder="Taip jenama...">
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="mb-3">
                                <label class="form-label">Model</label>
                                <input type="text" name="model" class="form-control @error('model') is-invalid @enderror" value="{{ old('model', $device->model) }}" placeholder="Cth: Latitude 7490">
                                @error('model')<div class="invalid-feedback">{{ $message }}</div>@enderror
                            </div>
                        </div>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">No. Siri</label>
                        <input type="text" name="serial_number" class="form-control @error('serial_number') is-invalid @enderror" value="{{ old('serial_number', $device->serial_number) }}">
                        @error('serial_number')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Masalah / Aduan</label>
                        <textarea name="issue_description" class="form-control @error('issue_description') is-invalid @enderror" rows="2">{{ old('issue_description', $device->issue_description) }}</textarea>
                        @error('issue_description')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Aksesori Disertakan</label>
                        <input type="text" name="accessories" class="form-control @error('accessories') is-invalid @enderror" value="{{ old('accessories', $device->accessories) }}">
                        @error('accessories')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Nota Kondisi</label>
                        <textarea name="condition_notes" class="form-control @error('condition_notes') is-invalid @enderror" rows="2">{{ old('condition_notes', $device->condition_notes) }}</textarea>
                        @error('condition_notes')<div class="invalid-feedback">{{ $message }}</div>@enderror
                    </div>
                    <div class="form-footer">
                        <button type="submit" class="btn btn-primary">
                            <i class="ti ti-device-floppy me-1"></i>Simpan
                        </button>
                        <a href="{{ route('devices.index') }}" class="btn btn-outline-secondary ms-2">Batal</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
document.getElementById('brandSelect').addEventListener('change', function() {
    document.getElementById('brandManual').style.display = this.value === '__other__' ? 'block' : 'none';
});
</script>
@endpush