{{-- layout extend --}}
@extends('layouts.contentLayoutMaster')

{{-- page title --}}
@section('title','Dashboard Modern')

{{-- vendor styles --}}
@section('vendor-style')
<link rel="stylesheet" type="text/css" href="{{asset('vendors/animate-css/animate.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/chartist-js/chartist.min.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('vendors/chartist-js/chartist-plugin-tooltip.css')}}">
@endsection

{{-- page styles --}}
@section('page-style')
<link rel="stylesheet" type="text/css" href="{{asset('css/pages/dashboard-modern.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('css/pages/intro.css')}}">
@endsection


{{-- page content --}}
@section('content')

<style>
   .custom-card .row {
      display: flex;
    justify-content: start;
    padding: 0 10px;
    gap: 5px;
}

.custom-card .card {
    width: 32% !important;
}
</style>

<div class="section">
   <!-- Current balance & total transactions cards-->
   <div class="row vertical-modern-dashboard">
      @include('panels.flashMessages')
      <div class="col s12 m12 l4">
      
      </div>
      
   </div>
   <!--/ Current balance & total transactions cards-->

   <!-- User statistics & appointment cards-->
   <div class="row">
      
   </div>
   <!--/ Current balance & appointment cards-->

   <div class="row">
      <div class="col s12 m12 l12 custom-card">
         <div class="row">

            @if(isset($userType) && $userType==config('custom.superadminrole'))
            <div class="card padding-4 animate fadeLeft ">

               <div class="row">
                  <div class="col s5 m5">
                     <a href="{{ route($companyUrl) }}"><h5 class="mb-0">Company</h5></a>

                     <p class="mb-0 pt-8">{{(isset($totalCompanyCount) && $totalCompanyCount!='' ) ? $totalCompanyCount : ''}}</p>
                  </div>
                  <div class="col s7 m7 right-align">
                     <i
                        class="material-icons background-round mt-5 mb-5 gradient-45deg-purple-amber gradient-shadow white-text">perm_identity</i>
                     <p class="mb-0">Total Comapny</p>
                  </div>
               </div>
            </div>
            @endif

            @if(isset($userType) && $userType==config('custom.superadminrole'))
            <div class="card padding-4 animate fadeLeft ">

               <div class="row">
                  <div class="col s5 m5">
                     <a href="{{ route($companyUrl) }}"><h5 class="mb-0">User</h5></a>

                     <p class="mb-0 pt-8">{{(isset($totalCompanyCount) && $totalCompanyCount!='' ) ? $totalCompanyCount : ''}}</p>
                  </div>
                  <div class="col s7 m7 right-align">
                     <i
                        class="material-icons background-round mt-5 mb-5 gradient-45deg-purple-amber gradient-shadow white-text">perm_identity</i>
                     <p class="mb-0">Total User</p>
                  </div>
               </div>
            </div>
            @endif
           
         </div>
         
       
      </div>
      
      @if(isset($userType) && $userType==config('custom.superadminrole'))

      <div class="col s12 m6 l12">
         <div class="card subscriber-list-card animate fadeRight">
            <div class="card-content pb-1">
               <h4 class="card-title mb-0">Company List <i class="material-icons float-right"></i></h4>
            </div>
            <table class="subscription-table responsive-table highlight">
               <thead>
                  <tr>
                   
                     <th>S.no</th>
                     <th>Company Name</th>
                     <th>Phone</th>
                     <th>Date</th>

                  </tr>
               </thead>
               <tbody>

               @if(isset($all_company) && !empty($all_company))
                  @foreach($all_company as $key => $company_value)
                  <tr>
                     <td>{{$key+1}}</td>
                     <td>{{$company_value->company_name}}</td>
                     <td>{{$company_value->contact_mobile}}</td>
                     <td>{{ date('m-d-Y', strtotime($company_value->created_at)) }}</td>
                  </tr>
                  @endforeach
               @endif
               
               </tbody>
            </table>
         </div>
      </div>

     @endif
     @if(isset($userType) && $userType!=config('custom.superadminrole'))
      <div class="col s12 m6 l12">
         <div class="card subscriber-list-card animate fadeRight">
            <div class="card-content pb-1">
               <h4 class="card-title mb-0">Order List <i class="material-icons float-right"></i></h4>
            </div>
            <table class="subscription-table responsive-table highlight">
               <thead>
                  <tr>
                     <th>S.no</th>
                     <th>Username</th>
                     <th>Amount</th>
                     <th>Type</th>
                     <th>Date</th>
                  </tr>
               </thead>
               <tbody>

               @if(isset($order_list) && !empty($order_list))
                  @foreach($order_list as $key => $order_value)
                  <tr>
                     <td>{{$key+1}}</td>
                     <td>{{$order_value->username->name}}</td>
                     <td>{{$order_value->total_amount}}</td>
                     <td>{{$order_value->order_type}}</td>
                     <td>{{ date('m-d-Y', strtotime($order_value->created_at)) }}</td>
                  </tr>
                  @endforeach
               @endif
               
               </tbody>
            </table>
         </div>
      </div>
      @endif
   </div>
</div>

@endsection

{{-- vendor scripts --}}
@section('vendor-script')
<script src="{{asset('vendors/chartjs/chart.min.js')}}"></script>
<script src="{{asset('vendors/chartist-js/chartist.min.js')}}"></script>
<script src="{{asset('vendors/chartist-js/chartist-plugin-tooltip.js')}}"></script>
<script src="{{asset('vendors/chartist-js/chartist-plugin-fill-donut.min.js')}}"></script>
@endsection

{{-- page scripts --}}
@section('page-script')
<script src="{{asset('js/scripts/dashboard-modern.js')}}"></script>
<script src="{{asset('js/scripts/intro.js')}}"></script>
@endsection