@extends('user.header')
@section('userContent')

  <div class="content-wrapper" style="min-height: 1019px;">
    <div class="container-full">
      <!-- Content Header (Page header) -->


      <!-- Main content -->
      <section class="content">
        <div class="row">
          <div class="col-xl-12 col-lg-12 col-12">
            <div class="row">
              <div class="col-xl-2 col-12">
                <div class="box listing_menu">
                  <div class="box-header">
                    <h4 class="box-title">Manage Orders</h4>
                  </div>

                  <div class="box-body">
                    <div class="inner-user-div4">
                      <ul>
                        <li><a href="product-listing.html"> New (2023)</a></li>
                        <li><a href="">Approved Orders (1021)</a></li>
                        <li><a href="">Packed Orders (900)</a></li>
                        <li><a href="">In Transit Orders (700)</a></li>
                        <li><a href="">Delivered Orders (350)</a></li>
                        <li><a href="">Return Orders (15)</a></li>
                        <li><a href="">Returned Orders (12)</a></li>
                        <li><a href="">Cancelled Orders (121)</a></li>
                        <li><a href="">Disputed Orders (12)</a></li>

                      </ul>



                    </div>

                  </div>
                </div>
              </div>
              <div class="col-xl-10 col-12">
                <div class="box">
                  <div class="box-header with-border">
                    <h4 class="box-title" style="width:100%">New Orders <a href="#"
                        class="pull-right btn btn-basic btn-basic-color mb10">Download CSV</a></h4>

                  </div>

                  <!-- Bootstrap core JavaScript
      ================================================== -->
                  <!-- Placed at the end of the document so the pages load faster -->


                  <div class="box-body">
                    <div class="clearfix"></div>
                    <div class="col-sm-12">
                      <div class="row mb30 account-filters">
                        <div class="col-sm-10">
                          <div class="row">
                            <div class="col-sm-5 plr5">
                              <div class="form-group">
                                <input class="form-control  " id="formFileSm" type="text"
                                  placeholder="Search by SKU, Order ID, Customer Name, Phone,">
                              </div>

                            </div>
                            <div class="col-sm-2 plr5">
                              <div class="form-group">
                                <input class="form-control  " type="date" placeholder="date">
                              </div>

                            </div>
                            <div class="col-sm-2 plr5">
                              <div class="form-group">
                                <input class="form-control  " type="date" placeholder="date">
                              </div>

                            </div>
                            <div class="col-sm-3 plr5">
                              <div class="form-group">

                                <select class="form-select" id="intType3" data-placeholder="Type to search cities"
                                  name="intType3">
                                  <option value="Banquet">By Seller</option>
                                  <option value="Fund Raiser"> Seller 1 </option>
                                  <option value="Fund Raiser"> Seller 2</option>
                                  <option value="Fund Raiser"> Seller 3</option>
                                </select>
                              </div>
                            </div>

                          </div>

                        </div>

                        <div class="col-sm-2 plr5"><a href="" class="btn btn-basic-color btn-block"
                            style="width:100%">Search</a></div>
                      </div>
                    </div>
                    <div class="clearfix"></div>
                    <div class="tab-content clearfix" style="padding: 0; border: 0; padding-top: 10px;">
                      <div class="tab-pane active">
                        <div class="table-responsive">
                          <table class="table table-bordered table-hover wishlist" style="border:0">
                            <thead>
                              <tr style="background:#eee">
                                <td class="text-left"> <input type="checkbox" id="md_checkbox_20"
                                    class="filled-in chk-col-primary">
                                  <label for="md_checkbox_20"></label>
                                </td>
                                <td class="text-left">IDS</td>
                                <td class="text-center">Image</td>
                                <td class="text-left">Product</td>
                                <td class="text-left">QTY</td>
                                <td class="text-left">Pricing</td>
                                <td class="text-left">Sold By</td>
                                <td class="text-left">Buyer</td>
                                <td class="text-left">Action</td>
                              </tr>
                            </thead>
                            <tbody>
                              <tr>
                                <td class="text-left">

                                  <input type="checkbox" id="md_checkbox_21" class="filled-in chk-col-primary">
                                  <label for="md_checkbox_21"></label>
                                </td>
                                <td class="text-left">
                                  <p class="no-margin">OID:CRP-<a href="{{ route('admin.product-orders.show', 0) }}"
                                      style="color:#2677e7">000001</a></p>
                                  <p class="no-margin">Date : 12 Oct 2021 </p>
                                  <p class="no-margin">Time : 3: 30 PM </p>
                                </td>

                                <td class="text-left">
                                  <a href="product.html"><img width="60px" src="https://healthcareinhand.in/design/admin-access/images/iphone-img.jpeg"
                                      alt="Aspire Ultrabook Laptop" title="Aspire Ultrabook Laptop">
                                  </a>
                                </td>
                                <td class="text-left">
                                  <p class="no-margin"> <a href="" style="color:#2677e7">iPhone 13 Pro Max</a></p>
                                  <p class="no-margin">Size: 128GB </p>
                                  <p class="no-margin">Color : Red</p>
                                  <p class="no-margin">Condistion: New</p>
                                  <p class="no-margin">Brand: <a href="" style="color:#2677e7">Apple</a></p>
                                  <p class="no-margin">SKU: SKU000001</p>
                                  <p class="no-margin">Barcode : xxxxxxxxx</p>
                                </td>
                                <td class="text-left">
                                  <p class="no-margin"> 3 Peice </p>
                                  <p class="no-margin">Lot: (1-9)</p>
                                </td>
                                <td class="text-left">
                                  <p class="no-margin"> $2,000</p>
                                  <p class="no-margin">COD/Online</p>
                                  <p class="no-margin">Received</p>
                                </td>
                                <td class="text-left">
                                  <p class="no-margin"> AVG ELectronics</p>
                                  <p class="no-margin">Main CIty Singapore</p>
                                  <p class="no-margin">Singapore</p>
                                  <p class="no-margin">UAC ID: <a href="" style="color:#2677e7">000MAXPRO</a></p>

                                </td>
                                <td>
                                  <p class="no-margin">GenX eIndia Inc</p>
                                  <p class="no-margin">B4-1004, Panchsheel Greens-2</p>
                                  <p class="no-margin">Noida</p>
                                  <p class="no-margin">India</p>
                                </td>
                                <td class="text-left">

                                  <a href="{{ route('admin.product-orders.show', 0) }}" class="btn  btn-basic btn-basic-color"
                                    data-toggle="tooltip" data-original-title="View Order"><i
                                      class="fa fa-check-square-o"></i></a>
                                  <a href="" class="btn  btn-basic btn-basic-color" data-toggle="tooltip"
                                    data-original-title="Cancel"><i class="fa fa-trash"></i></a>

                                </td>
                              </tr>

                              <tr height="20px"></tr>
                              <tr>
                                <td class="text-left"> <input type="checkbox" id="md_checkbox_22"
                                    class="filled-in chk-col-primary">
                                  <label for="md_checkbox_22"></label>
                                </td>
                                <td class="text-left">
                                  <p class="no-margin">OID:CRP-<a href="" style="color:#2677e7">000001</a></p>
                                  <p class="no-margin">Date : 12 Oct 2021 </p>
                                  <p class="no-margin">Time : 3: 30 PM </p>
                                </td>

                                <td class="text-left">
                                  <a href="product.html"><img width="60px" src="https://healthcareinhand.in/design/admin-access/images/iphone-img.jpeg"
                                      alt="Aspire Ultrabook Laptop" title="Aspire Ultrabook Laptop">
                                  </a>
                                </td>
                                <td class="text-left">
                                  <p class="no-margin"> <a href="" style="color:#2677e7">iPhone 13 Pro Max</a></p>
                                  <p class="no-margin">Size: 128GB </p>
                                  <p class="no-margin">Color : Red</p>
                                  <p class="no-margin">Condistion: New</p>
                                  <p class="no-margin">Brand: <a href="" style="color:#2677e7">Apple</a></p>
                                  <p class="no-margin">SKU: SKU000001</p>
                                  <p class="no-margin">Barcode : xxxxxxxxx</p>
                                </td>
                                <td class="text-left">
                                  <p class="no-margin"> 3 Peice </p>
                                  <p class="no-margin">Lot: (1-9)</p>
                                </td>
                                <td class="text-left">
                                  <p class="no-margin"> $2,000</p>
                                  <p class="no-margin">COD/Online</p>
                                  <p class="no-margin">Received</p>
                                </td>
                                <td class="text-left">
                                  <p class="no-margin"> AVG ELectronics</p>
                                  <p class="no-margin">Main CIty Singapore</p>
                                  <p class="no-margin">Singapore</p>
                                  <p class="no-margin">UAC ID: <a href="" style="color:#2677e7">000MAXPRO</a></p>

                                </td>
                                <td>
                                  <p class="no-margin">GenX eIndia Inc</p>
                                  <p class="no-margin">B4-1004, Panchsheel Greens-2</p>
                                  <p class="no-margin">Noida</p>
                                  <p class="no-margin">India</p>
                                </td>
                                <td class="text-left">

                                  <a href="" class="btn  btn-basic btn-basic-color" data-toggle="tooltip"
                                    data-original-title="View Order"><i class="fa fa-check-square-o"></i></a>
                                  <a href="" class="btn  btn-basic btn-basic-color" data-toggle="tooltip"
                                    data-original-title="Cancel"><i class="fa fa-trash"></i></a>

                                </td>
                              </tr>

                              <tr height="20px"></tr>
                              <tr>
                                <td class="text-left"> <input type="checkbox" id="md_checkbox_23"
                                    class="filled-in chk-col-primary">
                                  <label for="md_checkbox_23"></label>
                                </td>
                                <td class="text-left">
                                  <p class="no-margin">OID:CRP-<a href="" style="color:#2677e7">000001</a></p>
                                  <p class="no-margin">Date : 12 Oct 2021 </p>
                                  <p class="no-margin">Time : 3: 30 PM </p>
                                </td>

                                <td class="text-left">
                                  <a href="product.html"><img width="60px" src="https://healthcareinhand.in/design/admin-access/images/iphone-img.jpeg"
                                      alt="Aspire Ultrabook Laptop" title="Aspire Ultrabook Laptop">
                                  </a>
                                </td>
                                <td class="text-left">
                                  <p class="no-margin"> <a href="" style="color:#2677e7">iPhone 13 Pro Max</a></p>
                                  <p class="no-margin">Size: 128GB </p>
                                  <p class="no-margin">Color : Red</p>
                                  <p class="no-margin">Condistion: New</p>
                                  <p class="no-margin">Brand: <a href="" style="color:#2677e7">Apple</a></p>
                                  <p class="no-margin">SKU: SKU000001</p>
                                  <p class="no-margin">Barcode : xxxxxxxxx</p>
                                </td>
                                <td class="text-left">
                                  <p class="no-margin"> 3 Peice </p>
                                  <p class="no-margin">Lot: (1-9)</p>
                                </td>
                                <td class="text-left">
                                  <p class="no-margin"> $2,000</p>
                                  <p class="no-margin">COD/Online</p>
                                  <p class="no-margin">Received</p>
                                </td>
                                <td class="text-left">
                                  <p class="no-margin"> AVG ELectronics</p>
                                  <p class="no-margin">Main CIty Singapore</p>
                                  <p class="no-margin">Singapore</p>
                                  <p class="no-margin">UAC ID: <a href="" style="color:#2677e7">000MAXPRO</a></p>

                                </td>
                                <td>
                                  <p class="no-margin">GenX eIndia Inc</p>
                                  <p class="no-margin">B4-1004, Panchsheel Greens-2</p>
                                  <p class="no-margin">Noida</p>
                                  <p class="no-margin">India</p>
                                </td>
                                <td class="text-left">

                                  <a href="" class="btn  btn-basic btn-basic-color" data-toggle="tooltip"
                                    data-original-title="View Order"><i class="fa fa-check-square-o"></i></a>
                                  <a href="" class="btn  btn-basic btn-basic-color" data-toggle="tooltip"
                                    data-original-title="Cancel"><i class="fa fa-trash"></i></a>

                                </td>
                              </tr>

                            </tbody>
                          </table>
                        </div>
                      </div>

                    </div>
                  </div>
                </div>
              </div>
            </div>


          </div>
        </div>

      </section>
    </div>

    <!-- /.content -->
  </div>

@endsection