
<?php $__env->startSection('title', 'Isi Data Perangkat — ' . $ticket->ticket_code); ?>

<?php $__env->startPush('head'); ?>
<script src="https://cdn.jsdelivr.net/npm/signature_pad@4.1.7/dist/signature_pad.umd.min.js"></script>
<style>
    #sig-canvas { cursor: crosshair; touch-action: none; }
    button, label { touch-action: manipulation; }
</style>
<?php $__env->stopPush(); ?>

<?php $__env->startSection('content'); ?>
<div class="py-2">

    
    <div class="mb-5">
        <a href="<?php echo e(route('courier.pickup')); ?>" class="inline-flex items-center gap-1.5 text-sm text-gray-500 hover:text-brand-600 mb-2">
            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"/>
            </svg>
            Kembali ke daftar pickup
        </a>
        <h1 class="text-xl font-bold text-gray-800">Isi Data Perangkat</h1>
        <p class="text-sm text-gray-500 mt-0.5">Lengkapi data perangkat yang dijemput dari customer.</p>
    </div>

    
    <div class="rounded-2xl bg-purple-50 border border-purple-200 p-4 mb-5">
        <div class="flex items-start gap-3">
            <svg class="w-5 h-5 text-purple-500 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                      d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/>
            </svg>
            <div class="min-w-0 flex-1">
                <p class="text-xs font-semibold text-purple-700 uppercase tracking-wide mb-1"><?php echo e($ticket->ticket_code); ?> — Data Customer</p>
                <p class="font-semibold text-gray-800"><?php echo e($ticket->customer->name); ?></p>
                <?php if($ticket->customer->whatsapp): ?>
                <p class="text-sm text-gray-600 mt-0.5">WA: <?php echo e($ticket->customer->whatsapp); ?></p>
                <?php endif; ?>
                <?php if($ticket->customer->address): ?>
                <p class="text-sm text-gray-600 mt-0.5"><?php echo e($ticket->customer->address); ?></p>
                <?php endif; ?>
                <?php if($ticket->pickup_note): ?>
                <p class="text-sm text-purple-700 mt-1.5 p-2 bg-purple-100 rounded-lg">
                    <span class="font-medium">Catatan:</span> <?php echo e($ticket->pickup_note); ?>

                </p>
                <?php endif; ?>
            </div>
        </div>
    </div>

    <form method="POST" action="<?php echo e(route('courier.pickup.fill.save', $ticket->id)); ?>"
          enctype="multipart/form-data" id="fill-form" novalidate>
        <?php echo csrf_field(); ?>

        
        <div class="bg-white rounded-2xl shadow-sm border border-gray-100 p-5 mb-4">
            <h2 class="text-base font-semibold text-gray-700 mb-4 flex items-center gap-2">
                <span class="inline-flex items-center justify-center w-6 h-6 rounded-full bg-brand-600 text-white text-xs font-bold">1</span>
                Detail Perangkat
            </h2>

            <div class="space-y-4">
                
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-2">
                        Jenis Perangkat <span class="text-red-500">*</span>
                    </label>
                    <div class="grid grid-cols-3 gap-2">
                        <?php $__currentLoopData = $deviceTypes; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $type): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <label class="flex flex-col items-center gap-1.5 cursor-pointer rounded-xl border-2
                                      border-gray-200 p-3 text-center transition hover:border-brand-500
                                      has-[:checked]:border-brand-600 has-[:checked]:bg-brand-50">
                            <input type="radio" name="device_type" value="<?php echo e($type); ?>"
                                   class="sr-only" <?php echo e(old('device_type') === $type ? 'checked' : ''); ?>>
                            <?php if($type === 'Laptop'): ?>
                                <svg class="w-7 h-7 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8"
                                          d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
                                </svg>
                            <?php elseif($type === 'PC'): ?>
                                <svg class="w-7 h-7 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8"
                                          d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"/>
                                    <rect x="7" y="2" width="10" height="10" rx="1" stroke-width="1.8"/>
                                </svg>
                            <?php else: ?>
                                <svg class="w-7 h-7 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8"
                                          d="M17 17H7a2 2 0 01-2-2V5a2 2 0 012-2h10a2 2 0 012 2v10a2 2 0 01-2 2zM12 17v4m-4 0h8"/>
                                </svg>
                            <?php endif; ?>
                            <span class="text-xs font-medium text-gray-700"><?php echo e($type); ?></span>
                        </label>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>
                    <?php $__errorArgs = ['device_type'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?><p class="mt-1 text-xs text-red-500"><?php echo e($message); ?></p><?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                </div>

                
                <div>
                    <label for="brand" class="block text-sm font-medium text-gray-700 mb-1">Merek <span class="text-red-500">*</span></label>
                    <input type="text" id="brand" name="brand" value="<?php echo e(old('brand')); ?>"
                           placeholder="ASUS, HP, Canon, dll."
                           class="w-full rounded-xl border border-gray-300 px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-brand-500
                                  <?php $__errorArgs = ['brand'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> border-red-400 bg-red-50 <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>">
                    <?php $__errorArgs = ['brand'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?><p class="mt-1 text-xs text-red-500"><?php echo e($message); ?></p><?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                </div>

                
                <div>
                    <label for="model" class="block text-sm font-medium text-gray-700 mb-1">Tipe / Model <span class="text-red-500">*</span></label>
                    <input type="text" id="model" name="model" value="<?php echo e(old('model')); ?>"
                           placeholder="VivoBook 14, LaserJet Pro, dll."
                           class="w-full rounded-xl border border-gray-300 px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-brand-500
                                  <?php $__errorArgs = ['model'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> border-red-400 bg-red-50 <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>">
                    <?php $__errorArgs = ['model'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?><p class="mt-1 text-xs text-red-500"><?php echo e($message); ?></p><?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                </div>

                
                <div>
                    <label for="serial_number" class="block text-sm font-medium text-gray-700 mb-1">Serial Number <span class="text-xs font-normal text-gray-400">(opsional)</span></label>
                    <input type="text" id="serial_number" name="serial_number" value="<?php echo e(old('serial_number')); ?>"
                           placeholder="Opsional"
                           class="w-full rounded-xl border border-gray-300 px-4 py-2.5 text-sm font-mono focus:outline-none focus:ring-2 focus:ring-brand-500">
                </div>

                
                <div>
                    <label for="problem_desc" class="block text-sm font-medium text-gray-700 mb-1">Keluhan / Deskripsi Masalah <span class="text-red-500">*</span></label>
                    <textarea id="problem_desc" name="problem_desc" rows="3"
                              placeholder="Ceritakan kerusakan atau keluhan perangkat…"
                              class="w-full rounded-xl border border-gray-300 px-4 py-2.5 text-sm resize-none focus:outline-none focus:ring-2 focus:ring-brand-500
                                     <?php $__errorArgs = ['problem_desc'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> border-red-400 bg-red-50 <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>"><?php echo e(old('problem_desc', $ticket->pickup_note)); ?></textarea>
                    <?php $__errorArgs = ['problem_desc'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?><p class="mt-1 text-xs text-red-500"><?php echo e($message); ?></p><?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                </div>

                
                <div>
                    <label for="physical_condition" class="block text-sm font-medium text-gray-700 mb-1">
                        Kondisi Fisik <span class="text-xs font-normal text-gray-400">(opsional)</span>
                    </label>
                    <textarea id="physical_condition" name="physical_condition" rows="2"
                              placeholder="Goresan, penyok, retakan yang sudah ada sebelum servis…"
                              class="w-full rounded-xl border border-gray-300 px-4 py-2.5 text-sm resize-none focus:outline-none focus:ring-2 focus:ring-brand-500"><?php echo e(old('physical_condition')); ?></textarea>
                </div>

                
                <div>
                    <label for="device_password" class="block text-sm font-medium text-gray-700 mb-1">
                        Password / PIN <span class="text-xs font-normal text-gray-400">(opsional)</span>
                    </label>
                    <input type="text" id="device_password" name="device_password" value="<?php echo e(old('device_password')); ?>"
                           placeholder="Jika diperlukan untuk servis"
                           autocomplete="off"
                           class="w-full rounded-xl border border-gray-300 px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-brand-500">
                </div>
            </div>
        </div>

        
        <div class="bg-white rounded-2xl shadow-sm border border-gray-100 p-5 mb-4">
            <h2 class="text-base font-semibold text-gray-700 mb-1 flex items-center gap-2">
                <span class="inline-flex items-center justify-center w-6 h-6 rounded-full bg-brand-600 text-white text-xs font-bold">2</span>
                Kelengkapan yang Diserahkan
            </h2>
            <p class="text-xs text-gray-400 mb-4 pl-8">Centang aksesori yang ikut diserahkan oleh customer.</p>
            <?php
            $accOptions = [
                ['label' => 'Charger / Adaptor', 'icon' => '🔌'],
                ['label' => 'Kabel Power',        'icon' => '🔋'],
                ['label' => 'Tas / Softcase',     'icon' => '👜'],
                ['label' => 'Mouse',              'icon' => '🖱️'],
                ['label' => 'Keyboard',           'icon' => '⌨️'],
                ['label' => 'Baterai Eksternal',  'icon' => '🔋'],
                ['label' => 'Stylus / Pen',       'icon' => '✏️'],
                ['label' => 'Memori / Flashdisk', 'icon' => '💾'],
                ['label' => 'CD / DVD',           'icon' => '💿'],
            ];
            ?>
            <div class="grid grid-cols-2 gap-2 mb-3">
                <?php $__currentLoopData = $accOptions; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $acc): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                <label class="flex items-center gap-2.5 rounded-xl border border-gray-200 px-3 py-2.5 cursor-pointer transition
                              hover:border-brand-400 hover:bg-brand-50 has-[:checked]:border-brand-500 has-[:checked]:bg-brand-50">
                    <input type="checkbox" name="accessories[]" value="<?php echo e($acc['label']); ?>"
                           class="w-4 h-4 rounded accent-blue-600 flex-shrink-0"
                           <?php echo e(is_array(old('accessories')) && in_array($acc['label'], old('accessories')) ? 'checked' : ''); ?>>
                    <span class="text-sm text-gray-700 leading-tight"><?php echo e($acc['icon']); ?> <?php echo e($acc['label']); ?></span>
                </label>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
            <label class="flex items-start gap-2.5 rounded-xl border border-gray-200 px-3 py-2.5 cursor-pointer transition
                          hover:border-brand-400 hover:bg-brand-50 has-[:checked]:border-brand-500 has-[:checked]:bg-brand-50">
                <input type="checkbox" id="acc_other_chk" class="w-4 h-4 rounded accent-blue-600 flex-shrink-0 mt-0.5"
                       <?php echo e(old('accessories_other') ? 'checked' : ''); ?>>
                <div class="flex-1">
                    <span class="text-sm text-gray-700">✏️ Lain-lain</span>
                    <input type="text" id="acc_other_text" name="accessories_other"
                           value="<?php echo e(old('accessories_other')); ?>"
                           placeholder="Sebutkan aksesori lainnya…"
                           class="mt-1.5 w-full rounded-lg border border-gray-300 px-3 py-1.5 text-sm focus:outline-none focus:ring-2 focus:ring-brand-500
                                  <?php echo e(old('accessories_other') ? '' : 'hidden'); ?>"
                           onclick="event.stopPropagation()">
                </div>
            </label>
        </div>

        
        <div class="bg-white rounded-2xl shadow-sm border border-gray-100 p-5 mb-4">
            <h2 class="text-base font-semibold text-gray-700 mb-1 flex items-center gap-2">
                <span class="inline-flex items-center justify-center w-6 h-6 rounded-full bg-brand-600 text-white text-xs font-bold">3</span>
                Foto Barang
            </h2>
            <p class="text-xs text-gray-400 mb-4 pl-8">Foto kondisi perangkat saat dijemput. Maks. 5 MB.</p>
            <label id="photo-label" for="photo_entry"
                   class="flex flex-col items-center justify-center gap-2 border-2 border-dashed border-gray-300
                          rounded-xl p-6 cursor-pointer transition hover:border-brand-500 hover:bg-brand-50">
                <svg id="camera-icon" class="w-10 h-10 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"
                          d="M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z"/>
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15 13a3 3 0 11-6 0 3 3 0 016 0z"/>
                </svg>
                <img id="photo-preview" src="#" alt="Preview" class="hidden max-h-48 rounded-lg object-contain">
                <span id="photo-label-text" class="text-sm text-gray-500">Ketuk untuk ambil foto atau pilih dari galeri</span>
                <input type="file" id="photo_entry" name="photo_entry" accept="image/*" capture="camera" class="sr-only">
            </label>
            <button type="button" id="btn-remove-photo" class="hidden mt-2 w-full text-xs text-red-500 hover:text-red-700 py-1">
                ✕ Hapus foto
            </button>
            <?php $__errorArgs = ['photo_entry'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?><p class="mt-1 text-xs text-red-500"><?php echo e($message); ?></p><?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
        </div>

        
        <div class="bg-white rounded-2xl shadow-sm border border-gray-100 p-5 mb-5">
            <h2 class="text-base font-semibold text-gray-700 mb-1 flex items-center gap-2">
                <span class="inline-flex items-center justify-center w-6 h-6 rounded-full bg-brand-600 text-white text-xs font-bold">4</span>
                Tanda Tangan Customer
            </h2>
            <p class="text-xs text-gray-400 mb-3 pl-8">Minta customer tanda tangan sebagai bukti serah terima perangkat.</p>
            <div class="border-2 border-gray-200 rounded-xl overflow-hidden bg-gray-50 relative">
                <canvas id="sig-canvas" class="w-full block" height="180"></canvas>
                <span id="sig-hint" class="absolute inset-0 flex items-center justify-center text-gray-300 text-sm pointer-events-none select-none">
                    Tanda tangan di sini
                </span>
            </div>
            <div class="flex gap-2 mt-2">
                <button type="button" id="btn-clear-sig"
                        class="flex-1 text-sm text-gray-600 border border-gray-300 rounded-xl py-2 hover:bg-gray-50">
                    Ulangi
                </button>
                <button type="button" id="btn-undo-sig"
                        class="flex-1 text-sm text-gray-600 border border-gray-300 rounded-xl py-2 hover:bg-gray-50">
                    Undo
                </button>
            </div>
            <input type="hidden" name="sig_entry" id="sig_entry_input">
        </div>

        
        <button type="submit" id="btn-submit"
                class="w-full bg-brand-600 hover:bg-brand-700 text-white font-semibold text-base
                       rounded-2xl py-4 transition shadow-md shadow-brand-100
                       flex items-center justify-center gap-2">
            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                      d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/>
            </svg>
            Konfirmasi Pickup & Simpan Data
        </button>

    </form>
</div>
<?php $__env->stopSection(); ?>

<?php $__env->startPush('scripts'); ?>
<script>
// Photo preview
(function () {
    const input = document.getElementById('photo_entry');
    const preview = document.getElementById('photo-preview');
    const icon = document.getElementById('camera-icon');
    const labelText = document.getElementById('photo-label-text');
    const btnRemove = document.getElementById('btn-remove-photo');

    input.addEventListener('change', function () {
        const file = this.files[0];
        if (!file) return;
        const reader = new FileReader();
        reader.onload = (e) => {
            preview.src = e.target.result;
            preview.classList.remove('hidden');
            icon.classList.add('hidden');
            labelText.textContent = file.name;
            btnRemove.classList.remove('hidden');
        };
        reader.readAsDataURL(file);
    });
    btnRemove.addEventListener('click', function () {
        input.value = '';
        preview.src = '#';
        preview.classList.add('hidden');
        icon.classList.remove('hidden');
        labelText.textContent = 'Ketuk untuk ambil foto atau pilih dari galeri';
        btnRemove.classList.add('hidden');
    });
})();

// Signature pad
(function () {
    const canvas = document.getElementById('sig-canvas');
    const hint = document.getElementById('sig-hint');
    const hidden = document.getElementById('sig_entry_input');
    const btnClear = document.getElementById('btn-clear-sig');
    const btnUndo = document.getElementById('btn-undo-sig');

    function resizeCanvas() {
        const ratio = Math.max(window.devicePixelRatio || 1, 1);
        canvas.width = canvas.offsetWidth * ratio;
        canvas.height = 180 * ratio;
        canvas.getContext('2d').scale(ratio, ratio);
        signaturePad.clear();
    }

    const signaturePad = new SignaturePad(canvas, {
        backgroundColor: 'rgba(255,255,255,0)',
        penColor: '#1e3a5f',
        minWidth: 1.5, maxWidth: 3,
    });

    signaturePad.addEventListener('beginStroke', () => hint.classList.add('hidden'));
    signaturePad.addEventListener('endStroke', () => {
        if (signaturePad.isEmpty()) hint.classList.remove('hidden');
    });

    btnClear.addEventListener('click', () => { signaturePad.clear(); hidden.value = ''; hint.classList.remove('hidden'); });
    btnUndo.addEventListener('click', () => {
        const data = signaturePad.toData();
        if (data.length > 0) { data.pop(); signaturePad.fromData(data); }
        if (signaturePad.isEmpty()) hint.classList.remove('hidden');
    });

    window.addEventListener('resize', resizeCanvas);
    resizeCanvas();

    document.getElementById('fill-form').addEventListener('submit', function (e) {
        if (!signaturePad.isEmpty()) {
            hidden.value = signaturePad.toDataURL('image/png');
        }

        const deviceType = document.querySelector('input[name="device_type"]:checked');
        const brand = document.getElementById('brand').value.trim();
        const model = document.getElementById('model').value.trim();
        const problem = document.getElementById('problem_desc').value.trim();

        if (!deviceType || !brand || !model || !problem) {
            e.preventDefault();
            alert('Harap isi Jenis Perangkat, Merek, Tipe/Model, dan Keluhan.');
            return;
        }

        const btn = document.getElementById('btn-submit');
        btn.disabled = true;
        btn.innerHTML = `<svg class="w-5 h-5 animate-spin" fill="none" viewBox="0 0 24 24">
            <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"/>
            <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z"/>
        </svg> Menyimpan…`;
    });
})();

// Aksesori lain-lain toggle
(function () {
    const chk = document.getElementById('acc_other_chk');
    const input = document.getElementById('acc_other_text');
    if (!chk || !input) return;
    chk.addEventListener('change', () => {
        input.classList.toggle('hidden', !chk.checked);
        if (chk.checked) input.focus();
        else input.value = '';
    });
})();
</script>
<?php $__env->stopPush(); ?>

<?php echo $__env->make('layouts.courier', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\laragon\www\Service-sistem\resources\views/courier/fill.blade.php ENDPATH**/ ?>