@extends('admin.main')
@section('content')
    <div class="w-lg-80  py-4">
        <div class='d-flex justify-content-between align-items-center'>
            <div>
                <h3 class='font-20 font-900 text-black'>Marketing Campaigns</h3>
            </div>
            <a href="marketingCampaigns">
                <Button type='submit' class='btn-blue rounded-4 inter px-3 mt-2 p-2 w-100 fw-bold font-14 text-capitalize'><i
                        class="fa-solid fa-shop me-2"></i>New Campaign</Button>
            </a>
        </div>
        <div class="row justify-content-between mt-3">
            <div class="col-lg-3 col-md-6 col-12">
                <h6 class="font-18 colorgray">0/3 Active Campaigns</h6>
            </div>
            <div class="col-lg-5 col-md-6 col-12 mt-lg-0 mt-md-3 mt-3">
                <ul class="nav nav-pills mb-3 justify-content-end tab-nav-pills" id="pills-tab" role="tablist">
                    <li class="nav-item" role="presentation">
                        <button class="nav-link active" id="pills-home-tab" data-bs-toggle="pill"
                            data-bs-target="#pills-home" type="button" role="tab" aria-controls="pills-home"
                            aria-selected="true">All Campaigns</button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="pills-profile-tab" data-bs-toggle="pill"
                            data-bs-target="#pills-profile" type="button" role="tab" aria-controls="pills-profile"
                            aria-selected="false">Active</button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="pills-contact-tab" data-bs-toggle="pill"
                            data-bs-target="#pills-contact" type="button" role="tab" aria-controls="pills-contact"
                            aria-selected="false">Pending</button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="pills-disabled-tab" data-bs-toggle="pill"
                            data-bs-target="#pills-disabled" type="button" role="tab" aria-controls="pills-disabled"
                            aria-selected="false">Rejected</button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="pills-disabled1-tab" data-bs-toggle="pill"
                            data-bs-target="#pills-disabled1" type="button" role="tab" aria-controls="pills-disabled1"
                            aria-selected="false">Draft</button>
                    </li>
                </ul>
            </div>
            <div class="tab-content" id="pills-tabContent">
                <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab"
                    tabindex="0">
                    <div class="row justify-content-center text-center mt-3">
                        @foreach ($orders as $order)
                        <div class="col-12  mt-3 Campaigns p-2 rounded-3">
                            <div class="row">
                                <div class="col-lg-5 col-md-6 col-12  align-self-center">
                                    <div class="d-flex align-items-center">
                                        <div>
                                            <img src="/vendor/assets/imges/cafeimg.png" width="80px" alt="">
                                        </div>
                                        <div class="ps-2">
                                            <h6 class="mb-0 font-15 font-500 inter colorblack">Thank you for using Time
                                                Link:</h6>
                                            <p class="mb-0 font-15 inter colorgray">Uniquely matrix economically sound
                                                value
                                                through cooperative technology. </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-lg-2 col-md-6 col-12 mt-lg-0 mt-md-3 mt-3  align-self-center">
                                    <Button class='btn-green rounded-5 px-3 py-1 fw-medium font-14 text-capitalize'>
                                        Active</Button>

                                </div>
                                <div class="col-lg-5 col-md-6 col-12 mt-lg-0 mt-md-3 mt-3 align-self-center">
                                    <div class="d-flex justify-content-between align-items-center">
                                        <div>
                                            <p class="font-15 font-500 inter colorgray mb-0"> Offer Name</p>
                                            <h6 class="mt-2">{{ $order->offer_name }}</h6>
                                        </div>
                                        <div>
                                            <p class="font-15 font-500 inter colorgray mb-0"> Website </p>
                                            <h6 class="mt-2">{{ $order->website_url }}</h6>
                                        </div>
                                        <div>
                                            <p class="font-15 font-500 inter colorgray mb-0"> Business</p>
                                            <h6 class="mt-2">{{ $order->business_name }}</h6>
                                        </div>
                                        <div>
                                            <p class="colorgray mt-2"> <i
                                                    class="fa-solid fa-ellipsis-vertical me-lg-3 fs-3"></i> </p>
                                            <h6></h6>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>

            </div>
        </div>
        <div class="tab-pane fade" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab" tabindex="0">
        </div>
        <div class="tab-pane fade" id="pills-disabled" role="tabpanel" aria-labelledby="pills-disabled-tab"
            tabindex="0"></div>
        <div class="tab-pane fade" id="pills-disabled1-tab" role="tabpanel" aria-labelledby="pills-disabled1-tab"
            tabindex="0"></div>
    </div>
    </div>

    </div>
@endsection
@section('scripts')
@endsection