@extends('layouts.app')

@section('content')
<div class="container-fluid">
    <h4 class="mb-4">Edit Pemesanan</h4>

    <form action="{{ route('admin.orders.update', $order->id) }}" method="POST">
        @csrf
        @method('PUT')

        <div class="mb-3">
            <label class="form-label">Nama Pengguna</label>
            <input type="text" class="form-control" value="{{ $order->user->name }}" disabled>
        </div>

        <div class="mb-3">
            <label class="form-label">Layanan</label>
            <input type="text" class="form-control" value="{{ $order->service->name }}" disabled>
        </div>

        {{-- Consolidated and moved "Status Pemesanan" here to match the screenshot --}}
        <div class="mb-3">
    <label for="custom-status-dropdown" class="form-label">Status Pemesanan <span class="text-danger">*</span></label>
    <div class="position-relative">
        <div id="custom-status-dropdown" class="form-control" tabindex="0">
            <span id="selected-status">{{ ucfirst(str_replace('_', ' ', $order->status)) }}</span>
            <i class="bi bi-chevron-down ms-2"></i>
        </div>
        <div id="status-options" class="card shadow-sm position-absolute mt-1 w-100" style="z-index: 1000; display: none;">
            <ul class="list-group list-group-flush">
                <li class="list-group-item status-option" data-value="pending">Pending</li>
                <li class="list-group-item status-option" data-value="in_progress">In Progress</li>
                <li class="list-group-item status-option" data-value="done">Done</li>
                <li class="list-group-item status-option" data-value="cancelled">Cancelled</li>
            </ul>
        </div>
        <input type="hidden" name="status" id="hidden-status" value="{{ $order->status }}">
        @error('status')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>
</div>
        <div class="mb-3">
            <label class="form-label">Jadwal</label>
            <input type="text" class="form-control" value="{{ \Carbon\Carbon::parse($order->schedule)->translatedFormat('d F Y') }}" disabled>
        </div>

        <div class="mb-3">
            <label class="form-label">Alamat</label>
            <textarea class="form-control" rows="3" disabled>{{ $order->address }}</textarea>
        </div>

        <div class="mb-3">
            <label for="technician_id" class="form-label">Teknisi</label>
            <select name="technician_id" id="technician_id"
                class="form-select @error('technician_id') is-invalid @enderror" {{-- Removed mb-3 class here as it's already in the div below --}}
                aria-label="Pilih Teknisi">
                <option value="">-- Pilih Teknisi --</option>
                @foreach ($technicians as $technician)
                    <option value="{{ $technician->id }}"
                        {{ old('technician_id', $order->technician_id) == $technician->id ? 'selected' : '' }}>
                        {{ $technician->name }}
                    </option>
                @endforeach
            </select>
            @error('technician_id')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        {{-- Removed the duplicate "Status Pemesanan" select element from here --}}

        <div class="d-flex justify-content-between">
            <a href="{{ route('admin.orders.index') }}" class="btn btn-secondary">Kembali</a>
            <button type="submit" class="btn btn-primary">Simpan Perubahan</button>
        </div>
    </form>
</div>
@endsection