@extends("layouts.app")

@section("content")
<div class="content-wrapper">
  <div class="page-header">
    <h3 class="page-title">
      <span class="page-title-icon bg-gradient-primary text-white me-2">
        <i class="mdi mdi-home"></i>
      </span> {{__('Dashboard')}}
    </h3>
    <nav aria-label="breadcrumb">
      <ul class="breadcrumb">
        <li class="breadcrumb-item active" aria-current="page">
          <span></span>{{__('Overview')}} <i class="mdi mdi-alert-circle-outline icon-sm text-primary align-middle"></i>
        </li>
      </ul>
    </nav>
  </div>
  

  <div class="row">
      <div class="col-lg-12 grid-margin stretch-card">
        <div class="card">
          <div class="card-body">
            <h4 class="card-title"> {{ __('Alerts Today') }}</h4>
            <div class="mt-4">
              <div class="accordion accordion-solid-header" id="accordion-4" role="tablist">
                <div class="card">
                  <div class="card-header" role="tab" id="heading-10">
                    <h6 class="mb-0">
                      <a data-bs-toggle="collapse" href="#collapse-10" aria-expanded="false" aria-controls="collapse-10"> {{ __('Items with a shelf life of less than 6 months') }} </a>
                    </h6>
                  </div>
                  <div id="collapse-10" class="collapse " role="tabpanel" aria-labelledby="heading-10" data-bs-parent="#accordion-4">
                    <div class="card-body">
                        <div class="row">
                          <div class="col-md-12 col-lg-12 grid-margin stretch-card">
                            <div class="card">
                              <div class="card-body">
                                @if(count($alartsToday) > 0)
                                <ul class="bullet-line-list" >
                                  @foreach($alartsToday as $alart)
                                    <li>
                                      <h6>{{ __('Item') }}: {{$alart->purchaseItem->item->name}}</h6>
                                      <p>{{ __('Inventory') }}: {{$alart->purchaseItem->inventory->name}}</p>
                                      <p class="text-muted">
                                        <i class="mdi mdi-clock"></i> {{ $alart->expire_date }}
                                      </p>
                                    </li>
                                  @endforeach
                                </ul>
                                @else
                                  <div class="alert alert-success">
                                    {{ __('No alerts today.') }}
                                  </div>
                                @endif
                              </div>
                            </div>
                          </div>
                        </div>
                    </div>
                  </div>
                </div>
                <div class="card">
                  <div class="card-header" role="tab" id="heading-11">
                    <h6 class="mb-0">
                      <a class="collapsed" data-bs-toggle="collapse" href="#collapse-11" aria-expanded="false" aria-controls="collapse-11"> {{ __('Sales that are past the delivery date') }} </a>
                    </h6>
                  </div>
                  <div id="collapse-11" class="collapse" role="tabpanel" aria-labelledby="heading-11" data-bs-parent="#accordion-4">
                    <div class="card-body"> 
                    
                      <div class="row">
                          <div class="col-md-12 col-lg-12 grid-margin stretch-card">
                            <div class="card">
                              <div class="card-body">
                              @if(count($alertSaleToday) > 0)
                                    <ul class="bullet-line-list">
                                        @foreach($alertSaleToday as $alertSale)
                                                @foreach($alertSale->sales->salesItems as $salesItem)
                                                    <li>
                                                        <h6>{{ __('Item') }}: {{ $salesItem->item->name }}</h6>
                                                        <p>{{ __('Inventory') }}: {{ $salesItem->inventory->name }}</p>
                                                        <p>{{ __('In Stock') }}: {{ $salesItem->salesInventoryItem != null ? $salesItem->salesInventoryItem->in_stock : $salesItem->quantity}}</p>
                                                        <p>{{ __('Customers') }}: {{ $salesItem->customer->name }}</p>
                                                        <p class="text-muted">
                                                            <i class="mdi mdi-clock"></i> {{ $alertSale->max_receiving_date }}
                                                        </p>
                                                    </li>
                                                @endforeach
                                        @endforeach
                                    </ul>
                                @else
                                    <div class="alert alert-success">
                                        {{ __('No alerts today.') }}
                                    </div>
                                @endif

                              </div>
                            </div>
                          </div>
                        </div>
                    
                    </div>
                  </div>
                </div>
                
          
                    <div class="card">
                  <div class="card-header" role="tab" id="heading-11">
                    <h6 class="mb-0">
                      <a class="collapsed" data-bs-toggle="collapse" href="#collapse-12" aria-expanded="false" aria-controls="collapse-12"> {{ __('Dues that have not been paid') }} </a>
                    </h6>
                  </div>
                  <div id="collapse-12" class="collapse" role="tabpanel" aria-labelledby="heading-12" data-bs-parent="#accordion-4">
                    <div class="card-body"> 
                    
                      <div class="row">
                          <div class="col-md-12 col-lg-12 grid-margin stretch-card">
                            <div class="card">
                              <div class="card-body">
                              @if(count($alertAccountCustomer) > 0)
                                    <ul class="bullet-line-list">
                                      @foreach($alertAccountCustomer as $alertAccountCustomer)
                                        <li>
                                            <h6>{{ __('Customers') }}: {{ $alertAccountCustomer->customer->name }}</h6>
                                            <p>{{ __('the value') }}: {{ number_format($alertAccountCustomer->dailyRestrictions->Total_Sum_dr, 3, '.', ',')  }}</p>
                                             <p>{{ __('Cridet limit') }}: {{ number_format($alertAccountCustomer->customer->curreny_credit, 3, '.', ',')  }}</p>
                                          
                                            <p class="text-muted">
                                                <i class="mdi mdi-clock"></i> {{ $alertAccountCustomer->date }}
                                            </p>
                                        </li>
                                       @endforeach
                                    </ul>
                                @else
                                    <div class="alert alert-success">
                                        {{ __('No alerts today.') }}
                                    </div>
                                @endif

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

  <div class="row">
    <div class="col-md-4 stretch-card grid-margin">
      <div class="card bg-gradient-danger card-img-holder text-white">
        <div class="card-body">
          <img src="{{asset('/images/image.png')}}" class="card-img-absolute" alt="circle-image" />
          
          <h4 class="font-weight-normal mb-3">{{__('Inventory')}}<i class="fas fa-box float-end"></i>
          </h4>
          <h2 class="mb-5">{{$InventoryCategoryCount}}</h2>
        </div>
      </div>
    </div>
    <div class="col-md-4 stretch-card grid-margin">
      <div class="card bg-gradient-info card-img-holder text-white">
        <div class="card-body">
          <img src="{{asset('/images/image.png')}}" class="card-img-absolute" alt="circle-image" />
          <h4 class="font-weight-normal mb-3">{{__('Items')}}<i class="mdi mdi-package menu-icon float-end"></i>
          </h4>
          <h2 class="mb-5">{{ $itemCount }}</h2>
        </div>
      </div>
    </div>
    <div class="col-md-4 stretch-card grid-margin">
      <div class="card bg-gradient-success card-img-holder text-white">
        <div class="card-body">
          <img src="{{asset('/images/image.png')}}" class="card-img-absolute" alt="circle-image" />
          <h4 class="font-weight-normal mb-3">{{__('Suppliers')}} <i class="fa-solid fa-dolly float-end"></i>
          </h4>
          <h2 class="mb-5">{{ $SupplierCount }}</h2>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-12 grid-margin">
      <div class="card">
        <div class="card-body">
          <h4 class="card-title">{{__('Users')}}</h4>
          <div class="table-responsive">
            <table class="table">
              <thead>
                <tr>
                <th> {{__('ID')}} </th>
                  <th> {{__('Name')}} </th>
                  <th> {{__('Email')}} </th>
                  <th> {{__('Phone')}} </th>
                  <th> {{__('Role')}} </th>
                  
                </tr>
              </thead>
              <tbody>
           
                @foreach ($users as $user)
                    <tr>
 				          <td>  {{ $user->id}}</td>
                  <td>{{ $user->name }}</td>
                  <td>  {{ $user->email }} </td>
                  <td>  {{ $user->phone }}</td>
                  <td>
                    <label class="badge badge-gradient-success"> </label>
                  </td>
                  </tr>
       		     @endforeach
                
               
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection

@section("scripts")
<script>
  $(document).ready(function() {
    $('#showAlerts').click(function() {
      $('#alertsList').toggle();
    });
  });
</script>

@endsection