@extends('userend/layouts.main')

@section('main-section')

<section class="course_info">
    <div class="provider">
        <div class="swiper courseSwiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="course_card">
                        <div class="titlle">
                            <h2>Digital Marketing Couse</h2>
                        </div>
                        <div class="text">
                            <div class="info">
                                <p>14th<span> September ( start Date )</span></p>
                                <a class="learn_more" href="javascript:void(0)">Learn more</a>
                            </div>
                            <div class="progress_bar">
                                <div class="global" data-pie='{ "percent": 75 }'></div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="swiper-slide">
                    <div class="course_card">
                        <div class="titlle">
                            <h2>Meta Adds Running Course</h2>
                        </div>
                        <div class="text">
                            <div class="info">
                                <p>14th<span> September ( start Date )</span></p>
                                <a class="learn_more" href="javascript:void(0)">Learn more</a>
                            </div>
                            <div class="progress_bar">
                                <div class="global" data-pie='{ "percent": 75 }'></div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="swiper-slide">
                    <div class="course_card">
                        <div class="titlle">
                            <h2>Website Development</h2>
                        </div>
                        <div class="text">
                            <div class="info">
                                <p>14th<span> September ( start Date )</span></p>
                                <a class="learn_more" href="javascript:void(0)">Learn more</a>
                            </div>
                            <div class="progress_bar">
                                <div class="global" data-pie='{ "percent": 75 }'></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <a href="javascript:void(0)">View all >>></a>
        </div>

        <div class="training_provider">
            <div class="title">
                <h4>Training that <span>we Provide </span>!</h4>
            </div>
            <div class="roadmap">
                <div class="images">
                    <img src="{{ asset('userend/images/provider.png') }}" alt="">
                </div>
                <div class="main_text">
                    <div class="text">
                        <h5>Roadmap to Financial Success<span> -by <i>F.Scott Fitzgerald</i></span></h5>
                        <p>Teamway is where modern companies find, hire, and manage pre-vetted tech talent for a fraction of the cost of agencies. Fair, transparent and fast.</p>
                    </div>
                    <div class="play">
                        <img src="{{ asset('userend/images/play-video.svg') }}" alt="">
                        <a href="javascript:void(0)">Play Again</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="stock_reoder">
        <div class="icon">
            <img src="{{ asset('userend/images/stock-reorder.png') }}" alt="">
        </div>
        <div class="text">
            <div class="title">
                <h4>Stock Reorder Request</h4>
            </div>
            <p>We want to ensure continuous availability for our customers.</p>
            <a href="javascript:void(0)">Request Restock</a>
        </div>
    </div>
</section>

<section class="product_record">
    <div class="customtable">
        <div class="customthead">
            <div class="customtr">
                <div class="customth">
                    <p></p>
                </div>
                <div class="customth">
                    <p>Image</p>
                </div>
                <div class="customth">
                    <p>Product Name</p>
                </div>
                <div class="customth">
                    <p>Category</p>
                </div>
                <div class="customth">
                    <p>Price</p>
                </div>
                <div class="customth">
                    <p>Quantity</p>
                </div>
                <div class="customth">
                    <p>Action</p>
                </div>

            </div>
        </div>

        <div class="customtbody">
            <div class="customtr">
                <div class="customtd">
                    <svg class="toggle-btn" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                        <path d="M16 14L12 10L8 14" stroke="#202020" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                    </svg>
                </div>
                <div class="customtd">
                    <div class="image"><img src="{{ asset('userend/images/product-image.jpg') }}" alt=""></div>
                </div>
                <div class="customtd">
                    <p>Hoodie Order</p>
                </div>
                <div class="customtd">
                    <p>Printing</p>
                </div>
                <div class="customtd">
                    <p>690.00</p>
                </div>
                <div class="customtd">
                    <p>30</p>
                </div>
                <div class="customtd">
                    <a href="javascript:void(0)">Reorder</a>
                </div>
            </div>

            <div class="customtr">
                <div class="customtd">
                    <svg class="toggle-btn" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                        <path d="M16 14L12 10L8 14" stroke="#202020" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                    </svg>
                </div>
                <div class="customtd">
                    <div class="image"><img src="{{ asset('userend/images/product-image.jpg') }}" alt=""></div>
                </div>
                <div class="customtd">
                    <p>Hoodie Order</p>
                </div>
                <div class="customtd">
                    <p>Printing</p>
                </div>
                <div class="customtd">
                    <p>690.00</p>
                </div>
                <div class="customtd">
                    <p>30</p>
                </div>
                <div class="customtd">
                    <a href="javascript:void(0)">Reorder</a>
                </div>
            </div>

            <div class="customtr">
                <div class="customtd">
                    <svg class="toggle-btn" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                        <path d="M16 14L12 10L8 14" stroke="#202020" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
                    </svg>
                </div>
                <div class="customtd">
                    <div class="image"><img src="{{ asset('userend/images/product-image.jpg') }}" alt=""></div>
                </div>
                <div class="customtd">
                    <p>Hoodie Order</p>
                </div>
                <div class="customtd">
                    <p>Printing</p>
                </div>
                <div class="customtd">
                    <p>690.00</p>
                </div>
                <div class="customtd">
                    <p>30</p>
                </div>
                <div class="customtd">
                    <a href="javascript:void(0)">Reorder</a>
                </div>
            </div>
        </div>
    </div>
</section>

@endsection