@extends('dashboards.vendor.index')

@section('content')

    <div class="col-lg-9 layout">
        <h2 class="mainHeadig">All Products</h2>
        <div class="profileSetting totalOrder">
            <ul class="nav nav-pills" id="pills-tab" role="tablist">
                <li class="nav-item">
                    <a class="nav-link active" id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab"
                       aria-controls="pills-home" aria-selected="true">All Products</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab"
                       aria-controls="pills-profile" aria-selected="false">+Add Products</a>
                </li>
            </ul>
            <div class="tab-content" id="pills-tabContent">
                <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">
                    <div class="recentTable totalPayment-table tablecard">
                        <div class="table-responsive-lg">
                            <table class="table table-striped">
                                <thead class="thead-dark">
                                <tr>
                                    <th scope="col">Featured Image</th>
                                    <th scope="col">Name</th>
                                    <th scope="col">Categories</th>
                                    <th scope="col">Price</th>
                                    <th scope="col">Actions</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>
                                        <div class="detailMain">
                                            <figure>
                                                <img src="{{ asset('dashboard-assets/images/tableimg.png') }}"
                                                     class="img-fluid"
                                                     alt="img">
                                            </figure>
                                        </div>
                                    </td>
                                    <td>Name Here</td>
                                    <td>Watches</td>
                                    <td>110$</td>
                                    <td>
                                        <div class="actionBtn">
                                            <a href=""><img src="{{ asset('dashboard-assets/images/eye.png') }}"
                                                            alt="image"
                                                            class="img-fluid"></a>
                                            <a href=""><img src="{{ asset('dashboard-assets/images/edit.png') }}"
                                                            alt="image"
                                                            class="img-fluid"></a>
                                            <a href=""><img src="{{ asset('dashboard-assets/images/trash.png') }}"
                                                            alt="image"
                                                            class="img-fluid"></a>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="detailMain">
                                            <figure>
                                                <img src="{{ asset('dashboard-assets/images/tableimg.png') }}"
                                                     class="img-fluid"
                                                     alt="img">
                                            </figure>
                                        </div>
                                    </td>
                                    <td>Name Here</td>
                                    <td>Watches</td>
                                    <td>110$</td>
                                    <td>
                                        <div class="actionBtn">
                                            <a href=""><img src="{{ asset('dashboard-assets/images/eye.png') }}"
                                                            alt="image"
                                                            class="img-fluid"></a>
                                            <a href=""><img src="{{ asset('dashboard-assets/images/edit.png') }}"
                                                            alt="image"
                                                            class="img-fluid"></a>
                                            <a href=""><img src="{{ asset('dashboard-assets/images/trash.png') }}"
                                                            alt="image"
                                                            class="img-fluid"></a>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="detailMain">
                                            <figure>
                                                <img src="{{ asset('dashboard-assets/images/tableimg.png') }}"
                                                     class="img-fluid"
                                                     alt="img">
                                            </figure>
                                        </div>
                                    </td>
                                    <td>Name Here</td>
                                    <td>Watches</td>
                                    <td>110$</td>
                                    <td>
                                        <div class="actionBtn">
                                            <a href=""><img src="{{ asset('dashboard-assets/images/eye.png') }}"
                                                            alt="image"
                                                            class="img-fluid"></a>
                                            <a href=""><img src="{{ asset('dashboard-assets/images/edit.png') }}"
                                                            alt="image"
                                                            class="img-fluid"></a>
                                            <a href=""><img src="{{ asset('dashboard-assets/images/trash.png') }}"
                                                            alt="image"
                                                            class="img-fluid"></a>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="detailMain">
                                            <figure>
                                                <img src="{{ asset('dashboard-assets/images/tableimg.png') }}"
                                                     class="img-fluid"
                                                     alt="img">
                                            </figure>
                                        </div>
                                    </td>
                                    <td>Name Here</td>
                                    <td>Watches</td>
                                    <td>110$</td>
                                    <td>
                                        <div class="actionBtn">
                                            <a href=""><img src="{{ asset('dashboard-assets/images/eye.png') }}"
                                                            alt="image"
                                                            class="img-fluid"></a>
                                            <a href=""><img src="{{ asset('dashboard-assets/images/edit.png') }}"
                                                            alt="image"
                                                            class="img-fluid"></a>
                                            <a href=""><img src="{{ asset('dashboard-assets/images/trash.png') }}"
                                                            alt="image"
                                                            class="img-fluid"></a>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="detailMain">
                                            <figure>
                                                <img src="{{ asset('dashboard-assets/images/tableimg.png') }}"
                                                     class="img-fluid"
                                                     alt="img">
                                            </figure>
                                        </div>
                                    </td>
                                    <td>Name Here</td>
                                    <td>Watches</td>
                                    <td>110$</td>
                                    <td>
                                        <div class="actionBtn">
                                            <a href=""><img src="{{ asset('dashboard-assets/images/eye.png') }}"
                                                            alt="image"
                                                            class="img-fluid"></a>
                                            <a href=""><img src="{{ asset('dashboard-assets/images/edit.png') }}"
                                                            alt="image"
                                                            class="img-fluid"></a>
                                            <a href=""><img src="{{ asset('dashboard-assets/images/trash.png') }}"
                                                            alt="image"
                                                            class="img-fluid"></a>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="detailMain">
                                            <figure>
                                                <img src="{{ asset('dashboard-assets/images/tableimg.png') }}"
                                                     class="img-fluid"
                                                     alt="img">
                                            </figure>
                                        </div>
                                    </td>
                                    <td>Name Here</td>
                                    <td>Watches</td>
                                    <td>110$</td>
                                    <td>
                                        <div class="actionBtn">
                                            <a href=""><img src="{{ asset('dashboard-assets/images/eye.png') }}"
                                                            alt="image"
                                                            class="img-fluid"></a>
                                            <a href=""><img src="{{ asset('dashboard-assets/images/edit.png') }}"
                                                            alt="image"
                                                            class="img-fluid"></a>
                                            <a href=""><img src="{{ asset('dashboard-assets/images/trash.png') }}"
                                                            alt="image"
                                                            class="img-fluid"></a>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div class="detailMain">
                                            <figure>
                                                <img src="{{ asset('dashboard-assets/images/tableimg.png') }}"
                                                     class="img-fluid"
                                                     alt="img">
                                            </figure>
                                        </div>
                                    </td>
                                    <td>Name Here</td>
                                    <td>Watches</td>
                                    <td>110$</td>
                                    <td>
                                        <div class="actionBtn">
                                            <a href=""><img src="{{ asset('dashboard-assets/images/eye.png') }}"
                                                            alt="image"
                                                            class="img-fluid"></a>
                                            <a href=""><img src="{{ asset('dashboard-assets/images/edit.png') }}"
                                                            alt="image"
                                                            class="img-fluid"></a>
                                            <a href=""><img src="{{ asset('dashboard-assets/images/trash.png') }}"
                                                            alt="image"
                                                            class="img-fluid"></a>
                                        </div>
                                    </td>
                                </tr>


                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab">
                    <div class="recentTable totalPayment-table tablecard">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="dtlimg">
                                    <div class="d-flex">
                                        <ul>
                                            <li><img src="{{ asset('dashboard-assets/images/list1.jpg') }}"
                                                     class="img-fluid" alt="img"></li>
                                            <li><img src="{{ asset('dashboard-assets/images/list1.jpg') }}"
                                                     class="img-fluid" alt="img"></li>
                                            <li>
                                                <img src="{{ asset('dashboard-assets/images/list1.jpg') }}"
                                                     class="img-fluid" alt="img">
                                                <a href="#">+ <input type="file"></a>
                                            </li>
                                        </ul>
                                        <figure>
                                            <img src="{{ asset('dashboard-assets/images/list4.jpg') }}"
                                                 class="img-fluid" alt="img">
                                        </figure>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <form class="visaForm">
                                    <label>Product Current Price* <span>(In USD)</span></label>
                                    <input type="text" placeholder="e.g 20">
                                    <label>Product Discount Price* <span>(Optional)</span></label>
                                    <input type="text" placeholder="e.g 20">
                                    <label>Product Name*</label>
                                    <input type="text" placeholder="Enter Product Name">
                                    <label>Product Sku*</label>
                                    <input type="text" placeholder="Enter Product Sku">
                                    <label>Category*</label>
                                    <select>
                                        <option>Select Category</option>
                                    </select>
                                    <label>Sub Category*</label>
                                    <select>
                                        <option>Enter Sub Category</option>
                                    </select>
                                    <label>Product Condition*</label>
                                    <select>
                                        <option>New</option>
                                    </select>
                                    <ul class="checkOne">
                                        <li>
                                            <input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
                                            <label for="vehicle1">Allow Estimated Shipping Time</label>
                                        </li>
                                        <li>
                                            <input type="checkbox" id="vehicle2" name="vehicle2" value="Bike">
                                            <label for="vehicle2">Allow Product Variation</label>
                                        </li>
                                        <li>
                                            <input type="checkbox" id="vehicle3" name="vehicle3" value="Bike">
                                            <label for="vehicle3">Allow Product Whole Sell</label>
                                        </li>
                                    </ul>
                                    <label>Product Stock* <span>(Leave Empty will Show Always Available)</span></label>
                                    <input type="text" placeholder="e.g 20">
                                    <label>Product Description*</label>
                                    <textarea placeholder=""></textarea>
                                    <label>Product Buy/Return Policy*</label>
                                    <textarea placeholder=""></textarea>
                                    <button class="themeBtn">Create Product</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- section css end -->
    </div>
    </div>
    </section>

@endsection