@extends('layouts.app')
@section('title')
    {{ __('messages_301.Price in') }}
@endsection
@section('style')
    <style>
        .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
            width: 100% !important;
        }
    </style>
@endsection
@section('content')
    <div class="container-xxl flex-grow-1 container-p-y">
        @include('inc.breadcrumb', [
            'breadcrumb_items' => [
                __('messages.Home') => route('home'),
                __('messages_301.Subscriptions') => route('doctor.subscribe.paid'),
                __('messages_301.Price in') => 'active',
            ],
        ])


        <div class="content-wrapper">
            <!-- Content -->

            <div class="container-xxl flex-grow-1 container-p-y">
                <div class="row">


                    <!-- User Content -->
                    <div class="col-xl-12 col-lg-7 col-md-7 order-0 order-md-1">
                        <!-- User Pills -->

                        <!--/ User Pills -->

                        <!-- Student table -->
                        <div class="content-wrapper">
                            <!-- Content -->

                            <div class="container-xxl flex-grow-3 container-p-y">
                                <h4 class="py-3 mb-4"><span
                                        class="text-muted fw-light">{{ __('messages_301.Price in') }}</span></h4>


                                <div class="card mb-4">

                                    <div class="card-widget-separator-wrapper">
                                        <div class="card-body card-widget-separator">
                                            <div class="row gy-4 gy-sm-1">

                                                <div class="col-sm-6 col-lg-6">
                                                    <div
                                                        class="d-flex justify-content-between align-items-start card-widget-2 border-end pb-3 pb-sm-0">
                                                        <div>
                                                            <h3 class="mb-1">{{ count($data) }}</h3>
                                                            <p class="mb-0">{{ __('messages_301.Transactions') }}</p>
                                                        </div>
                                                        <span class="avatar me-lg-4">
                                                            <span class="avatar-initial bg-label-secondary rounded"><i
                                                                    class="ti ti-file-invoice ti-md"></i></span>
                                                        </span>
                                                    </div>
                                                    <hr class="d-none d-sm-block d-lg-none" />
                                                </div>
                                                <div class="col-sm-6 col-lg-6">
                                                    <div
                                                        class="d-flex justify-content-between align-items-start border-end pb-3 pb-sm-0 card-widget-3">
                                                        <div>
                                                            <h3 class="mb-1">{{ $data->sum('price') }}</h3>
                                                            <p class="mb-0">{{ __('messages_301.Price in') }}</p>
                                                        </div>
                                                        <span class="avatar me-sm-4">
                                                            <span class="avatar-initial bg-label-secondary rounded"><i
                                                                    class="ti ti-checks ti-md"></i></span>
                                                        </span>
                                                    </div>
                                                </div>

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

                                <!-- Invoice List Table -->
                                <div class="card">
                                    <div class="card-datatable table-responsive">
                                        <table class="invoice-list-table table border-top">
                                            <thead>
                                                <tr>
                                                    <th>#</th>
                                                    <th>{{ __('messages_301.Price') }}</th>
                                                    <th>{{ __('messages_301.From user') }}</th>
                                                    <th>{{ __('messages_301.To user') }}</th>
                                                    <th>{{ __('messages_301.Payment type') }}</th>
                                                </tr>
                                            </thead>
                                            <tbody class="table-border-bottom-0">
                                                @include('inc.is_empty_data', [
                                                    'var_check_empty' => $data,
                                                    'var_check_empty_rows' => 5,
                                                ])
                                                @foreach ($data as $item)
                                                    <tr>
                                                        <th>{{ $loop->iteration }}</th>
                                                        <td>{{ $item->price }}</td>
                                                        <td>{{ $item->from_user?->name }}</td>
                                                        <td>{{ $item->to_user?->name }}</td>
                                                        <td>{{ $item->payment_type?->name }}</td>

                                                    </tr>
                                                @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <!-- / Content -->



                            <div class="content-backdrop fade"></div>
                        </div>

                        <!-- /Student table -->





                    </div>
                    <!--/ User Content -->
                </div>


                <!-- /Modal -->
            </div>
            <!-- / Content -->



            <div class="content-backdrop fade"></div>
        </div>






    </div>
@endsection