{{>header}}
<style>
    .is-invalid {
        border: 2px solid red;
    }
</style>
<title>Refund Request</title>
<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="card card-primary card-outline mt-3">
                    <div class="card-header" style="background-color: white; color:Black;">
                        <h4><b style="background-color: white; color:#4B0F77;">Refund Request Details</b></h4>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-header p-2">
                        {{!-- <div class="form-group">
                            <label class="mb-0 mr-2 text-dark"></label>
                            <a href="/admin/singlevendor/{{productExists.vendor._id}}" class="btn btn-md btn-info m-1">
                                <i class="fa-solid fa-eye"></i>
                            </a>
                        </div> --}}
                        <div class="form-group float-right d-flex align-items-center">
                            <form action="/admin/v1/refundrequeststatus" method="post"
                                style="display: flex; justify-content: space-between; align-items: center;">
                                <label for="status" style="color: black;">Refund Status</label>
                                <input type="hidden" name="refundRequestId" value="{{refundRequestExists._id}}">
                                <select name="status" class="form-control col-md-6" required>
                                    <option value="" disabled selected>{{refundRequestExists.status}}</option>
                                    <option value="Accepted">Accepted</option>
                                    <option value="Declined">Declined</option>
                                </select>

                                <button type="submit" class="btn btn-info mt-1">Update</button>
                            </form>
                        </div>
                        <ul class="nav nav-pills">
                            <li class="nav-item"><a class="nav-link active" href="#details"
                                    data-toggle="tab">Details</a>
                            </li>
                            <li class="nav-item"><a class="nav-link" href="#products" data-toggle="tab">Products</a>
                            </li>
                        </ul>
                    </div>
                    <div class="card-body">
                        <div class="tab-content">
                            <div class="tab-pane active" id="details">
                                <div id="privacy-policy-three" class="privacy-policy">
                                    <form method="post" action="/admin/addproduct" enctype="multipart/form-data">
                                        <div class="row">
                                            <h4><b>User Details</b></h4>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="col-form-label">First Name
                                                    </label>
                                                    <input type="text" class="form-control" name="productName"
                                                        value="{{singleOrder.firstName}}" pattern="^\S(.*\S)?$" readonly
                                                        title="Product name should not have leading or trailing spaces"
                                                        minlength="1" maxlength="100" placeholder="Product Name">
                                                </div>
                                                <p id="nameP" style="color: red !important;"></p>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="col-form-label">Last Name
                                                    </label>
                                                    <input type="text" class="form-control" readonly
                                                        value="{{singleOrder.lastName}}" name="productName"
                                                        pattern="^\S(.*\S)?$"
                                                        title="Product name should not have leading or trailing spaces"
                                                        minlength="1" maxlength="100" placeholder="Product Name">
                                                </div>
                                                <p id="nameP" style="color: red !important;"></p>
                                            </div>
                                            <div class="col-md-3">
                                                <label class="col-form-label">Email</label>
                                                <input type="text" class="form-control" name="email"
                                                    placeholder="Enter Email Adress" value="{{singleOrder.userEmail}}"
                                                    oninput="validateEmail(this)" readonly
                                                    onblur="this.value = this.value.trim();">
                                                <small id="update-emailError" style="color: red; display: none;">
                                                    Please enter a valid email address (e.g.,
                                                    example@domain.com).
                                                </small>
                                            </div>
                                            <div class="col-md-3">
                                                <label class="col-form-label">Mobile Number</label>
                                                <input type="text" class="form-control" name="phone" readonly
                                                    placeholder="Enter Mobile Number" value="{{singleOrder.userPhone}}"
                                                    pattern="^[6-9]\d{9}$"
                                                    title="Phone number must be exactly 10 digits and start with 6, 7, 8, or 9.">
                                            </div>
                                        </div>
                                        <div class="row">
                                            <h4><b>Address Details</b></h4>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="col-form-label">Building Name
                                                    </label>
                                                    <textarea class="form-control description" name="description"
                                                        readonly minlength="10"
                                                        rows="1">{{singleOrder.buildingName}}</textarea>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="col-form-label">Block Name or Number
                                                    </label>
                                                    <textarea class="form-control description" name="description"
                                                        readonly minlength="10"
                                                        rows="1">{{singleOrder.blockNameOrNumber}}</textarea>
                                                </div>
                                            </div>
                                            {{!-- <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="col-form-label">Flat Name or Number
                                                    </label>
                                                    <textarea class="form-control description" name="description"
                                                        readonly minlength="10"
                                                        rows="1">{{singleOrder.flatNameOrNumber}}</textarea>
                                                </div>
                                            </div> --}}
                                            {{!-- <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="col-form-label">Area & LandMark
                                                    </label>
                                                    <textarea class="form-control description" name="description"
                                                        readonly minlength="10"
                                                        rows="1">{{singleOrder.areaAndLandmark}}</textarea>
                                                </div>
                                            </div> --}}
                                        </div>
                                        <div class="row">
                                            {{!-- <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="col-form-label">Latitude
                                                    </label>
                                                    <input type="number" class="form-control" name="quantity" min="1"
                                                        id="quantityInput" readonly value="{{singleOrder.latitude}}"
                                                        placeholder="Enter Quantity in No's">
                                                </div>
                                            </div> --}}
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="col-form-label">Flat Name or Number
                                                    </label>
                                                    <textarea class="form-control description" name="description"
                                                        readonly minlength="10"
                                                        rows="1">{{singleOrder.flatNameOrNumber}}</textarea>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="col-form-label">Receiver Name</label>
                                                    <input type="text" class="form-control" name="stock" min="1"
                                                        max="999" readonly value="{{singleOrder.receiverName}}"
                                                        placeholder="Enter Available Stock">
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="col-form-label">Receiver Phone</label>
                                                    <input type="number" min="1" max="999" class="form-control"
                                                        name="stockAlert" readonly
                                                        value="{{singleOrder.receiverPhone}}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <h4><b>Vendor Details</b></h4>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="form-label">Community Name</label>
                                                    <input type="text" class="form-control" readonly
                                                        value="{{singleOrder.communityName}}">
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="form-label">Vendor Name</label>
                                                    <input type="text" class="form-control" placeholder="N/A" readonly
                                                        value="{{singleOrder.vendorName}}">
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="form-label">Vendor Phone</label>
                                                    <input type="text" class="form-control" readonly
                                                        value="{{singleOrder.vendorPhone}}">
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="form-label">Vendor Email</label>
                                                    <input type="text" class="form-control" placeholder="N/A" readonly
                                                        value="{{singleOrder.vendorEmail}}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <h4><b>Coupon Details</b></h4>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label for="brand" class="form-label">Coupon Name</label>
                                                    <input type="text" class="form-control" id="brand" name="brand"
                                                        readonly placeholder="N/A" pattern="^\S(.*\S)?$"
                                                        value="{{singleOrder.coupounName}}"
                                                        title="Product name should not have leading or trailing spaces">
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="form-label">Coupon Type</label>
                                                    <textarea class="form-control description" name="returnPolicy"
                                                        readonly minlength="10" rows="1"
                                                        placeholder="N/A">{{singleOrder.coupounType}}</textarea>
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="form-label">Coupon Code
                                                    </label>
                                                    <input type="text" class="form-control" readonly
                                                        value="{{singleOrder.coupounCode}}">
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="form-label">Coupon Amount</label>
                                                    <input type="text" class="form-control" readonly
                                                        value="{{singleOrder.coupounAmount}}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="form-label">Coupon Percentage</label>
                                                    <input type="text" class="form-control" readonly placeholder="N/A"
                                                        value="{{singleOrder.coupounPercentage}}">
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="form-label">Coupon Price Range</label>
                                                    <input type="text" class="form-control" placeholder="N/A" readonly
                                                        value="{{singleOrder.coupounPriceRange}}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <h4><b>Other Details</b></h4>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="form-label">Amount</label>
                                                    <input type="text" class="form-control" readonly
                                                        value="{{singleOrder.amount}}">
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="form-label">Invoice Id</label>
                                                    <input type="text" class="form-control" placeholder="N/A" readonly
                                                        value="{{singleOrder.invoiceId}}">
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="form-label">Order Id</label>
                                                    <input type="text" class="form-control" readonly
                                                        value="{{singleOrder.orderId}}">
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="form-label">Status</label>
                                                    <input type="text" class="form-control" placeholder="N/A" readonly
                                                        value="{{singleOrder.status}}">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="form-label">Delivery Charge</label>
                                                    <input type="text" class="form-control" placeholder="N/A" readonly
                                                        value="{{singleOrder.deliveryCharge}}">
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="form-label">Platform Fee</label>
                                                    <input type="text" class="form-control" placeholder="N/A" readonly
                                                        value="{{singleOrder.platformFee}}">
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="form-label">Payment Type</label>
                                                    <input type="text" class="form-control" readonly
                                                        value="{{singleOrder.paymentType}}">
                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <label class="form-label">Delivery Status</label>
                                                    <input type="text" class="form-control" readonly
                                                        value="{{singleOrder.deliveryStatus}}">
                                                </div>
                                            </div>
                                        </div>
                                </div>
                                {{!-- <div class="form-group d-flex justify-content-center">
                                    <button class="btn btn-lg btn-info" type="submit">Submit</button>
                                </div> --}}
                                </form>
                            </div>
                            <div class="tab-pane" id="products">
                                <div class="row">
                                    <div class="col-sm-12 table-responsive">
                                        <table id="example4" class="table table-bordered table-striped"
                                            aria-describedby="example1_info">
                                            <thead>
                                                <tr>
                                                    <th class="sorting" tabindex="0" aria-controls="example1">S.No</th>
                                                    <th class="sorting" tabindex="0" aria-controls="example1">Product
                                                        Name</th>
                                                    <th class="sorting" tabindex="0" aria-controls="example1">Category
                                                        Name</th>
                                                    <th class="sorting" tabindex="0" aria-controls="example1">Price</th>
                                                    <th class="sorting" tabindex="0" aria-controls="example1">Discount%
                                                    </th>
                                                    <th class="sorting" tabindex="0" aria-controls="example1">Discounted
                                                        Price</th>
                                                    <th class="sorting" tabindex="0" aria-controls="example1">SGST</th>
                                                    <th class="sorting" tabindex="0" aria-controls="example1">CGST</th>
                                                    <th class="sorting" tabindex="0" aria-controls="example1">Quantity
                                                    </th>
                                                    <th class="sorting" tabindex="0" aria-controls="example1">Unit Type
                                                    </th>
                                                    <th class="sorting" tabindex="0" aria-controls="example1">Harvest
                                                        Date</th>
                                                    <th class="sorting" tabindex="0" aria-controls="example1">Organic
                                                        Label</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                {{#each singleOrder.orderedProductsDetails}}
                                                <tr class="odd">
                                                    <td>{{inc @index}}</td>
                                                    <td>{{this.productName}}</td>
                                                    <td>{{this.categoryName}}</td>
                                                    <td>{{this.price}}</td>
                                                    <td>{{this.discount}}</td>
                                                    <td>{{this.discountedPrice}}</td>
                                                    <td>{{this.sgst}}</td>
                                                    <td>{{this.cgst}}</td>
                                                    <td>{{this.quantity}}</td>
                                                    <td>{{this.unitType}}</td>
                                                    <td>{{this.harvestDate}}</td>
                                                    <td>{{this.organicLabel}}</td>
                                                </tr>
                                                {{/each}}
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
</section>
{{>footer}}