@extends('buyer.layout')

@section('title')
<title>User Details</title>
@endsection

@section('frontend-content')

<!-- Main content  -->
<div class="container-fluid d-flex justify-content-center p-3">
    <div class="content-wrapper w-100">

        <div class="row">
            <main class=" col container-xxl-12">
                <div class="container-fluid bg-light d-flex justify-content-center p-3">
                    <div class="content-wrapper w-100">
                        <div class="container mt-5">
                            <div class="card p-4 shadow-sm">
                                <h2 class="text-center">User Profile</h2>
                                <form>
                                    <div class="d-none mb-3">
                                        <label for="user_id" class="form-label">User ID</label>
                                        <input type="text" class="form-control" id="user_id" name="user_id" required>
                                    </div>
                                    <div class="mb-3">
                                        <label for="username" class="form-label">User Name</label>
                                        <input type="text" class="form-control" id="username"
                                            placeholder="Enter your name" readonly>
                                    </div>
                                    <div class="mb-3">
                                        <label for="email" class="form-label">Email ID</label>
                                        <input type="email" class="form-control" id="email"
                                            placeholder="Enter your email" readonly>
                                    </div>
                                    <div class="mb-3">
                                        <label for="companyprofile" class="form-label">Company Profile</label>
                                        <input type="text" class="form-control" id="companyprofile"
                                            placeholder="Company Profile" readonly>
                                    </div>

                                    <div class="table-responsive d-none">
                                        <h4 class="mt-4">Order Details</h4>
                                        <table class="table table-bordered mt-3">
                                            <thead>
                                                <tr>
                                                    <th>Serial No</th>
                                                    <th>Product Name</th>
                                                    <th>Date</th>
                                                    <th>Status</th>
                                                    <th>Actions</th>
                                                </tr>
                                            </thead>
                                            <tbody id="orderTableBody">
                                                <tr>
                                                    <td contenteditable="true">1</td>
                                                    <td contenteditable="true">Product A</td>
                                                    <td contenteditable="true">17-02-2025</td>
                                                    <td contenteditable="true">Shipped</td>
                                                    <td><button class="btn btn-danger btn-sm"
                                                            onclick="deleteRow(this)">Delete</button></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        <button type="button" class="btn btn-success" onclick="addRow()">Add
                                            Row</button>
                                    </div>

                                </form>
                            </div>
                        </div>
                    </div>
                </div>
        </div>
    </div>
    </main>
</div>
</div>
@php
$user = Auth::user();
@endphp

@endsection