@extends('layouts.headatmin')

@section('title', 'Aduan Pelanggan')

@section('content')
<div class="container-fluid ">
    <div class="card shadow mb-4">
        <div class="card-header d-flex justify-content-between py-3 ">
            <a href="#" 
                onclick="window.history.length > 1 ? history.back() : window.location.href='{{ route('pelanggan.index') }}';" 
                class="btn btn-secondary btn-icon-split" 
                data-bs-toggle="tooltip" 
                data-bs-placement="top">
                    <span class="icon text-white-50">
                        <i class="fas fa-arrow-left"></i>
                    </span>
                </a>

            <h5 class=" font-weight-bold d-flex justify-content-center align-items-center w-100">Detail aduan</h5>
        </div>
        <div class="container">
            <form action="{{ route('aduanpelanggan.update', $aduanPelanggan->id_aduan_pelanggan) }}" method="POST" enctype="multipart/form-data">
                @csrf
                @method('PUT')

                <div class="mb-3">
                    <label for="id_user" class="form-label">Pelanggan</label>
                    <select class="form-control" name="id_user" id="id_user" disabled>
                        @foreach($users as $id => $nama)
                        <option value="{{ $id }}" {{ old('id_user', $aduanPelanggan->id_user) == $id ? 'selected' : '' }}>{{ $nama }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="mb-3">
                    <label for="tanggal" class="form-label">Tanggal Aduan</label>
                    <input type="date" class="form-control" name="tanggal" id="tanggal" value="{{ old('tanggal', $aduanPelanggan->tanggal) }}" disabled>
                </div>

                <div class="mb-3">
                    <label for="keterangan" class="form-label">Keterangan</label>
                    <textarea class="form-control" name="keterangan" id="keterangan" rows="3" disabled>{{ old('keterangan', $aduanPelanggan->keterangan) }} </textarea>
                </div>

                <div class="mb-3">
                    <label for="masalah_lapangan" class="form-label">Masalah Lapangan</label>
                    <select class="form-control" name="masalah_lapangan" id="masalah_lapangan" required>
                        <option value="" disabled {{ old('masalah_lapangan', $aduanPelanggan->masalah_lapangan) ? '' : 'selected' }}>Pilih Masalah</option>
                        <option value="router" {{ old('masalah_lapangan', $aduanPelanggan->masalah_lapangan) == 'router' ? 'selected' : '' }}>Router</option>
                        <option value="jalur putus" {{ old('masalah_lapangan', $aduanPelanggan->masalah_lapangan) == 'jalur putus' ? 'selected' : '' }}>Jalur Putus</option>
                        <option value="sambungan kabel" {{ old('masalah_lapangan', $aduanPelanggan->masalah_lapangan) == 'sambungan kabel' ? 'selected' : '' }}>Sambungan Kabel</option>
                    </select>
                </div>

                <div class="mb-3">
                    <label for="status" class="form-label">Status</label>
                    <select class="form-control" name="status" id="status" required>
                        <option value="pending" {{ old('status', $aduanPelanggan->status) == 'pending' ? 'selected' : '' }}>Pending</option>
                        <option value="diproses" {{ old('status', $aduanPelanggan->status) == 'diproses' ? 'selected' : '' }}>Diproses</option>
                        <option value="selesai" {{ old('status', $aduanPelanggan->status) == 'selesai' ? 'selected' : '' }}>Selesai</option>
                    </select>
                </div>

                <!-- <div class="mb-3">
                    <label for="bukti" class="form-label">Bukti</label>
                    <input type="file" class="form-control" name="bukti" id="bukti" accept="image/*">
                    @if($aduanPelanggan->bukti)
                    <br><img src="{{ Storage::url($aduanPelanggan->bukti) }}" alt="Bukti Aduan" width="100">
                    @endif
                </div> -->
                <div class="form-group">
                    <!-- Preview Gambar -->
                    <div id="preview-container" class="mt-3">
                        @if($aduanPelanggan->bukti)
                        <img id="image-preview" src="{{ Storage::url($aduanPelanggan->bukti) }}" alt="Bukti Aduan"
                            alt="Preview" style="max-width: 200px; border-radius: 10px; margin-bottom: 10px;">
                        <p id="file-name" style="font-size: 14px; color: #555;"></p>
                        @endif
                    </div>
                </div>

            
                <div class="d-flex justify-content-center m-4">
                    <button type="submit" class="btn btn-warning">Update</button>

                </div>
            </form>


        </div>
    </div>
</div>
@endsection