@extends('layouts.app')

@section('content')
<div class="container py-5">
    <div class="row justify-content-center">
        <div class="col-md-6">
            <div class="card shadow-lg border-0 rounded-4">
                <div class="card-body p-4">
                    <h3 class="text-center mb-4 fw-bold"><i class="bi bi-truck me-2 text-success"></i>Cek Status Pengiriman</h3>
                    <form id="cekStatusForm">
                        <div class="mb-3">
                            <label for="orderId" class="form-label">Masukkan ID Pesanan Anda</label>
                            <input type="text" class="form-control" id="orderId" name="id" placeholder="Contoh: 1">
                        </div>
                        <button type="submit" class="btn btn-success w-100">Cek Status</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
document.getElementById('cekStatusForm').addEventListener('submit', function(e) {
    e.preventDefault();
    var id = document.getElementById('orderId').value;
    if(id) {
        window.location.href = '/order/status/' + id;
    }
});
</script>
@endsection