@extends('user.layouts.master')
@section('title', __('unlimited'))
@section('contents')

    <!-- Page Content  -->
    <div class="content-wrapper">
        <div class="main-content">
            <!-- Start navbar -->
            @include('user.pages.navbar')
            <!-- End /. navbar -->
            <div class="body-content">
                <div class="Feboration blur-2"></div>
                <div class="Feboration blur-3"></div>
                <div class="container-xxl">
                    <div class="row g-3 mb-3">

                        <div class="card">
                            <div class="card-header position-relative">
                                <h6 class="fs-17 fw-semi-bold my-1">Subscription History</h6>
                            </div>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table class="table table-borderless table-condensed text-nowrap category-list"
                                        id="example2">
                                        <thead>
                                            <tr>
                                                <th>SL</th>
                                                <th>Company</th>
                                                <th>Service Date</th>
                                                <th>Service</th>
                                                <!-- <th class="text-end">View Booking</th> -->
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach ($services as $key => $service)
                                                <tr>
                                                    <td>
                                                        {{$key +1}}
                                                    </td>
                                                    <td>
                                                        {{\App\Models\VendorModel::find($service->vendor_id)->business_name}}
                                                    </td>
                                                    <td>
                                                        {{date('d-M-Y', strtotime($service->created_at))}}
                                                    </td>
                                                    <td>
                                                        {{\App\Models\Service::find($service->service_id)->name}}
                                                    </td>
                                                </tr>
                                            @endforeach

                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--/.body content-->
            </div>
            <!--/.main content-->
        </div>

    @endsection
    @push('style')
        <link href="{{ asset('front/user/assets/plugins/datatables/dataTables.bootstrap5.min.css') }}" rel="stylesheet">
        <link href="{{ asset('front/user/assets/plugins/magnific-Popup/magnific-popup.css') }}" rel="stylesheet">
    @endpush
    @push('script')
        {{-- <script src="{{ asset('front/user/assets/plugins/datatables/jquery.dataTables.min.js') }}"></script>
        <script src="{{ asset('front/user/assets/plugins/datatables/dataTables.bootstrap5.min.js') }}"></script> --}}
        <script src="{{ asset('front/user/assets/plugins/magnific-Popup/magnific-popup.js') }}"></script>
        <script src="{{ asset('front/user/assets/dist/js/app.min.js') }}"></script>
        <!-- Page Active Scripts(used by this page) -->
        {{-- <script src="{{ asset('front/user/assets/dist/js/dashboard.js') }}"></script> --}}
        <script>
            $(document).ready(function() {
                $('.popup-img-link').magnificPopup({
                    type: 'image'
                });
            });
        </script>
    @endpush