@extends('settings::layouts.master')

@section('content')

  {{--  @include("settings::statics._charts")  --}}
  <div class="row mt-4">
    <div class="col-12">
      <div class="card">
        <div class="card-body p-3">

          <h6 class="text-dark text-sm font-weight-bold mb-0">
             {{ __('ads') }}

            </h6>
            <div class="container border-radius-lg">
            <div class="row">

              <div class="col-3 py-3 ps-0">
                @include("settings::components._card-counter",
                [
                  'title' =>__('active'),
                  'count' =>$ads->where('is_active',1)->count()
                ]
                ) </div>
              <div class="col-3 py-3 ps-0">
@include("settings::components._card-counter",
[
  'title' =>__('disabled'),
  'count' =>$ads->where('is_active',0)->count()
]
) </div>
<div class="col-3 py-3 ps-0">
  @include("settings::components._card-counter",
  [
    'title' =>__('show_in_ribbon'),
    'count' =>$ads->where('show_in_ribbon',1)->count()
  ]
  ) </div>
  <div class="col-3 py-3 ps-0">
    @include("settings::components._card-counter",
    [
      'title' =>__('show_in_banner'),
      'count' =>$ads->where('show_in_banner',1)->count()
    ]
    ) </div>




{{--  end row  --}}


            </div>
          </div>
        </div>
      </div>
    </div> {{--  end col-12  --}}
    <div class="col-12">
      <div class="card">
        <div class="card-body p-3">

          <h6 class="text-dark text-sm font-weight-bold mb-0">
             {{ __('products') }}

            </h6>
            <div class="container border-radius-lg">
            <div class="row">

              <div class="col-3 py-3 ps-0">
                @include("settings::components._card-counter",
                [
                  'title' =>__('active'),
                  'count' =>$products->where('is_active',1)->count()
                ]
                ) </div>
              <div class="col-3 py-3 ps-0">
@include("settings::components._card-counter",
[
  'title' =>__('disabled'),
  'count' =>$products->where('is_active',0)->count()
]
) </div>
<div class="col-3 py-3 ps-0">
  @include("settings::components._card-counter",
  [
    'title' =>__('closed'),
    'count' =>$products->where('is_closed',1)->count()
  ]
  ) </div>

  <div class="col-3 py-3 ps-0">
    @include("settings::components._card-counter",
    [
      'title' =>__('opend'),
      'count' =>$products->where('is_closed',0)->count()
    ]
    ) </div>



{{--  end row  --}}


            </div>
          </div>
        </div>
      </div>
    </div> {{--  end col-12  --}}



    <div class="col-12">
      <div class="card">
        <div class="card-body p-3">

          <h6 class="text-dark text-sm font-weight-bold mb-0">
             {{ __('invoices') }}

            </h6>
            <div class="container border-radius-lg">
            <div class="row">

              <div class="col-3 py-3 ps-0">
                @include("settings::components._card-counter",
                [
                  'title' =>__('pending'),
                  'count' =>$invoices->where('status','pending')->count()
                ]
                ) </div>
              <div class="col-3 py-3 ps-0">
@include("settings::components._card-counter",
[
  'title' =>__('mada'),
  'count' =>$invoices->where('payment_method','mada')->count()
]
) </div>
<div class="col-3 py-3 ps-0">
  @include("settings::components._card-counter",
  [
    'title' =>__('apple'),
    'count' =>$invoices->where('payment_method','apple')->count()
  ]
  ) </div>





{{--  end row  --}}


            </div>
          </div>
        </div>
      </div>
    </div> {{--  end col-12  --}}
  </div>
  <div class="row my-4">
    <div class=" col-md-6 mb-md-0 mb-4">
      <div class="card">
        <div class="card-header pb-0">
          <div class="row mb-3">
            <div class="col-6">
              <h6 class="text-dark text-sm font-weight-bold mb-0">
                {{__('latest')}}
               {{__('products')}}

              </h6>

            </div>
            <div class="col-6 my-auto text-start">
              <div class="dropdown float-start ps-4">
                <a class="cursor-pointer" id="dropdownTable" data-bs-toggle="dropdown" aria-expanded="false">
                  <i class="fa fa-ellipsis-v text-secondary"></i>
                </a>
                <ul class="dropdown-menu px-2 py-3 me-n4" aria-labelledby="dropdownTable">
                  <li><a class="dropdown-item border-radius-md" href="javascript:;">عمل</a></li>
                  <li><a class="dropdown-item border-radius-md" href="javascript:;">عمل آخر</a></li>
                  <li><a class="dropdown-item border-radius-md" href="javascript:;">شيء آخر هنا</a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="card-body p-0 pb-2">
          <div class="table-responsive">
            <table class="table align-items-center mb-0">
              <thead>
                <tr>
                  <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">@lang('title')</th>
                  <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">@lang('status')</th>
                  <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">@lang('price')</th>
                  <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">@lang('type')</th>
                </tr>
              </thead>
              <tbody>
                @forelse ($latest_products as $product)
                <tr>
                  <td>
                    <div class="d-flex px-2 py-1">
                      <div>
                        <img src="{{ $product->preview }}" class="avatar avatar-sm ms-3">
                      </div>
                      <div class="d-flex flex-column justify-content-center">
                        <h6 class="mb-0 text-sm">
                      {{$product->title}}

                        </h6>
                      </div>
                    </div>
                  </td>
                   <td> {{$product->status}}</td>
                   <td> {{$product->price}}</td>
                   <td> {{__($product->type)}}</td>
                </tr>
                @empty

                @endforelse


              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
    <div class=" col-md-6">
      <div class="card h-100">
        <div class="card-header pb-0">
          <h6 class="text-dark text-sm font-weight-bold mb-0"> {{__('latest')}}
            {{__('ads')}}</h6>

        </div>
        <div class="card-body p-0 pb-2">
          <div class="table-responsive">
            <table class="table align-items-center mb-0">
              <thead>
                <tr>
                  <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">@lang('title')</th>
                  <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">@lang('status')</th>
                  <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">@lang('starting_at')</th>
                  <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">@lang('ending_at')</th>
                </tr>
              </thead>
              <tbody>
                @forelse ($latest_ads as $ad)
                <tr>
                  <td>
                    <div class="d-flex px-2 py-1">
                      <div>
                        <img src="{{ $ad->preview }}" class="avatar avatar-sm ms-3">
                      </div>
                      <div class="d-flex flex-column justify-content-center">
                        <h6 class="mb-0 text-sm">
                      {{$ad->title}}

                        </h6>
                      </div>
                    </div>
                  </td>
                   <td> {{$ad->status}}</td>
                   <td> {{$ad->starting_at}}</td>
                   <td> {{ $ad->ending_at }}</td>
                </tr>
                @empty

                @endforelse


              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
@endsection