@extends('organizer.layout')

@section('content')
  <div class="mt-2 mb-4">
    <h2 class=" pb-2 ">{{ __('Welcome back') .','}} {{ Auth::guard('organizer')->user()->username . '!' }}</h2>
  </div>

  @if (Session::get('secret_login') != true)
    @if (Auth::guard('organizer')->user()->status == 0 && $admin_setting->organizer_admin_approval == 1)
      <div class="mt-2 mb-4">
        <div class="alert alert-danger text-dark">
          {{ $admin_setting->admin_approval_notice != null ? $admin_setting->admin_approval_notice : __( 'Your account is deactive') }}
        </div>
      </div>
    @endif
  @endif

  <!--<div class="row dashboard-items">-->
  <!--  <div class="col-xl-3 col-lg-6">-->
  <!--    <a href="{{ route('organizer.monthly_income') }}">-->
  <!--      <div class="card card-stats card-info card-round">-->
  <!--        <div class="card-body">-->
  <!--          <div class="row">-->
  <!--            <div class="col-5">-->
  <!--              <div class="icon-big text-center">-->
  <!--                <i class="fas fa-sack-dollar"></i>-->
  <!--              </div>-->
  <!--            </div>-->

  <!--            <div class="col-7 col-stats">-->
  <!--              <div class="numbers">-->
  <!--                <p class="card-category">{{ __('My Balance') }}</p>-->
  <!--                <h4 class="card-title">-->
  <!--                  {{ $settings->base_currency_symbol_position == 'left' ? $settings->base_currency_symbol : '' }}-->
  <!--                  {{ round(Auth::guard('organizer')->user()->amount, 2) }}-->
  <!--                  {{ $settings->base_currency_symbol_position == 'right' ? $settings->base_currency_symbol : '' }}-->
  <!--                </h4>-->
  <!--              </div>-->
  <!--            </div>-->
  <!--          </div>-->
  <!--        </div>-->
  <!--      </div>-->
  <!--    </a>-->
  <!--  </div>-->
    <div class="col-xl-3 col-lg-6">
      <a href="{{ route('organizer.event_management.event', ['language' => $defaultLang->code]) }}">
        <div class="card card-stats card-success card-round">
          <div class="card-body">
            <div class="row">
              <div class="col-5">
                <div class="icon-big text-center">
                  <i class="fas fa-calendar-alt"></i>
                </div>
              </div>

              <div class="col-7 col-stats">
                <div class="numbers">
                  <p class="card-category">{{ __('Events') }}</p>
                  <h4 class="card-title">{{ $total_events }}</h4>
                </div>
              </div>
            </div>
          </div>
        </div>
      </a>
    </div>
    <!--<div class="col-xl-3 col-lg-6">-->
    <!--  <a href="{{ route('organizer.event.booking') }}">-->
    <!--    <div class="card card-stats card-danger card-round">-->
    <!--      <div class="card-body">-->
    <!--        <div class="row">-->
    <!--          <div class="col-5">-->
    <!--            <div class="icon-big text-center">-->
    <!--              <i class="fas fa-presentation"></i>-->
    <!--            </div>-->
    <!--          </div>-->
    <!--          <div class="col-7 col-stats">-->
    <!--            <div class="numbers">-->
    <!--              <p class="card-category">{{ __('Total Event Bookings') }}</p>-->
    <!--              <h4 class="card-title">{{ $total_event_bookings }}</h4>-->
    <!--            </div>-->
    <!--          </div>-->
    <!--        </div>-->
    <!--      </div>-->
    <!--    </div>-->
    <!--  </a>-->
    <!--</div>-->
    <!--<div class="col-xl-3 col-lg-6">-->
    <!--  <a href="{{ route('organizer.transcation') }}">-->
    <!--    <div class="card card-stats card-secondary card-round">-->
    <!--      <div class="card-body">-->
    <!--        <div class="row">-->
    <!--          <div class="col-5">-->
    <!--            <div class="icon-big text-center">-->
    <!--              <i class="fal fa-exchange-alt"></i>-->
    <!--            </div>-->
    <!--          </div>-->

    <!--          <div class="col-7 col-stats">-->
    <!--            <div class="numbers">-->
    <!--              <p class="card-category">{{ __('Total Transcation') }}</p>-->
    <!--              <h4 class="card-title">{{ $transcation_count }}-->
    <!--              </h4>-->
    <!--            </div>-->
    <!--          </div>-->
    <!--        </div>-->
    <!--      </div>-->
    <!--    </div>-->
    <!--  </a>-->
    <!--</div>-->
    <!--<div class="col-lg-6">-->
    <!--  <div class="card">-->
    <!--    <div class="card-header">-->
    <!--      <div class="card-title">{{ __('Event Booking Monthly Income') }} ({{ date('Y') }})</div>-->
    <!--    </div>-->

    <!--    <div class="card-body">-->
    <!--      <div class="chart-container">-->
    <!--        <canvas id="incomeChart"></canvas>-->
    <!--      </div>-->
    <!--    </div>-->
    <!--  </div>-->
    <!--</div>-->

  <!--  <div class="col-lg-6">-->
  <!--    <div class="card">-->
  <!--      <div class="card-header">-->
  <!--        <div class="card-title">{{ __('Monthly Event Bookings') }} ({{ date('Y') }})</div>-->
  <!--      </div>-->

  <!--      <div class="card-body">-->
  <!--        <div class="chart-container">-->
  <!--          <canvas id="TotalEventBookingChart"></canvas>-->
  <!--        </div>-->
  <!--      </div>-->
  <!--    </div>-->
  <!--  </div>-->

  <!--</div>-->
@endsection

@section('script')
  {{-- chart js --}}
  <script type="text/javascript" src="{{ asset('assets/admin/js/chart.min.js') }}"></script>

  <script>
    "use strict";
    const monthArr = @php echo json_encode($eventMonths) @endphp;
    const incomeArr = @php echo json_encode($eventIncomes) @endphp;
    const totalBookings = @php echo json_encode($totalBookings) @endphp;
  </script>

  <script type="text/javascript" src="{{ asset('assets/admin/js/chart-init.js') }}"></script>
@endsection